@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
@import url("./../icons/simple-line-icons/css/simple-line-icons.css");
@import url("./../icons/fontawesome6/css/all.min.css");
@import url("./../icons/fontawesome/css/all.min.css");
@import url("./../icons/material-design-iconic-font/css/materialdesignicons.min.css");
@import url("./../icons/themify-icons/css/themify-icons.css");
@import url("./../icons/line-awesome/css/line-awesome.min.css");
@import url("./../icons/avasta/css/style.css");
@import url("./../icons/flaticon/flaticon.css");
@import url("./../icons/flaticon_1/flaticon_1.css");
@import url("./../icons/icomoon/icomoon.css");
@import url("./../icons/bootstrap-icons/font/bootstrap-icons.css");
@import url(./../vendor/animate/animate.min.css);
@import url(./../vendor/aos/css/aos.min.css);
@import url(./../vendor/perfect-scrollbar/css/perfect-scrollbar.css);
@import url(./../vendor/metismenu/css/metisMenu.min.css);

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

.datepicker table tr td.selected,
.datepicker table tr td.active,
.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: #f31e7a !important;
  background: -moz-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
  background: -webkit-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
  background: linear-gradient(to right, #f31e7a 0%, #fd712c 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31e7a', endColorstr='#fd712c',GradientType=1 );
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
/*!
 * Bootstrap v5.0.0-beta2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #5e72e4;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #ee3232;
  --bs-orange: #ff9900;
  --bs-yellow: #fffa6f;
  --bs-green: #297f00;
  --bs-teal: #20c997;
  --bs-cyan: #3065d0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #ff6a59;
  --bs-secondary: #4cbc9a;
  --bs-success: #56c760;
  --bs-info: #58bad7;
  --bs-warning: #f0a901;
  --bs-danger: #f75a5b;
  --bs-light: #c8c8c8;
  --bs-dark: #6e6e6e;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #777777;
  background-color: #f0f0f0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

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

h1,
.h1 {
  font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.25rem;
  }
}

h2,
.h2 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 1.875rem;
  }
}

h3,
.h3 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.5rem;
  }
}

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

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

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

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

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

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

ol,
ul {
  padding-left: 2rem;
}

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #ff6a59;
  text-decoration: underline;
}
a:hover {
  color: #cc5547;
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #89879f;
  text-align: left;
}

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

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

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

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

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

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.figure {
  display: inline-block;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 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;
  }
}

@media (min-width: 1440) {
  .container {
    max-width: 1320px;
  }
}

.row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

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

@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
}

@media (min-width: 992px) {
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1440) {
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-color: #777777;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #777777;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #777777;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #777777;
  vertical-align: top;
  border-color: #eeeeee;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #777777;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dbdbdb;
  appearance: none;
  border-radius: 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ffb5ac;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 89, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #777777;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #777777;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

.form-check {
  display: block;
  min-height: 1.3125rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #ffb5ac;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 89, 0.25);
}
.form-check-input:checked {
  background-color: #ff6a59;
  border-color: #ff6a59;
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #ff6a59;
  border-color: #ff6a59;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #777777;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.75rem;
  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: #777777;
}

.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 89, 0.25);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #000;
  background-color: #ff6a59;
  border-color: #ff6a59;
}
.btn-primary:hover {
  color: #000;
  background-color: #ff8072;
  border-color: #ff796a;
}

.btn-primary:focus {
  color: #000;
  background-color: #ff8072;
  border-color: #ff796a;
  box-shadow: 0 0 0 0.25rem rgba(217, 90, 76, 0.5);
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: #ff887a;
  border-color: #ff796a;
}

.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 90, 76, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  color: #000;
  background-color: #ff6a59;
  border-color: #ff6a59;
}

.btn-secondary {
  color: #000;
  background-color: #4cbc9a;
  border-color: #4cbc9a;
}
.btn-secondary:hover {
  color: #000;
  background-color: #67c6a9;
  border-color: #5ec3a4;
}

.btn-secondary:focus {
  color: #000;
  background-color: #67c6a9;
  border-color: #5ec3a4;
  box-shadow: 0 0 0 0.25rem rgba(65, 160, 131, 0.5);
}

.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #70c9ae;
  border-color: #5ec3a4;
}

.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 160, 131, 0.5);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #000;
  background-color: #4cbc9a;
  border-color: #4cbc9a;
}

.btn-info {
  color: #000;
  background-color: #58bad7;
  border-color: #58bad7;
}
.btn-info:hover {
  color: #000;
  background-color: #71c4dd;
  border-color: #69c1db;
}

.btn-info:focus {
  color: #000;
  background-color: #71c4dd;
  border-color: #69c1db;
  box-shadow: 0 0 0 0.25rem rgba(75, 158, 183, 0.5);
}

.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #79c8df;
  border-color: #69c1db;
}

.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(75, 158, 183, 0.5);
}
.btn-info:disabled,
.btn-info.disabled {
  color: #000;
  background-color: #58bad7;
  border-color: #58bad7;
}

.btn-danger {
  color: #000;
  background-color: #f75a5b;
  border-color: #f75a5b;
}
.btn-danger:hover {
  color: #000;
  background-color: #f87374;
  border-color: #f86b6b;
}

.btn-danger:focus {
  color: #000;
  background-color: #f87374;
  border-color: #f86b6b;
  box-shadow: 0 0 0 0.25rem rgba(210, 77, 77, 0.5);
}

.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #000;
  background-color: #f97b7c;
  border-color: #f86b6b;
}

.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(210, 77, 77, 0.5);
}
.btn-danger:disabled,
.btn-danger.disabled {
  color: #000;
  background-color: #f75a5b;
  border-color: #f75a5b;
}

.btn-light {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
.btn-light:hover {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
}

.btn-light:focus {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}

.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: lightgray;
  border-color: #cecece;
}

.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}
.btn-light:disabled,
.btn-light.disabled {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

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

.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 {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  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%;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.875rem;
  color: #777777;
  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.75rem;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}

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

.dropend .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
}

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

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

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

.dropstart .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
}

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

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

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

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

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

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #ff6a59;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

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

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

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

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

.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:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.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: #f0f0f0;
  border-color: #dee2e6 #dee2e6 #f0f0f0;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.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-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

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

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

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.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 .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.75rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.75rem - 1px);
  border-top-right-radius: calc(0.75rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.75rem - 1px);
  border-bottom-left-radius: calc(0.75rem - 1px);
}
.card > .card-header + .list-group {
  border-top: 0;
}

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

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

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

.card-header {
  padding: 0.5rem 1rem;
  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.75rem - 1px) calc(0.75rem - 1px) 0 0;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

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

.alert-heading {
  color: inherit;
}

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

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

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ff6a59;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

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

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  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: #ff6a59;
  border-color: #ff6a59;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  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.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast.hide {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 15px;
}

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

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.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: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

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

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Roboto", sans-serif;
  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.76563rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .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.75rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Roboto", sans-serif;
  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.76563rem;
  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 .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #374557;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #777777;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

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

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

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

/* rtl:end:ignore */

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

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

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

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

.align-middle {
  vertical-align: middle !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.vh-100 {
  height: 100vh !important;
}

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

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

.justify-content-center {
  justify-content: center !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
  color: #89879f !important;
}

.bg-primary {
  background-color: #ff6a59 !important;
}

.bg-secondary {
  background-color: #4cbc9a !important;
}

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

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

/* rtl:begin:remove */

/* rtl:end:remove */

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

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

* {
  outline: none;
  padding: 0;
}
*::after {
  margin: 0;
  padding: 0;
}
*::before {
  margin: 0;
  padding: 0;
}

::selection {
  color: #fff;
  background: var(--primary);
}

@media only screen and (max-width: 100rem) {
  :root {
    font-size: 14px;
  }
}

body {
  overflow-x: hidden;
  height: 100%;
  position: relative;
  max-width: 100%;
  font-size: 0.875rem;
}
@media only screen and (max-width: 61.9375rem) {
  body {
    font-size: 0.875rem;
  }
}

p {
  line-height: 1.8;
}

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

#main-wrapper {
  opacity: 0;
  transition: all 0.25s ease-in;
  overflow: hidden;
  position: relative;
}
#main-wrapper.show {
  opacity: 1;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: #777777;
  text-decoration: none;
}
a:hover,
a:focus,
a.active {
  text-decoration: none;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.fs-14 {
  font-size: 0.875rem !important;
  line-height: 1.6;
}

.fs-16 {
  font-size: 1rem !important;
  line-height: 1.6;
}
@media only screen and (max-width: 35.9375rem) {
  .fs-16 {
    font-size: 0.875rem !important;
  }
}

.fs-20 {
  font-size: 1.25rem !important;
  line-height: 1.5;
}

.font-w800 {
  font-weight: 800;
}

h1,
.h1,
.h1,
h2,
.h2,
.h2,
h3,
.h3,
.h3,
h4,
.h4,
.h4,
h5,
.h5,
.h5,
h6,
.h6,
.h6 {
  line-height: 1.5;
  font-weight: 600;
}

.content-body .container {
  margin-top: 2.5rem;
}

.content-body .container-fluid {
  padding-top: 2.5rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 75rem) {
  .content-body .container-fluid {
    padding-top: 1.875rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content-body .container-fluid {
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 35.9375rem) {
  .content-body .container-fluid {
    padding-top: 0.9375rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

/*sp*/

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

.vh-100 {
  height: 100vh !important;
}

/* .bg-gray-dark{
	background:$color_pallate_2 !important;
}
.bg-purpal{
	background:$color_pallate_4 !important;
}
.bg-red{
	background:$color_pallate_5 !important;
}
.bg-blue-dark{
	background:$color_pallate_6 !important;
} */

/* .bg-blue-light{
	background:$color_pallate_8 !important;
}
.bg-green-light{
	background:$color_pallate_9 !important;
}
.bg-green{
	background:$color_pallate_10 !important;
} */

.text-black {
  color: #000 !important;
}

.dlab-scroll {
  position: relative;
}

@-webkit-keyframes crescendo {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }
  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

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

label {
  margin-bottom: 0.5rem;
}

@keyframes gXGDoR {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }
  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

@keyframes crescendo {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }
  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

@keyframes gXGDoR {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }
  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Editable */
#preloader {
  background-color: #fff;
  padding: 0;
  margin: 0;
  height: 100%;
  position: fixed;
  z-index: 99999;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#preloader .lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
#preloader .lds-ripple div {
  position: absolute;
  border: 4px solid var(--primary);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
#preloader .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

[data-theme-version="dark"] #preloader {
  background-color: #20203c;
}

.footer {
  padding-left: 17.1875rem;
  font-size: 0.875rem;
}
.footer .copyright {
  padding: 0.9375rem;
}
.footer .copyright p {
  text-align: center;
  margin: 0;
  color: #918f8f;
}
.footer .copyright a {
  color: var(--primary);
}

[data-sidebar-style="mini"] .nav-control,
[data-layout="horizontal"] .nav-control {
  display: none;
}

@media only screen and (max-width: 47.9375rem) {
  [data-sidebar-style="overlay"] .nav-header .logo-abbr {
    display: block;
  }
}

[data-header-position="fixed"] .nav-header {
  position: fixed;
}

.brand-logo img {
  width: 11rem;
}

.nav-header {
  height: 6.25rem;
  width: 18.75rem;
  display: inline-block;
  text-align: left;
  position: absolute;
  top: 0;
  background-color: var(--nav-headbg);
  transition: all 0.2s ease;
  z-index: 5;
  /*  .logo-abbr {
        max-width: 2.9375rem;
		@include respond('laptop') {
			max-width: 2.8125rem;
		}
		@include respond('phone') {
			width:2.1875rem;
			height:2.1875rem;
		}
    } */
}
.nav-header .logo-compact {
  display: none;
}
@media only screen and (max-width: 87.5rem) {
  .nav-header {
    height: 5.5rem;
    width: 17rem;
  }
}
.nav-header .brand-logo {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  text-decoration: none;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 700;
}
@media only screen and (max-width: 87.5rem) {
  .nav-header .brand-logo {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
[data-sidebar-style="compact"] .nav-header .brand-logo,
[data-sidebar-style="mini"] .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}
@media only screen and (max-width: 47.9375rem) {
  .nav-header .brand-logo {
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
  }
}
.nav-header .brand-title {
  margin-left: 0.5375rem;
  max-width: 8.75rem;
  font-size: 2.375rem;
  color: #000;
}
[data-theme-version="dark"] .nav-header .brand-title {
  background-position: 0 120%;
}
@media only screen and (max-width: 47.9375rem) {
  .nav-header {
    top: 0;
    background: transparent;
  }
}

@media only screen and (max-width: 74.9375rem) {
  .nav-header {
    height: 5rem;
  }
}

@media only screen and (max-width: 63.9375rem) {
  .nav-header {
    width: 5rem;
  }
  .nav-header .brand-title {
    display: none;
  }
}

.nav-control {
  cursor: pointer;
  position: absolute;
  right: -5rem;
  text-align: center;
  top: 55%;
  transform: translateY(-50%);
  z-index: 9999;
  font-size: 1.4rem;
  padding: 0.125rem 0.5rem 0;
  border-radius: 0.125rem;
}
@media only screen and (max-width: 87.5rem) {
  .nav-control {
    right: -5.556rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .nav-control {
    right: -3rem;
  }
}

.hamburger {
  display: inline-block;
  left: 0rem;
  position: relative;
  top: 0rem;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 1.625rem;
  z-index: 999;
}

.hamburger .line {
  background: #000;
  display: block;
  height: 0.1875rem;
  border-radius: 0.1875rem;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger .line:nth-child(1) {
  width: 1.625rem;
}

.hamburger .line:nth-child(2) {
  width: 1.625rem;
}

.hamburger .line:nth-child(3) {
  width: 0.9375rem;
}

.hamburger:hover {
  cursor: pointer;
}

.hamburger:hover .line {
  width: 1.625rem;
}

.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
  width: 0.625rem;
  height: 0.125rem;
}

.hamburger.is-active .line:nth-child(2) {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  width: 1.375rem;
  height: 0.125rem;
}

.hamburger.is-active .line:nth-child(1) {
  -webkit-transform: translateY(4px) translateX(12px) rotate(45deg);
  transform: translateY(4px) translateX(12px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-4px) translateX(12px) rotate(-45deg);
  transform: translateY(-4px) translateX(12px) rotate(-45deg);
}

@media (min-width: 47.9375rem) {
  [data-sidebar-style="compact"] .nav-control {
    display: none;
  }
  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem;
  }
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .nav-header
  .logo-abbr {
  display: block;
}

[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact {
  display: none;
}

[data-sidebar-style="mini"] .nav-header {
  height: 6.5rem;
}
[data-sidebar-style="mini"] .nav-header .logo-abbr {
  display: block;
}
@media only screen and (max-width: 63.9375rem) {
  [data-sidebar-style="mini"] .nav-header {
    height: 5.5rem;
  }
}

[data-sidebar-style="compact"][data-layout="vertical"]
  .nav-header
  .brand-title {
  display: none;
}

[data-sidebar-style="compact"][data-layout="vertical"]
  .nav-header
  .logo-compact {
  max-width: 4.6875rem;
}

[data-sidebar-style="compact"][data-layout="horizontal"]
  .nav-header
  .brand-logo {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  justify-content: start;
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header {
  width: 10.625rem;
}
[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title {
  display: none;
}
[data-sidebar-style="modern"][data-layout="vertical"]
  .nav-header
  .logo-compact {
  display: none;
}

.header {
  height: 6.25rem;
  z-index: 1;
  position: relative;
  padding: 0rem;
  /*  background:var(--headerbg); */
  z-index: 3;
  padding-left: 18.563rem;
  padding-right: 0;
  padding-top: 0rem;
  transition: all 0.2s ease;
}
.header.is-fixed {
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 47.9375rem) {
  .header {
    padding-right: 0px;
  }
}
.header .header-content {
  height: 100%;
  padding-left: 7rem;
  padding-right: 2.475rem;
  align-items: center;
  display: flex;
  position: relative;
}
.header .header-content:after {
  position: absolute;
  bottom: 0;
  left: 46px;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  height: 1px;
  width: 94%;
  z-index: -1;
}
@media only screen and (max-width: 87.5rem) {
  .header .header-content {
    padding-left: 7rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .header .header-content {
    padding-left: 3.75rem;
    padding-right: 0.938rem;
  }
  .header .header-content:after {
    left: -5rem;
    width: calc(100% + 5rem);
  }
}
.header .navbar {
  padding: 0;
  height: 100%;
  width: 100%;
}
.header .navbar .navbar-collapse {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 87.5rem) {
  .header {
    height: 5.5rem;
  }
}
@media only screen and (max-width: 74.9375rem) {
  .header {
    height: 5rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .header {
    padding-top: 0;
  }
}

[data-headerbg="color_2"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_3"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_4"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_5"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_6"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_7"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_8"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_9"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_10"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_11"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_12"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_13"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_14"] .header {
  background: var(--headerbg);
}

[data-headerbg="color_15"] .header {
  background: var(--headerbg);
}

/* pulse in SVG */

/* pulse in CSS */

@-webkit-keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

[data-sidebar-style="full"] .header,
[data-sidebar-style="overlay"] .header {
  width: 100%;
}
@media only screen and (max-width: 87.5rem) {
  [data-sidebar-style="full"] .header,
  [data-sidebar-style="overlay"] .header {
    width: 100%;
    padding-left: 17rem;
  }
}
@media only screen and (max-width: 63.9375rem) {
  [data-sidebar-style="full"] .header,
  [data-sidebar-style="overlay"] .header {
    width: 100%;
    padding-left: 5rem;
  }
}

[data-sidebar-style="mini"] .header {
  width: 100%;
  height: 6.5rem;
  padding-left: 7.5rem;
}
@media only screen and (max-width: 63.9375rem) {
  [data-sidebar-style="mini"] .header {
    height: 5.5rem;
    padding-left: 6.5rem;
  }
}

[data-sidebar-style="compact"] .header {
  width: 100%;
  padding-left: 12.5rem;
}
[data-sidebar-style="compact"] .header .header-content {
  padding-left: 2.5rem;
}

[data-header-position="fixed"] .header {
  position: fixed;
  top: 0;
  width: 100%;
}

[data-header-position="fixed"] .content-body {
  padding-top: 6.25rem;
}
@media only screen and (max-width: 87.5rem) {
  [data-header-position="fixed"] .content-body {
    padding-top: 5.5rem;
  }
}
@media only screen and (max-width: 74.9375rem) {
  [data-header-position="fixed"] .content-body {
    padding-top: 5rem;
  }
}

[data-header-position="fixed"] .dlabnav {
  margin-top: 0;
}

[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"]
  .header {
  width: 74.9375rem;
}

[data-sidebar-style="modern"] .header {
  width: 100%;
  padding-left: 11.9rem;
}

[data-sidebar-style="modern"][data-layout="horizontal"]
  .nav-header
  .brand-logo {
  justify-content: start;
}

[data-sidebar-style="modern"][data-layout="horizontal"]
  .header
  .header-content {
  padding-left: 1.875rem;
}

.header-left {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-left .dashboard_bar {
  font-size: 2.188rem;
  font-weight: 600;
  color: #000;
}
@media only screen and (max-width: 74.9375rem) {
  .header-left .dashboard_bar {
    font-size: 2.125rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .header-left .dashboard_bar {
    display: none;
  }
}

[data-sidebar-style="compact"] .header-left {
  margin-left: 0;
}

.header-right {
  height: 100%;
}
.header-right .header-profile {
  position: relative !important;
}
.header-right .header-profile .dropdown-menu:after {
  content: none;
}
.header-right .nav-item {
  display: flex;
  justify-content: center;
  position: unset;
}
.header-right .nav-item .nav-link {
  color: #464a53;
  font-size: 1.125rem;
}
.header-right > li:not(:first-child) {
  padding-left: 1.25rem;
}
@media only screen and (max-width: 74.9375rem) {
  .header-right > li:not(:first-child) {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 35.9375rem) {
  .header-right > li:not(:first-child) {
    padding-left: 0.4rem;
  }
}
[data-theme-version="dark"] .header-right .dropdown-menu {
  box-shadow: none;
}
.header-right .dropdown-menu:after {
  content: "";
  width: 1px;
  background: #000;
  position: absolute;
  right: 40px;
  height: 100%;
  z-index: 10;
  top: 0;
  opacity: 0.2;
}
@media only screen and (max-width: 74.9375rem) {
  .header-right .dropdown-menu:after {
    content: none;
  }
}

.header-profile > a.nav-link {
  padding: 0;
  display: flex;
  align-items: center;
}
.header-profile > a.nav-link i {
  font-weight: 700;
}
@media only screen and (max-width: 87.5rem) {
  .header-profile > a.nav-link {
    margin-left: 0rem;
    padding-left: 0rem;
  }
}
@media only screen and (max-width: 35.9375rem) {
  .header-profile > a.nav-link {
    margin-left: 0rem;
    padding-left: 0rem;
    border-left: 0;
  }
}

.header-profile .dropdown-menu {
  padding: 0.9375rem 0;
  min-width: 12.5rem;
}
.header-profile .dropdown-menu a:hover,
.header-profile .dropdown-menu a:focus,
.header-profile .dropdown-menu a.active {
  color: #ff6a59;
}

.header-profile img {
  width: 2.813rem;
  height: 2.813rem;
  border: 3px solid var(--primary);
  border-radius: 0.625rem;
}
@media only screen and (max-width: 87.5rem) {
  .header-profile img {
    width: 2.4375rem;
    height: 2.4375rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .header-profile img {
    border: 2px solid var(--primary);
  }
}

.header-profile .dropdown-toggle i {
  font-size: 1.25rem;
}

@media only screen and (max-width: 35.9375rem) {
  .header-profile .dropdown-toggle span {
    display: none;
  }
}

.header-profile .dropdown-item {
  padding: 0.5rem 1.5rem;
}

.rtl {
  text-align: right;
  direction: rtl;
}
.rtl .nav {
  padding-right: 0;
}
.rtl .navbar-nav .nav-item {
  float: right;
}
.rtl .navbar-nav .nav-item + .nav-item {
  margin-right: 1rem;
  margin-left: inherit;
}
.rtl th {
  text-align: right;
}
.rtl .dropdown-menu {
  right: 0;
  text-align: right;
}
.rtl .checkbox label {
  padding-right: 1.25rem;
  padding-left: inherit;
}
.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 0.75rem 0.75rem 0;
}
.rtl .btn-group > .btn:last-child:not(:first-child),
.rtl .btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: 0.75rem 0 0 0.75rem;
}
.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0.75rem 0 0 0.75rem;
}

.rtl .input-group > .form-control:not(:first-child) {
  border-radius: 0.75rem 0 0 0.75rem;
}

.rtl .input-group > .form-control:not(:last-child) {
  border-radius: 0 0.75rem 0.75rem 0;
}

.rtl .input-group > .form-control:not(:last-child):not(:first-child) {
  border-radius: 0;
}
.rtl .custom-file-label::after {
  right: initial;
  left: -1px;
  border-radius: 0.25rem 0 0 0.25rem;
}
.rtl .radio input,
.rtl .checkbox input {
  margin-right: -1.25rem;
  margin-left: inherit;
}
.rtl .list-group {
  padding-right: 0;
  padding-left: 40px;
}
.rtl .close {
  float: left;
}
.rtl .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0;
}
.rtl .form-check-input {
  margin-right: -1.25rem;
  margin-left: inherit;
}
.rtl .form-check-label {
  padding-right: 1.25rem;
  padding-left: inherit;
}
.rtl .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-right: 0 !important;
  padding-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
}
.rtl .text-right {
  text-align: left !important;
}
.rtl .text-left {
  text-align: right !important;
}

.rtl .px-2 {
  padding-right: auto;
  padding-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-left: auto;
  padding-right: 0.5rem !important;
}

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

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

[direction="rtl"][data-theme-version="dark"] .border,
[direction="rtl"][data-theme-version="dark"] .border-left,
[direction="rtl"][data-theme-version="dark"] .border-right {
  border-color: #333754 !important;
}

[direction="rtl"] .text-right {
  text-align: left !important;
}

[direction="rtl"] .text-left {
  text-align: right !important;
}

[direction="rtl"] .border-right {
  border-left: 0.0625rem solid #dbdbdb !important;
  border-right: 0 !important;
}

[direction="rtl"] .border-left {
  border-right: 0.0625rem solid #dbdbdb !important;
  border-left: 0 !important;
}

[direction="rtl"] .dropdown-menu {
  left: auto;
}

[direction="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .dropdown-menu-right {
    left: 0.9375rem;
  }
}

[direction="rtl"]:not([data-container="boxed"]) .nav-header {
  left: auto;
  right: 0;
}

[direction="rtl"][data-container="wide-boxed"] .nav-header {
  left: auto;
  right: auto;
}

[direction="rtl"] .nav-header {
  text-align: right;
  right: auto;
}
[direction="rtl"] .nav-header .brand-title {
  margin-left: 0;
  margin-right: 0.9375rem;
}
[direction="rtl"] .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 1.75rem;
}
[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-sidebar-style="compact"][direction="rtl"]
  .nav-header
  .brand-logo[data-layout="horizontal"] {
  padding-right: 1.875rem;
}
[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"]
  .nav-header
  .brand-logo {
  padding-right: 1.875rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .nav-header .brand-logo {
    padding-right: 0;
  }
}

[direction="rtl"] .nav-control {
  right: auto;
  left: -4.0625rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .nav-control {
    left: -4.0625rem;
  }
}
@media (max-width: 575.98px) {
  [direction="rtl"] .nav-control {
    left: -2.0625rem;
  }
}

[direction="rtl"][data-sidebar-style="overlay"]
  .nav-header
  .hamburger.is-active {
  right: 0;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]
  .nav-header
  .brand-logo {
  padding-right: 2.5rem;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]
  .nav-header {
  width: 16rem;
}

[direction="rtl"] .header {
  padding: 0;
  padding-right: 21.563rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .header {
    padding-right: 5rem;
    padding-left: 0;
  }
}
[direction="rtl"] .header .header-content {
  padding-left: 1.875rem;
  padding-right: 5.3125rem;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .header .header-content {
    padding-right: 3.5rem;
    padding-left: 0.938rem;
  }
}
[data-sidebar-style="compact"][direction="rtl"] .header .header-content {
  padding-right: 1.875rem;
}
[data-sidebar-style="modern"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}
[data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}
@media only screen and (max-width: 35.9375rem) {
  [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
    padding-right: 0.5rem;
  }
}
[direction="rtl"] .header .nav-control {
  right: 0.4375rem;
  left: auto;
}

[direction="rtl"] .header-right > li:not(:first-child) {
  padding-left: 0;
  padding-right: 1.25rem;
  margin-right: 0 !important;
}
@media only screen and (max-width: 47.9375rem) {
  [direction="rtl"] .header-right > li:not(:first-child) {
    padding-right: 0.5rem;
  }
}

[direction="rtl"] .header-right .header-profile > a.nav-link {
  margin-left: auto;
  padding-left: auto;
  margin-right: 0.9375rem;
  padding-right: 1.875rem;
  border-right: 0.0625rem solid #eeeeee;
  border-left: 0;
}
@media only screen and (max-width: 87.5rem) {
  [direction="rtl"] .header-right .header-profile > a.nav-link {
    margin-right: 0.625rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .header-right .header-profile > a.nav-link {
    margin-right: 0rem;
    padding-right: 0rem;
    border-right: 0;
  }
}

[direction="rtl"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem;
}
[direction="rtl"][data-layout="horizontal"] .header .header-content {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"]
  .nav-header
  .brand-logo {
  padding-right: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {
  padding-right: 7.75rem;
}

[direction="rtl"][data-sidebar-style="mini"] .header {
  padding-right: 6.25rem;
}

[direction="rtl"][data-sidebar-style="compact"] .header {
  padding: 0 0.9375rem;
  padding-right: 11.25rem;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]
  .header {
  padding: 0;
  padding-right: 21.563rem;
}

[direction="rtl"][data-sidebar-style="modern"] .header {
  padding: 0 0.9375rem;
  padding-right: 10.625rem;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]
  .header {
  padding: 0;
  padding-right: 16rem;
}

[direction="rtl"] {
  text-align: right;
}
[direction="rtl"] .dlabnav {
  text-align: right;
}
[direction="rtl"] .dlabnav .metismenu ul:after {
  left: auto;
  right: 1.5625rem;
}
[direction="rtl"] .dlabnav .metismenu ul a:before {
  left: auto;
  right: 2.625rem;
}
[data-sidebar-style="full"][direction="rtl"] .dlabnav .metismenu li > a i {
  padding: 0 0 0 0;
  margin-right: 0;
  margin-left: 0.625rem;
}
[direction="rtl"] .dlabnav .metismenu li > a svg {
  margin-left: 0.3125rem;
  margin-right: 0;
}
[data-sidebar-style="compact"][direction="rtl"] .dlabnav .metismenu li > a svg {
  left: auto;
  margin-left: auto;
  margin-right: auto;
}
[data-sidebar-style="icon-hover"][direction="rtl"]
  .dlabnav
  .metismenu
  li
  > a
  svg {
  margin-left: 0;
}
[direction="rtl"] .dlabnav .metismenu li ul a {
  padding-right: 6rem;
  padding-left: 0.625rem;
}
[direction="rtl"] .dlabnav .metismenu li.active > .has-arrow:after {
  transform: rotate(45deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow:after {
  left: 1.5625rem;
  right: auto;
}
[data-layout="horizontal"][direction="rtl"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  left: 1.125rem;
}
[data-sidebar-style="modern"][direction="rtl"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  .has-arrow:after {
  left: 1.5rem;
  right: auto;
}
[direction="rtl"][data-sidebar-style="mini"] .dlabnav .metismenu > li > a > i {
  padding: 0;
}
[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > ul
  a.has-arrow:after {
  left: 1.5625rem;
  right: auto;
}
[direction="rtl"][data-sidebar-style="compact"] .dlabnav .metismenu li > a i {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
[direction="rtl"][data-sidebar-style="compact"] .dlabnav .metismenu li ul a {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul
  li:hover
  ul {
  right: 11.8125rem;
  left: 0;
}

[direction="rtl"] {
  /* ===== Light gallery ===== */
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:first-child)
  .dropdown-toggle {
  border-radius: 0.75rem 0 0 0.75rem;
}
[direction="rtl"] .list-group {
  padding-left: 0;
}
[direction="rtl"] .form-check-input {
  margin-left: -1.25rem;
  margin-right: inherit;
}
[direction="rtl"] .radio input,
[direction="rtl"] .checkbox input {
  margin-left: 0;
  margin-right: 0;
}
[direction="rtl"] .content-body {
  margin-right: 21.563rem;
  margin-left: auto;
}
[data-sidebar-style="modern"][direction="rtl"] .content-body {
  margin-right: 9.375rem;
}
[direction="rtl"] .apexcharts-legend-text {
  margin: 4px;
}
[direction="rtl"] .bar-chart .apexcharts-yaxis {
  transform: translatex(101%);
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:first-child)
  .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:last-child)
  .dropdown-toggle {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[direction="rtl"] .chatbox .chatbox-close {
  left: 340px;
  right: auto;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .chatbox .chatbox-close {
    left: 280px;
  }
}
[direction="rtl"] .separator {
  margin-right: 0;
  margin-left: 9px;
}
[direction="rtl"] .card-tabs .nav-tabs {
  padding-right: 5px;
}
[direction="rtl"] .dlab-demo-panel {
  right: auto;
  left: -380px;
}
[direction="rtl"] .dlab-demo-panel.show {
  right: unset;
  left: 0;
}
[direction="rtl"] .dlab-demo-panel .dlab-demo-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}
[direction="rtl"][data-layout="horizontal"] .content-body {
  margin-right: 0;
}
[direction="rtl"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  li
  .has-arrow:after {
  -webkit-transform: rotate(-4deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])
  .content-body {
  margin-right: 6.25rem;
}
[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])
  .content-body {
  margin-right: 11.25rem;
}
[direction="rtl"][data-sidebar-style="overlay"] .content-body {
  margin-right: 0;
}
[direction="rtl"] #external-events .external-event:before {
  margin-right: 0;
  margin-left: 0.9rem;
}
[direction="rtl"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow[aria-expanded="true"]:after,
[direction="rtl"] .dlabnav .metismenu .mm-active > .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg);
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  .has-arrow[aria-expanded="true"]:after,
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  .mm-active
  > .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg);
}
[direction="rtl"] .chatbox {
  left: -500px;
  right: auto;
}
[direction="rtl"] .chatbox.active {
  left: 0;
  right: auto;
}
[direction="rtl"] .custom-file-label::after {
  border-radius: 0.75rem 0 0 0.75rem;
}

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  [direction="rtl"] .content-body {
    margin-right: 17rem;
  }
}

[direction="rtl"] .sidebar-right {
  right: auto;
  left: -50rem;
}
[direction="rtl"] .sidebar-right.show {
  left: 5.25rem;
  right: unset;
}
[direction="rtl"] .sidebar-right .sidebar-right-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}
[direction="rtl"] .sidebar-right .sidebar-close-trigger {
  right: auto;
  left: -48px;
}

[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}

html[dir="rtl"] [direction="rtl"] .footer {
  padding-right: 17.1875rem;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  html[dir="rtl"] [direction="rtl"] .footer {
    padding-right: 0;
  }
}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {
  padding-right: 0;
}

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {
  padding-right: 0;
}

html[dir="rtl"]
  [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])
  .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"]
  [direction="rtl"][data-sidebar-style="compact"]:not(
    [data-layout="horizontal"]
  )
  .footer {
  padding-right: 9.375rem;
}

.content-body {
  margin-left: 18.563rem;
  z-index: 0;
  transition: all 0.2s ease;
  padding-right: 0;
}
@media only screen and (max-width: 87.5rem) {
  .content-body {
    margin-left: 17rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .content-body {
    padding-right: 0rem;
  }
}

.bell img {
  -webkit-animation: ring 8s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 0.25rem;
  -moz-animation: ring 8s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 0.25rem;
  animation: ring 8s 0.7s ease-in-out infinite;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}

.dlabnav {
  width: 18.75rem;
  padding-bottom: 0;
  height: calc(100% - 6.25rem);
  position: absolute;
  top: 6.25rem;
  padding-top: 1rem;
  z-index: 6;
  background-color: var(--sidebar-bg);
  transition: all 0.2s ease;
  box-shadow: 0rem 0.9375rem 1.875rem 0rem rgba(0, 0, 0, 0.02);
}
@media only screen and (max-width: 87.5rem) {
  .dlabnav {
    top: 5.5rem;
    height: calc(100% - 78px);
  }
}
@media only screen and (max-width: 74.9375rem) {
  .dlabnav {
    top: 5rem;
    height: calc(100% - 70px);
  }
}
@media only screen and (max-width: 47.9375rem) {
  .dlabnav {
    width: 18rem;
  }
}
.dlabnav .dlabnav-scroll {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 87.5rem) {
  .dlabnav {
    width: 17rem;
  }
}
.dlabnav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.dlabnav .metismenu {
  display: flex;
  flex-direction: column;
}
.dlabnav .metismenu.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}
.dlabnav .metismenu > li {
  display: flex;
  flex-direction: column;
}
.dlabnav .metismenu > li a > i {
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  height: auto;
  width: auto;
  text-align: center;
  margin-right: 0.65rem;
  border-radius: 0.125rem;
  line-height: 1;
  border-radius: 0.625rem;
}
[data-sidebar-style="compact"] .dlabnav .metismenu > li a > i {
  display: block;
  padding: 0;
  background: rgba(0, 0, 0, 0.05);
  /* background:rgba($light,0.2); */
  color: rgba(0, 0, 0, 0.3);
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.625rem;
  line-height: 3.45rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.3125rem;
}
[data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  a
  > i[data-theme-version="dark"] {
  color: #fff;
}
@media only screen and (max-width: 84.375rem) {
  .dlabnav .metismenu > li a > i {
    height: auto;
    line-height: 0.0625rem;
    width: auto;
    font-size: 1.5rem;
    padding: 0;
    color: #969ba0;
  }
}
.dlabnav .metismenu > li > a {
  font-weight: 500;
  display: inline-block;
  font-size: 1rem;
  color: #737b8b;
}
.dlabnav .metismenu > li > a i {
  color: #96a0af;
}
.dlabnav .metismenu > li > a svg {
  max-width: 1rem;
  max-height: 1rem;
  height: 100%;
  margin-right: 0.4125rem;
  margin-top: -0.0875rem;
}
.dlabnav .metismenu > li > a svg path {
  fill: #96a0af;
}
.dlabnav .metismenu > li > a g [fill] {
  fill: #8088a1;
}
.dlabnav .metismenu > li:hover > a,
.dlabnav .metismenu > li:focus > a {
  /*  background-color: lighten($color: $primary, $amount: 40%); */
  color: var(--primary);
}
.dlabnav .metismenu > li:hover > a g [fill],
.dlabnav .metismenu > li:focus > a g [fill] {
  fill: var(--primary);
}
.dlabnav .metismenu > li.mm-active > a {
  color: #fff;
  background: var(--primary);
  font-weight: 500;
  box-shadow: 0px 20px 50px 0px #ff6a591a;
}
.dlabnav .metismenu > li.mm-active > a i {
  font-weight: 100;
}
.dlabnav .metismenu > li.mm-active > a svg path {
  fill: #fff;
}
.dlabnav .metismenu > li.mm-active > a g [fill] {
  fill: var(--primary);
}
.dlabnav .metismenu > li.mm-active > a:after {
  border-top: 0.3125rem solid #fff;
  border-left: 0.3125rem solid #fff;
}
[data-sidebar-style="compact"] .dlabnav .metismenu > li.mm-active > a i {
  background: var(--primary);
  color: #fff;
}
[data-sidebar-style="compact"] .dlabnav .metismenu > li.mm-active > a svg {
  background: var(--primary);
}
[data-sidebar-style="compact"] .dlabnav .metismenu > li.mm-active > a svg path {
  fill: #fff;
}
.dlabnav .metismenu li {
  position: relative;
}
.dlabnav .metismenu ul {
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.5rem 0;
}
.dlabnav .metismenu ul a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  font-size: 0.9375rem;
  padding-left: 3.5rem;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 84.375rem) {
  .dlabnav .metismenu ul a {
    padding-left: 4.6rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .dlabnav .metismenu ul a {
    padding-left: 3.4rem;
    font-size: 0.875rem;
  }
}
[data-sidebar-style="full"] .dlabnav .metismenu ul a:before {
  content: "";
  height: 0.125rem;
  width: 0.375rem;
  background: var(--rgba-primary-5);
  position: absolute;
  left: 1.8rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
[data-sidebar-style="full"] .dlabnav .metismenu ul a:hover {
  padding-left: 4.2rem;
}
@media only screen and (max-width: 78.125rem) {
  [data-sidebar-style="full"] .dlabnav .metismenu ul a:hover {
    padding-left: 3.3rem;
  }
}
[data-sidebar-style="full"] .dlabnav .metismenu ul a:hover:before {
  width: 1.25rem;
}
.dlabnav .metismenu ul a:hover,
.dlabnav .metismenu ul a:focus,
.dlabnav .metismenu ul a.mm-active {
  text-decoration: none;
  color: var(--primary);
}
.dlabnav .metismenu ul a:before {
  position: absolute;
  content: none;
  height: 0.125rem;
  width: 0.5rem;
  top: 50%;
  left: 1.75rem;
  border-radius: 3.75rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 84.375rem) {
  .dlabnav .metismenu ul a:before {
    left: 2.8125rem;
  }
}
.dlabnav .metismenu a {
  position: relative;
  display: block;
  padding: 0.625rem 1.875rem;
  outline-width: 0;
  color: #737b8b;
  text-decoration: none;
}
@media only screen and (max-width: 47.9375rem) {
  .dlabnav .metismenu a {
    padding: 0.625rem 1.25rem;
  }
}
.dlabnav .metismenu .has-arrow:after {
  /* width:  .5rem;
                height: .5rem;
                border-color: inherit; */
  border-top: 0.3125rem solid #c8c8c8;
  border-left: 0.3125rem solid #c8c8c8;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  right: 1.875rem;
  top: 50%;
  -webkit-transform: rotate(-225deg) translateY(-50%);
  transform: rotate(-225deg) translateY(-50%);
}
.dlabnav .metismenu .has-arrow[aria-expanded="true"]:after,
.dlabnav .metismenu .mm-active > .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
  /* margin-right: 2rem; */
}

.copyright {
  padding: 0 1.875rem;
}
.copyright p {
  font-size: 0.875rem;
}
.copyright strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}

@media only screen and (max-width: 63.9375rem) {
  .nav-header {
    width: 5rem;
  }
}

@media (max-width: 47.9375rem) {
  .brand-title {
    display: none;
  }
  .footer {
    padding-left: 0;
  }
  .dlabnav {
    left: 0;
    top: 5rem;
  }
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li {
  padding: 0 1.5rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a {
  font-size: 1rem;
  padding: 0.825rem 1.5rem;
  margin: 5px 0;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.625rem;
  /* &:before{
						position:absolute;
						content:"";
						background:var(--primary);
						width:0;
						height:100%;
						top:0;
						right:0rem;
						@include transitionMedium;
						border-radius:1.25rem;
						
					} */
}
[data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a {
  /* &:before{
							width:0.563rem;
							@include respond ('laptop'){
								width:0.600rem;	
							}
						} */
}
[data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
  font-weight: 300;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  .has-arrow:after {
  right: 1.5rem;
}
@media only screen and (max-width: 87.5rem) {
  [data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li {
    padding: 0 0.9rem;
  }
  [data-sidebar-style="full"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a {
    font-size: 1rem;
    padding: 0.9375rem 1.25rem;
  }
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header {
  width: 6.5rem;
  z-index: 999;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .nav-header
  .brand-logo {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .nav-header
  .nav-control {
  right: -4rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .nav-header
  .nav-control
  .hamburger
  .line {
  background-color: var(--primary);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .plus-box {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
  padding-left: 7.5rem;
  width: 100%;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .header {
  padding: 0 0.9375rem;
  padding-right: 7.5rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .header
  .header-content {
  padding-left: 5rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav {
  width: 6.5rem;
  overflow: visible;
  position: absolute;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .nav-text {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .dlabnav-scroll {
  overflow: visible !important;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li {
  position: relative;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  a {
  background: transparent;
  margin: 0.125rem 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  a
  svg {
  max-width: 1.5rem;
  max-height: 1.5rem;
  margin-right: 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  a:before {
  content: none;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  a
  i {
  margin: 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul {
  position: absolute;
  left: 5.8rem;
  top: 0;
  width: 12rem;
  z-index: 1001;
  display: none;
  padding-left: 0.0625rem;
  height: auto !important;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  border-radius: 0.375rem;
  margin-left: 0;
  border: 0;
  background: #fff;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul {
  left: auto;
  right: 5rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul
  li:hover
  ul {
  left: 11.8125rem;
  top: 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul
  li:hover
  ul:after {
  content: none;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li:hover
  > ul {
  display: block;
  height: auto;
  overflow: visible;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li {
  transition: all 0.4s ease-in-out;
  padding: 0 1.125rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li
  > a {
  padding: 0.725rem 0.775rem;
  margin: 3px 6px;
  text-align: center;
  border-radius: 0.625rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li
  > a.has-arrow:after {
  display: none;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li.mm-active
  > a {
  background: var(--primary);
  border-radius: 0.625rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
  padding: 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover:nth-last-child(-n + 1)
  > ul {
  bottom: 0;
  top: auto;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > a {
  border-radius: 0.625rem;
  background: var(--primary);
  color: #fff;
}
[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: #292d4a;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  color: #fff;
  /* background:$primary; */
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > a
  svg
  path {
  fill: #fff;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > ul {
  height: auto !important;
  padding: 0.625rem 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > ul
  a {
  padding: 0.375rem 1.25rem 0.375rem 1.25rem;
  margin-left: -0.1rem;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > ul
  ul {
  padding: 0.625rem 0;
}
[data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  > li:hover
  > ul
  ul
  a {
  padding: 0.375rem 1.25rem 0.375rem 1.25rem;
  margin-left: -0.1rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
  margin-left: 6.5rem;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .content-body {
  margin-right: 5.7rem;
  margin-left: auto;
  border: 0;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer {
  padding-left: 5.7rem;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  + .footer {
  padding-left: 0;
  padding-right: 5.7rem;
}

[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content {
  padding-left: 1.875rem;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

@media only screen and (min-width: 48rem) {
  [data-sidebar-style="mini"] .nav-header {
    width: 6.25rem;
  }
  [data-sidebar-style="mini"] .nav-header .nav-control {
    z-index: -1;
  }
  [data-sidebar-style="mini"] .nav-header .nav-control .hamburger {
    left: 6.25rem !important;
  }
  [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line {
    background-color: #6e6e6e !important;
  }
  [data-sidebar-style="mini"] .nav-header .brand-title {
    display: none;
  }
  [data-sidebar-style="mini"] .nav-header .hamburger {
    display: none;
  }
  [data-sidebar-style="mini"] .header .header-content {
    padding-left: 1.875rem;
  }
  [direction="rtl"][data-sidebar-style="mini"] .header .header-content {
    padding-right: 1.875rem;
  }
  [data-sidebar-style="mini"] .dlabnav {
    width: 6.25rem;
    overflow: visible;
    position: absolute;
    z-index: 2;
    top: 6.5rem;
  }
  [data-sidebar-style="mini"] .dlabnav .copyright,
  [data-sidebar-style="mini"] .dlabnav .plus-box {
    display: none;
  }
  [data-sidebar-style="mini"] .dlabnav .nav-text {
    display: none;
  }

  [data-sidebar-style="mini"] .dlabnav .dlabnav-scroll {
    overflow: visible !important;
  }
  [data-sidebar-style="mini"] .dlabnav .header-profile {
    margin-bottom: 0;
    margin-top: 0.75rem;
  }
  [data-sidebar-style="mini"] .dlabnav .header-profile:hover > a.nav-link {
    border-radius: 3rem;
  }
  [data-sidebar-style="mini"] .dlabnav .header-profile img {
    width: 3rem;
    height: 3rem;
  }
  [data-sidebar-style="mini"] .dlabnav .header-profile > a.nav-link {
    border-radius: 3rem;
    padding: 0.3125rem 0.3125rem;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu li a {
    padding: 0.813rem 0.875rem;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu li a svg {
    margin-right: 0;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu li a i {
    height: auto;
    width: auto;
    line-height: 1;
    margin: 0;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu li > ul {
    position: absolute;
    left: 6.25rem;
    top: 2.9375rem;
    width: 11.875rem;
    z-index: 1001;
    display: none;
    padding-left: 0.0625rem;
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
    height: auto !important;
    border-radius: 0.625rem;
    background: #fff;
  }
  [direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"]
    .dlabnav
    .metismenu
    li
    > ul {
    left: auto;
    right: 6.25rem;
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu > li {
    padding: 0.125rem 1.25rem;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu > li > a {
    padding: 0.725rem 0.775rem;
    /* width: 64px;
						height: 64px; */
    text-align: center;
    margin: 3px 6px;
    line-height: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu > li > a > i {
    padding: 0;
    font-size: 1.375rem;
  }
  [data-sidebar-style="mini"] .dlabnav .metismenu > li > a.has-arrow:after {
    display: none;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 63.9375rem) {
  [data-sidebar-style="mini"] .dlabnav {
    top: 5.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [data-sidebar-style="mini"] .content-body {
    margin-left: 6.5rem;
  }
  [data-sidebar-style="mini"] .footer {
    padding-left: 6.5rem;
  }
  [data-sidebar-style="mini"][data-header-position="fixed"] .content-body {
    padding-top: 6.5rem;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 63.9375rem) {
  [data-sidebar-style="mini"][data-header-position="fixed"] .content-body {
    padding-top: 5.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [data-sidebar-style="mini"][data-layout="vertical"] .dlabnav {
    position: absolute !important;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li:hover
    > ul {
    display: block;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 1)
    > ul {
    bottom: 0;
    top: auto !important;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 1)
    > ul:after {
    top: auto;
    bottom: 1.25rem;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 74.9375rem) {
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 1)
    > ul {
    bottom: 0;
    top: auto !important;
  }
}

@media only screen and (min-width: 48rem) {
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul {
    overflow: visible;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul:after {
    content: none;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul
    li:hover
    ul {
    padding: 0.625rem 0;
    width: 13rem;
    left: 13rem;
    top: -0.625rem;
    border: 0;
    margin: 0;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul
    li:hover
    ul:after {
    content: none;
  }
  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul
    li:hover
    ul {
    left: auto;
    right: 13rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li.mm-active
    > a {
    background: var(--primary);
    color: #fff;
    border-radius: 0.625rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li.mm-active
    > a
    i {
    color: #fff;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > a {
    background: var(--primary);
    color: var(--primary);
    /* box-shadow:0 12px 15px 0 var(--rgba-primary-1); */
    border-radius: 0.625rem;
    position: unset;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > a
    i {
    color: #fff;
  }
  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > a
    .nav-text {
    padding-left: auto;
    padding-right: 1.6875rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul {
    height: auto !important;
    overflow: visible;
    border: 0;
    margin-left: 0;
    left: 6.25rem;
    width: 13rem;
    border-radius: 0.625rem;
    border: 0;
    padding: 0.625rem 0;
    top: 0;
  }
  [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul {
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  }
  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul {
    left: auto;
    right: 6.25rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul
    a {
    padding: 0.375rem 1.25rem 0.375rem 1.25rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul
    a:before {
    content: none;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul
    a.has-arrow:after {
    right: 1.25rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul
    ul
    a {
    padding: 0.375rem 1.25rem 0.375rem 1.25rem;
    margin-left: -0.1rem;
  }
  [data-sidebar-style="mini"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > ul
    ul
    a:before {
    content: none;
  }
  [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"]
    .header {
    width: 74.9375rem;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li {
    padding: 0;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 1.125rem;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a
    i {
    padding: 0;
    margin: 0;
  }
  [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 1.125rem;
  }
  [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a
    svg {
    margin-left: 0;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a
    svg {
    margin-right: 0;
    margin-top: 0;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > ul
    li
    a {
    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  }
}

@media only screen and (max-width: 74.9375rem) {
  [data-sidebar-style="mini"] .dlabnav li.mm-active ul {
    height: auto !important;
  }
  [data-sidebar-style="mini"] .dlabnav li a.has-arrow::after {
    transform: rotate(-225deg) translateY(-50%);
  }
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

@media (min-width: 64rem) {
  [data-layout="horizontal"] .nav-header {
    width: 21.563rem;
    height: 6.5rem;
    top: 0;
  }
  [data-layout="horizontal"] .nav-header .nav-control {
    display: none;
  }
  [data-layout="horizontal"] .nav-header .brand-logo {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  [data-layout="horizontal"] .header {
    width: 100%;
    height: 5.5rem;
    padding-left: 21.563rem;
    padding-top: 0;
  }
  [data-layout="horizontal"] .dlabnav {
    width: 100%;
    position: relative;
    height: auto;
    padding-bottom: 0;
    top: 0;
    z-index: 2;
  }
  [data-layout="horizontal"] .dlabnav .dlabnav-scroll {
    overflow: visible !important;
  }
  [data-layout="horizontal"] .dlabnav .header-profile {
    margin-right: 0.9375rem;
    margin-bottom: 0;
    display: none;
  }
  [data-layout="horizontal"] .dlabnav .header-profile:hover > a.nav-link {
    border-radius: 3rem;
  }
  [data-layout="horizontal"] .dlabnav .header-profile img {
    height: 2.8125rem;
    width: 2.8125rem;
  }
  [data-layout="horizontal"] .dlabnav .header-profile > a.nav-link {
    border-radius: 3rem;
    padding: 0.3125rem 0.3125rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu {
    flex-direction: row;
    padding: 0.625rem 1.25rem;
    margin-bottom: 0;
    display: inline-flex;
    flex-wrap: wrap;
  }
  [data-layout="horizontal"] .dlabnav .metismenu .collapse.in {
    display: none;
  }
  [data-layout="horizontal"] .dlabnav .metismenu ul {
    border-left: 0;
  }
  [data-theme-version="dark"][data-layout="horizontal"] .dlabnav .metismenu ul {
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  }
  [data-layout="horizontal"] .dlabnav .metismenu li {
    flex-direction: column;
    position: relative;
    margin-top: -12px;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li:hover > ul {
    display: block;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul {
    position: absolute;
    height: auto !important;
    top: 100%;
    width: 100%;
    min-width: 13.75rem;
    z-index: 999;
    left: auto;
    right: auto;
    padding: 0.5rem 0;
    display: none;
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
    margin: 0;
    background: #fff;
    border-radius: 0.625rem;
  }
  [data-theme-version="dark"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    li
    > ul {
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
    background: #292d4a;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul li {
    padding: 0;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul li a {
    transition: all 0.4s ease-in-out;
    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
    margin-left: -0.1rem;
  }
  [direction="rtl"][data-layout="horizontal"] .dlabnav .metismenu li > ul li a {
    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
    text-align: right;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul li a:hover {
    border-radius: 0.4rem;
    padding-left: 1.25rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul li a:before {
    content: none;
    left: 1.375rem;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    li
    > ul
    li
    a:before {
    left: auto;
    right: 0.375rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu li > ul ul {
    left: 100%;
    top: 0;
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  }
  [direction="rtl"][data-layout="horizontal"] .dlabnav .metismenu li > ul ul {
    left: auto;
    right: 100%;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li {
    flex: 0 0 auto;
    position: relative;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li > a i {
    margin-right: 0.3125rem;
  }
  [data-theme-version="dark"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li {
    border-color: rgba(255, 255, 255, 0.07);
  }
  [data-theme-version="dark"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li.mm-active {
    border-color: transparent;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover,
  [data-layout="horizontal"] .dlabnav .metismenu > li.mm-active {
    padding: 0;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover > a,
  [data-layout="horizontal"] .dlabnav .metismenu > li.mm-active > a {
    background: var(--primary) !important;
    color: #fff;
    border-radius: 0.625rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover > a i,
  [data-layout="horizontal"] .dlabnav .metismenu > li.mm-active > a i {
    color: #fff;
    background: transparent;
    box-shadow: none;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover > a svg path,
  [data-layout="horizontal"] .dlabnav .metismenu > li.mm-active > a svg path {
    fill: #fff;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:first-child {
    border-right: 0;
  }
  [data-theme-version="dark"][direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li {
    border-color: #333754;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li > a {
    padding: 0.825rem 2.5rem 0.725rem 0.9375rem;
    margin: 0.125rem 0.125rem;
  }
  [direction="rtl"][data-layout="horizontal"] .dlabnav .metismenu > li > a {
    padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li > a i {
    padding: 0 0.4375rem 0 0;
    height: auto;
    width: auto;
    line-height: 1;
  }
  [direction="rtl"][data-layout="horizontal"] .dlabnav .metismenu > li > a i {
    padding: 0 0 0 0.4375rem;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li > a:after {
    right: 1.25rem;
    transform: rotate(-135deg) translateY(-50%);
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover {
    border-color: transparent;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:hover > ul {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    height: auto !important;
    box-shadow: 0.3125rem 0.3125rem 1.875rem 0rem rgba(20, 0, 30, 0.1);
    border-radius: 0.625rem;
  }
  [data-theme-version="dark"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:hover
    > ul {
    box-shadow: 0.3125rem 0.3125rem 1.875rem 0rem rgba(0, 0, 0, 0.1);
    background: #292d4a;
  }
  [data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > ul
    > li:hover
    ul.collapse {
    display: block !important;
    position: absolute;
    left: auto !important;
    right: -100% !important;
    top: 0 !important;
  }
  [data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 5)
    > ul {
    left: auto;
    right: 0;
  }
  [data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 5)
    > ul
    > li:hover
    ul.collapse {
    right: auto !important;
    left: -100% !important;
  }
  [data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 5)
    > ul.left {
    left: 0;
  }
  [data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 5)
    > ul.left
    > li:hover
    ul.collapse {
    left: 100% !important;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 5)
    > ul.left {
    left: auto;
    right: 0;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:last-child > ul ul {
    left: -100%;
  }
  [data-layout="horizontal"] .dlabnav .metismenu > li:last-child > ul.left ul {
    left: 100%;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:last-child
    > ul.left
    ul {
    left: auto;
    right: 100%;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 3)
    > ul {
    left: 0;
    right: auto;
  }
  [direction="rtl"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li:nth-last-child(-n + 3)
    > ul
    > li:hover
    ul.collapse {
    right: -100% !important;
    left: auto !important;
  }
  [data-layout="horizontal"] .dlabnav .copyright,
  [data-layout="horizontal"] .dlabnav .plus-box {
    display: none;
  }
  [data-layout="horizontal"] .content-body {
    margin-left: 0;
  }
  [data-layout="horizontal"] .content-body .container-fluid {
    padding-top: 2.5rem;
  }
  [data-layout="horizontal"] .footer {
    margin-left: 0;
    margin: 0 auto;
    padding-left: 0;
  }
  [data-header-position="fixed"][data-layout="horizontal"] .dlabnav {
    top: 6.5rem;
  }
  [data-header-position="fixed"][data-layout="horizontal"] .header {
    height: 6.5rem;
  }
  [data-header-position="fixed"][data-layout="horizontal"] .content-body {
    padding-top: 6.5rem;
  }
  [data-header-position="fixed"][data-sidebar-position="fixed"] .dlabnav {
    position: fixed;
  }
  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"]
    .content-body {
    padding-top: 11.5rem;
  }
  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"]
    .content-body {
    padding-top: 13.125rem;
  }
  [data-layout="horizontal"][data-container="boxed"] .footer {
    margin-left: 0;
    max-width: 74.9375rem;
    margin: 0 auto;
  }
  [data-layout="horizontal"][data-sidebar-style="modern"]
    .dlabnav
    .header-profile {
    margin-bottom: 0;
  }
  [data-layout="horizontal"][data-sidebar-style="modern"]
    .dlabnav
    .header-profile
    img {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0 !important;
  }
  [data-layout="horizontal"][data-sidebar-style="modern"]
    .dlabnav
    .header-profile
    > a.nav-link {
    border: 0.0625rem solid #eeeeee;
    padding: 0.25rem 0.25rem;
    border-radius: 3rem;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .header-profile {
    margin-bottom: 0;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .header-profile
    img {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0 !important;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .header-profile
    > a.nav-link {
    border: 0.0625rem solid #eeeeee;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    > ul {
    top: 4.5rem;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 1.125rem 1.25rem 0.625rem 1.25rem;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    > a::after {
    display: none;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    > a
    .nav-text {
    margin-top: 0.3125rem;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    > a
    > i {
    width: auto;
    margin: 0;
    height: auto;
    line-height: 1;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-bottom: 0;
  }
  [data-layout="horizontal"][data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    > li
    li {
    text-align: left;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header {
    width: 7.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .nav-header
    .brand-logo {
    justify-content: start;
    padding-left: 0;
    padding-right: 0;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"] .header {
    width: 100%;
    padding-left: 7.75rem;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu > li a {
    width: auto;
  }
  [data-sidebar-style="mini"][data-layout="horizontal"]
    .metismenu
    > li:hover
    a
    .nav-text {
    display: none;
  }
  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"]
    .content-body {
    padding-top: 13.125rem;
  }
  [data-sidebar-position="fixed"][data-layout="horizontal"] .dlabnav.fixed {
    position: fixed;
    padding: 0 0.9375rem;
    left: 0;
    top: 0;
    border-radius: 0;
    width: 100%;
  }
}

@media (min-width: 47.9375rem) {
  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem;
  }
  [data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    .has-arrow[aria-expanded="true"]:after,
  [data-sidebar-style="compact"]
    .dlabnav
    .metismenu
    .mm-active
    > .has-arrow:after {
    margin-right: 0;
  }
  [data-sidebar-style="compact"] .dlabnav .header-profile {
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="compact"] .dlabnav .header-profile > a.nav-link {
    display: block;
    text-align: center;
    border: 0;
  }
  [data-sidebar-style="compact"] .dlabnav .header-profile > a.nav-link img {
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="compact"] .dlabnav .header-profile .dropdown-menu {
    min-width: 11rem;
  }
  [data-sidebar-style="compact"] .dlabnav .header-profile a svg {
    display: unset !important;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li {
    text-align: center;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li a {
    padding: 0.7rem 0.5rem;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li a svg {
    display: block;
    padding: 0;
    background: rgba(0, 0, 0, 0.05);
    /* background:rgba($light,0.2); */
    color: rgba(0, 0, 0, 0.3);
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.625rem;
    line-height: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li a i {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li ul:after {
    content: none;
  }
  [data-sidebar-style="compact"] .dlabnav .metismenu li > a {
    box-shadow: none;
    font-size: 0.9375rem;
  }
  [data-sidebar-style="compact"] .dlabnav .plus-box,
  [data-sidebar-style="compact"] .dlabnav .copyright {
    display: none;
  }
  [data-sidebar-style="compact"] .dlabnav .copyright {
    padding: 0 1.25rem;
    margin-top: 1.25rem;
  }
  [data-sidebar-style="compact"] .nav-text {
    display: inline-block;
    margin-top: 0.3125rem;
  }
  [data-sidebar-style="compact"] .footer {
    padding-left: 12.5rem;
  }
  [data-sidebar-style="compact"] .content-body {
    margin-left: 10.5rem;
  }
  [data-sidebar-style="compact"][data-theme-version="dark"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    li
    > a
    i {
    color: #fff;
  }
  [data-sidebar-style="compact"][data-theme-version="dark"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li.mm-active
    > a
    i {
    background: var(--primary);
    color: #fff;
  }
  [data-sidebar-style="compact"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li:hover
    > a
    i {
    background: var(--rgba-primary-1);
    color: var(--primary);
  }
}

[data-layout="horizontal"][data-sidebar-style="compact"] .footer {
  padding-left: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .content-body {
  margin-left: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .dlabnav {
  margin-bottom: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header {
  width: 13.25rem;
}
[data-layout="horizontal"][data-sidebar-style="compact"]
  .nav-header
  .brand-logo {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

[data-layout="vertical"][data-sidebar-style="compact"] .dlabnav {
  width: 11.25rem;
}
[data-layout="vertical"][data-sidebar-style="compact"] .dlabnav .metismenu ul {
  margin-left: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.02);
  padding: 0.625rem 0;
}
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  ul {
  background: 255, 255, 255, 0.05;
}
[data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  ul
  a:before {
  content: none;
}
[data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  ul
  ul
  a {
  padding: 0.625rem 0.9375rem;
}
[data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  > a {
  padding: 1.2rem 0.5rem;
}
[data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  > a.has-arrow::after {
  top: 0.0625rem;
  display: inline-block;
  right: auto;
  margin-left: 0.3125rem;
  position: relative;
  width: 0.4375rem;
  height: 0.4375rem;
  border-width: 0.125rem 0rem 0rem 0.125rem;
}
[direction="rtl"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  > a.has-arrow::after {
  left: auto;
  margin-left: 0;
  margin-right: 0.3125rem;
}
[data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a {
  background: transparent;
  color: var(--primary);
}

@media (min-width: 47.9375rem) {
  [data-sidebar-style="icon-hover"][data-layout="horizontal"]
    .header
    .header-content {
    padding-left: 1.875rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li.mm-active
    > ul {
    display: none;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .dlabnav
    .metismenu
    li.mm-active
    > ul {
    display: block;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header {
    width: 7rem;
    border-radius: 0 0 0 0 !important;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .nav-header
    .brand-logo {
    padding-left: 1.875rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .nav-header
    .brand-logo {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .nav-header
    .brand-logo
    .logo-abbr {
    display: block;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .nav-header
    .brand-logo
    .brand-title {
    display: none;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .nav-header
    .nav-control {
    display: none;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
    padding-left: 7rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .header {
    padding-right: 7rem;
    padding-left: 0.9375rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .header
    .header-content {
    padding-left: 2rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .header
    .header-content {
    padding-right: 1.375rem;
    padding-left: 0;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav {
    overflow: visible;
    position: absolute;
    left: -11.7rem;
  }
}
@media only screen and (min-width: 47.9375rem) and (min-width: 47.9375rem) and (max-width: 87.5rem) {
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav {
    left: -10rem;
  }
}

@media (min-width: 47.9375rem) {
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav {
    left: auto;
    right: -14.563rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .header-profile
    img {
    order: 1;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li {
    padding: 0 1.5625rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a {
    display: flex;
    justify-content: space-between;
    padding: 0.825rem 1.5rem;
    border-radius: 0.625rem;
    margin: 5px 0;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a
    > svg,
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a
    > i {
    order: 1;
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
    height: auto;
    width: auto;
    line-height: 1;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a
    > svg,
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a
    > i {
    padding-left: 0;
    padding-right: 0;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > a,
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li.mm-active
    > a {
    background: var(--primary);
    color: #fff;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li:hover
    > a
    i,
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li.mm-active
    > a
    i {
    color: #fff;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul {
    padding-right: 0;
    padding-left: 0;
  }
  [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul {
    border-color: #333754;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul:after {
    left: auto;
    right: 1.75rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul:after {
    left: 1.75rem;
    right: auto;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul
    a {
    position: relative;
    padding-left: 1.3rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul
    a {
    padding-right: 1.25rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul
    a::before {
    left: 1.25rem;
    right: auto;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    ul
    a::before {
    right: auto;
    left: -0.3125rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    .has-arrow::after {
    right: 5rem;
    opacity: 0;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .dlabnav
    .metismenu
    .has-arrow::after {
    right: auto;
    left: 5rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav .copyright,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav .plus-box {
    display: none;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav.mm-show {
    display: none;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .nav-header {
    width: 18.7rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .nav-header
    .brand-logo {
    padding-left: 1.6rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .nav-header
    .brand-logo
    .brand-title {
    display: block;
  }
}
@media only screen and (min-width: 47.9375rem) and (max-width: 87.5rem) {
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .nav-header {
    width: 17rem;
  }
}

@media (min-width: 47.9375rem) {
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle.mm-show {
    display: block;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .header {
    padding-left: 3.38rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .header {
    padding-right: 4.38rem;
    padding-left: 0.9375rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .dlabnav {
    left: 0;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .dlabnav
    .metismenu
    .has-arrow:after {
    opacity: 1;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .iconhover-toggle
    .dlabnav {
    left: auto;
    right: 0;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
    margin-left: 7rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .content-body {
    margin-left: 0;
    margin-right: 7rem;
  }
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
    padding-left: 7rem;
  }
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]
    .footer {
    margin-left: 0;
    margin-right: 7rem;
  }
}

@media (min-width: 47.9375rem) {
  [data-sidebar-style="modern"] .nav-header {
    width: 10.625rem;
  }
  [data-sidebar-style="modern"] .nav-header .brand-logo {
    justify-content: center;
  }
  [data-sidebar-style="modern"] .dlabnav .header-profile {
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="modern"] .dlabnav .header-profile > a.nav-link {
    display: block;
    text-align: center;
    margin: 0 -0.625rem 0.9375rem;
    padding: 0.9375rem 0.625rem;
    border-radius: 0.625rem;
  }
  [data-sidebar-style="modern"] .dlabnav .header-profile > a.nav-link img {
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li {
    text-align: center;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a {
    padding: 1.25rem 0.9375rem 1.25rem 0.9375rem;
    margin: 0.125rem 0;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a::after {
    display: none;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a:hover > a,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a:focus > a,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a:active > a,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li > a.mm-active > a {
    background-color: var(--primary-dark);
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li:hover,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li.mm-active {
    padding: 0;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li:hover > a,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li.mm-active > a {
    background: transparent !important;
    color: black;
    border-radius: 0.625rem;
    box-shadow: none;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li:hover > a i,
  [data-sidebar-style="modern"] .dlabnav .metismenu > li.mm-active > a i {
    color: var(--primary) !important;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu > li li {
    text-align: left;
  }
  [direction="rtl"][data-sidebar-style="modern"] .dlabnav .metismenu > li li {
    text-align: right;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu li a {
    padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
    font-size: 0.9375rem;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu li ul:after {
    content: none;
  }
  [data-sidebar-style="modern"] .dlabnav .metismenu li > ul {
    height: auto !important;
  }
  [data-sidebar-style="modern"] .dlabnav .nav-text {
    display: block;
    margin-top: 0.3125rem;
  }
  [data-sidebar-style="modern"] .dlabnav .plus-box,
  [data-sidebar-style="modern"] .dlabnav .copyright {
    display: none;
  }
  [data-sidebar-style="modern"] .footer {
    padding-left: 11.9rem;
  }
  [data-sidebar-style="modern"] .content-body {
    margin-left: 10.9rem;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    li
    > a
    i {
    padding: 0;
    margin: 0;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .dlabnav {
    width: 10.625rem;
    left: 0;
  }
  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav {
    left: auto;
    right: 0;
  }

  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .dlabnav-scroll {
    overflow: visible !important;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .dlabnav .metismenu {
    padding: 0.625rem 0.875rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 1.375rem 0.6em 0.9375rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > a
    i {
    padding: 0;
    height: auto;
    width: auto;
    margin: 0;
    line-height: 1;
    margin-bottom: 0.3125rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    > li
    > ul {
    display: none;
    padding: 1.875rem 0.9375rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .dlabnav .metismenu li {
    position: relative;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li
    a {
    padding: 1rem 1rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li
    a:before {
    content: none;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li
    ul {
    position: absolute;
    left: 105%;
    top: 0;
    bottom: auto;
    background-color: #fff;
    border: 0.0625rem solid #dbdbdb;
    width: 12.5rem;
  }
  [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li
    ul {
    background: #292d4a;
    box-shadow: 0rem 0rem 0.8125rem 0rem rgba(0, 0, 0, 0.1);
  }
  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li
    ul {
    left: auto;
    right: 105%;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li:hover
    > ul {
    display: block;
    left: 100%;
    padding: 1rem 0;
    margin-left: 0;
    border: 0;
    box-shadow: 0.3125rem 0.3125rem 1.875rem 0rem rgba(20, 0, 30, 0.1);
    border-radius: 0.625rem;
  }
  [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li:hover
    > ul {
    box-shadow: 0.3125rem 0.3125rem 1.875rem 0rem rgba(20, 0, 30, 0.1);
  }
  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]
    .dlabnav
    .metismenu
    li:hover
    > ul {
    left: auto;
    right: 100%;
    box-shadow: -0.3125rem 0.3125rem 1.875rem 0rem rgba(20, 0, 30, 0.1);
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .dlabnav .nav-text {
    display: block;
    margin-top: 0;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .nav-control {
    right: -4.25rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .header
    .header-content {
    padding-left: 6rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .dlabnav,
  [data-sidebar-style="modern"][data-layout="vertical"]
    .menu-toggle
    .nav-header {
    left: -10.625rem;
  }
  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .header {
    padding-left: 0;
  }
  [data-sidebar-style="modern"][data-layout="vertical"]
    .menu-toggle
    .content-body {
    margin-left: 0;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
    width: 21.75rem;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"] .header {
    padding-left: 21.75rem;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"] .footer,
  [data-sidebar-style="modern"][data-layout="horizontal"] .content-body {
    margin-left: 0;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 0.9375rem 1.5625rem 0.75rem 1.5625rem;
    margin: 0 0.125rem;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"]
    .dlabnav
    .metismenu
    > li
    > ul {
    top: 4.8rem;
  }
  [data-sidebar-style="modern"][data-layout="horizontal"][data-container="boxed"]
    .dlabnav
    .metismenu
    > li
    > a {
    padding: 0.8125rem 1.25rem;
  }
}

[data-sidebar-style="overlay"][data-layout="vertical"] .dlabnav {
  border-radius: 0 0 0 0 !important;
}
@media only screen and (max-width: 47.9375rem) {
  [data-sidebar-style="overlay"][data-layout="vertical"] .dlabnav {
    border-radius: 0 0 0 0 !important;
  }
}

[data-sidebar-style="overlay"][data-layout="vertical"] .nav-header {
  border-radius: 0;
}

[data-sidebar-style="overlay"][data-layout="vertical"]
  .menu-toggle
  .nav-header {
  border-radius: 0 0 0 0;
}

[data-sidebar-style="overlay"] .dlabnav {
  left: -100%;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li {
  padding: 0 1.875rem;
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li > a {
  font-size: 1rem;
  padding: 0.825rem 1.5rem;
  color: #7f7184;
  border-radius: 0.625rem;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li > a i {
  height: auto;
  width: auto;
  line-height: 1;
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li:hover > a {
  color: var(--primary);
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li:hover > a i {
  color: var(--primary);
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li.mm-active > a {
  /* background: var(--rgba-primary-1); */
  color: #fff;
}
[data-sidebar-style="overlay"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff;
}
@media only screen and (max-width: 35.9375rem) {
  [data-sidebar-style="overlay"] .dlabnav .metismenu > li {
    padding: 0rem 0.9375rem;
  }
}
[data-sidebar-style="overlay"] .dlabnav .metismenu ul a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  font-size: 0.9375rem;
  padding-left: 4rem;
}
[data-sidebar-style="overlay"] .dlabnav .metismenu ul a:before {
  left: 1.5625rem;
}
[direction="rtl"][data-sidebar-style="overlay"] .dlabnav {
  left: auto;
  right: -100%;
}
@media only screen and (max-width: 47.9375rem) {
  [data-sidebar-style="overlay"] .dlabnav .metismenu > li > a {
    font-size: 0.875rem;
    padding: 0.75rem 0.875rem;
  }
  [data-sidebar-style="overlay"] .dlabnav .metismenu > li > a i {
    font-size: 1.125rem;
  }
  [data-sidebar-style="overlay"] .dlabnav .metismenu ul li a {
    padding-left: 3.4rem;
  }
}

[data-sidebar-style="overlay"] .content-body {
  margin-left: 0;
}

[data-sidebar-style="overlay"] .nav-header {
  position: absolute;
}
[data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
  left: 0;
}
[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {
  background-color: var(--primary);
}

[data-sidebar-style="overlay"] .menu-toggle .nav-header {
  position: absolute;
  left: auto;
}

[data-sidebar-style="overlay"] .menu-toggle .dlabnav {
  left: 0;
}
[direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .dlabnav {
  left: auto;
  right: 0;
}

[data-sidebar-style="overlay"] .footer {
  padding-left: 0;
}

[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header {
  position: fixed;
}

[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header {
  position: fixed;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header {
  position: fixed;
  border-top-left-radius: 0;
  border-top-right-radius: 1.25rem;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .dlabnav {
  position: fixed;
}
[data-sidebar-position="fixed"][data-layout="vertical"]
  .dlabnav
  .dlabnav-scroll {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .dlabnav {
  position: fixed;
}

[data-layout="vertical"] .nav-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[data-layout="vertical"] .dlabnav {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1.25rem;
}

[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"]
  .dlabnav,
[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"]
  .dlabnav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"]
  .dlabnav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"]
  .dlabnav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"]
  .dlabnav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"]
  .dlabnav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"]
  .dlabnav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"]
  .dlabnav {
  position: absolute;
}

.sidebar-right-trigger {
  position: absolute;
  z-index: 9;
  top: 7.75rem;
  right: 100%;
  background-color: #ff6a59;
  color: #fff;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
  box-shadow: -0.3125rem 0.1875rem 0.3125rem 0rem rgba(119, 119, 119, 0.15);
}
[data-theme-version="dark"] .sidebar-right-trigger {
  color: #fff;
}
@media only screen and (max-width: 64rem) {
  .sidebar-right-trigger {
    display: none;
  }
}
.sidebar-right-trigger:hover {
  color: #fff;
}

.sidebar-right {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 50rem;
  background-color: #fff;
  margin-top: 3.5rem;
  transition: all 0.5s ease-in-out;
  border-radius: 0.625rem;
  z-index: 9999;
}
.sidebar-right .bg-label-pattern {
  background: transparent;
  background-image: url("../images/pattern/pattern5.png");
  background-size: 130%;
}
.sidebar-right .bootstrap-select {
  height: 3rem;
  border-radius: 0.375rem;
}
.sidebar-right .bootstrap-select .btn {
  padding: 0.75rem 0.9375rem;
  font-size: 0.9375rem;
  border-color: #d1d1d1;
  border-radius: 0.375rem;
}
.sidebar-right .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  opacity: 0.5;
  font-size: 12px;
}
.sidebar-right .sidebar-close-trigger {
  position: absolute;
  z-index: 2;
  font-size: 1.75rem;
  top: 0;
  right: -3rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  background: black;
  color: #fff;
}
.sidebar-right.show {
  right: 5.25rem;
  box-shadow: 0rem 0rem 3.125rem rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
@media only screen and (max-width: 47.9375rem) {
  .sidebar-right.show {
    display: none;
  }
}
.sidebar-right.show .bg-overlay {
  position: fixed;
  width: 100%;
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.sidebar-right .card-tabs .nav-tabs {
  justify-content: space-between;
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  border-bottom: 4px solid var(--rgba-primary-1);
}
.sidebar-right .card-tabs .nav-tabs .nav-item {
  margin-bottom: 0;
  flex: 1;
}
.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
  border: 0;
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  margin: 0;
}
.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
  background: var(--rgba-primary-1);
  color: #000;
}
[data-theme-version="dark"]
  .sidebar-right
  .card-tabs
  .nav-tabs
  .nav-item
  .nav-link.active {
  border-right: none;
  border-left: none;
  border-top: none;
}
.sidebar-right .sidebar-right-inner > h4,
.sidebar-right .sidebar-right-inner > .h4 {
  padding: 0.625rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
  margin: 0rem 0rem 0rem 0rem;
}
.sidebar-right .tab-content {
  padding: 1.25rem 1.25rem 0;
  min-height: 480px;
  background: #fff;
}
.sidebar-right .tab-content .tab-pane .admin-settings .row > div {
  margin-bottom: 1.25rem;
}
.sidebar-right .tab-content .tab-pane .admin-settings p {
  color: #353535;
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {
  display: none;
}
.sidebar-right
  .tab-content
  .tab-pane
  .admin-settings
  input[type="radio"]
  + label {
  display: inline-block;
  width: 2.1875rem;
  height: 2.1875rem;
  cursor: pointer;
  transition: all 0.1s ease;
  border-radius: 0.25rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.1875rem;
}
.sidebar-right
  .tab-content
  .tab-pane
  .admin-settings
  input[type="radio"]:checked
  + label {
  position: relative;
}
.sidebar-right
  .tab-content
  .tab-pane
  .admin-settings
  input[type="radio"]:checked
  + label::after {
  height: 2.0625rem;
  width: 2.0625rem;
  left: -0.25rem;
  top: -0.25rem;
  content: "";
  position: absolute;
  background-color: inherit;
  border-radius: 0.375rem;
  opacity: 0.4;
}
.sidebar-right #nav_header_color_1 + label,
.sidebar-right #header_color_1 + label,
.sidebar-right #sidebar_color_1 + label,
.sidebar-right #secondary_color_1 + label,
.sidebar-right #primary_color_1 + label {
  background-color: #fff;
}
.sidebar-right #nav_header_color_2 + label,
.sidebar-right #header_color_2 + label,
.sidebar-right #sidebar_color_2 + label,
.sidebar-right #secondary_color_2 + label,
.sidebar-right #primary_color_2 + label {
  background-color: #49bb98;
}
.sidebar-right #nav_header_color_3 + label,
.sidebar-right #header_color_3 + label,
.sidebar-right #sidebar_color_3 + label,
.sidebar-right #secondary_color_3 + label,
.sidebar-right #primary_color_3 + label {
  background-color: #ff6a59;
}
.sidebar-right #nav_header_color_4 + label,
.sidebar-right #header_color_4 + label,
.sidebar-right #sidebar_color_4 + label,
.sidebar-right #secondary_color_4 + label,
.sidebar-right #primary_color_4 + label {
  background-color: #ff965f;
}
.sidebar-right #nav_header_color_5 + label,
.sidebar-right #header_color_5 + label,
.sidebar-right #sidebar_color_5 + label,
.sidebar-right #secondary_color_5 + label,
.sidebar-right #primary_color_5 + label {
  background-color: #3250ff;
}
.sidebar-right #nav_header_color_6 + label,
.sidebar-right #header_color_6 + label,
.sidebar-right #sidebar_color_6 + label,
.sidebar-right #secondary_color_6 + label,
.sidebar-right #primary_color_6 + label {
  background-color: #3f8cff;
}
.sidebar-right #nav_header_color_7 + label,
.sidebar-right #header_color_7 + label,
.sidebar-right #sidebar_color_7 + label,
.sidebar-right #secondary_color_7 + label,
.sidebar-right #primary_color_7 + label {
  background-color: #40a7e2;
}
.sidebar-right #nav_header_color_8 + label,
.sidebar-right #header_color_8 + label,
.sidebar-right #sidebar_color_8 + label,
.sidebar-right #secondary_color_8 + label,
.sidebar-right #primary_color_8 + label {
  background-color: #b65fbd;
}
.sidebar-right #nav_header_color_9 + label,
.sidebar-right #header_color_9 + label,
.sidebar-right #sidebar_color_9 + label,
.sidebar-right #secondary_color_9 + label,
.sidebar-right #primary_color_9 + label {
  background-color: #88a67e;
}
.sidebar-right #nav_header_color_10 + label,
.sidebar-right #header_color_10 + label,
.sidebar-right #sidebar_color_10 + label,
.sidebar-right #secondary_color_10 + label,
.sidebar-right #primary_color_10 + label {
  background-color: #6759d1;
}
.sidebar-right #nav_header_color_11 + label,
.sidebar-right #header_color_11 + label,
.sidebar-right #sidebar_color_11 + label,
.sidebar-right #secondary_color_11 + label,
.sidebar-right #primary_color_11 + label {
  background-color: #b7202e;
}
.sidebar-right #nav_header_color_12 + label,
.sidebar-right #header_color_12 + label,
.sidebar-right #sidebar_color_12 + label,
.sidebar-right #secondary_color_12 + label,
.sidebar-right #primary_color_12 + label {
  background-color: #343a40;
}

.sidebar-right #sidebar_color_13 + label {
  background-color: #2a2a2a;
}

.sidebar-right #sidebar_color_14 + label {
  background-color: #4885ed;
}

.sidebar-right #sidebar_color_15 + label {
  background-color: #4cb32b;
}
.sidebar-right #nav_header_color_1 + label,
.sidebar-right #header_color_1 + label,
.sidebar-right #sidebar_color_1 + label,
.sidebar-right #secondary_color_1 + label,
.sidebar-right #primary_color_1 + label {
  border: 0.0625rem solid #c4c4c4;
}

.nice-select.wide {
  line-height: 2.1125rem;
  height: 52px;
}

@keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }
  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }
  100% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }
  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }
  100% {
    transform: translateY(-8%);
    -webkit-transform: translateY(-8%);
  }
}

@media only screen and (max-width: 87.5rem) {
  .nice-select.wide {
    line-height: 2rem;
  }
}

.chatbox {
  width: 21.25rem;
  height: 100vh;
  position: fixed;
  right: -31.25rem;
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0rem 0rem 1.875rem 0rem rgba(82, 63, 105, 0.15);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
[data-theme-version="dark"] .chatbox {
  background: #292d4a;
}
.chatbox .chatbox-close {
  position: absolute;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  width: 0;
  height: 100%;
  right: 21.25rem;
  background: #000;
  z-index: 1;
  opacity: 0.1;
  cursor: pointer;
}
.chatbox .card-body {
  padding: 1rem;
}
.chatbox.active {
  right: 0;
}
.chatbox.active .chatbox-close {
  width: 100vw;
}
.chatbox .nav {
  padding: 1rem 1rem 0 1rem;
  background: var(--rgba-primary-1);
  border: 0;
  justify-content: space-between;
}
.chatbox .nav .nav-link {
  color: var(--primary);
  opacity: 0.7;
  text-transform: uppercase;
}
.chatbox .nav .nav-link:hover,
.chatbox .nav .nav-link.active {
  background: transparent;
  color: var(--primary);
  opacity: 1;
  border-color: var(--primary);
}
.chatbox .card {
  box-shadow: none;
}
.chatbox .search {
  height: 2.5rem;
}
.chatbox .card-header {
  background: #f4f7ff;
  padding: 0.9375rem 1.25rem;
  justify-content: center;
}
.chatbox .card-header h6,
.chatbox .card-header .h6 {
  font-size: 0.9375rem;
}
.chatbox .card-header p {
  line-height: 1.2;
  font-size: 0.75rem;
  color: #777777;
}

@media only screen and (max-width: 36rem) {
  .chatbox {
    width: 17.5rem;
  }
  .chatbox .chatbox-close {
    right: 17.5rem;
  }
}

.dlab-demo-panel {
  right: -100%;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
}
.dlab-demo-panel .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  font-size: 12px;
  background-color: transprent;
  color: #9b9a9a;
}
.dlab-demo-panel .dlab-demo-trigger {
  position: absolute;
  z-index: 9;
  top: 7.75rem;
  right: 100%;
  background-color: #627eea;
  color: #fff;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
  box-shadow: -0.3125rem 0.1875rem 0.3125rem 0rem rgba(119, 119, 119, 0.15);
}
@media only screen and (max-width: 63.9375rem) {
  .dlab-demo-panel .dlab-demo-trigger {
    display: none;
  }
}
.dlab-demo-panel .dlab-demo-close {
  height: 1.875rem;
  color: #000 !important;
  width: 1.875rem;
  border-radius: 0.5rem;
  background: #fff;
  line-height: 1.875rem;
  text-align: center;
}
.dlab-demo-panel:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.85);
  display: block;
  backdrop-filter: blur(4px);
}
.dlab-demo-panel.show {
  right: 0;
  box-shadow: 0rem 0rem 3.125rem rgba(0, 0, 0, 0.2);
  z-index: 99999;
  overflow: hidden;
}
.dlab-demo-panel.show .sidebar-right-trigger {
  display: none;
}
.dlab-demo-panel.show .bg-close {
  position: fixed;
  z-index: -2;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
}
.dlab-demo-panel .dlab-demo-inner {
  padding: 1.875rem 1.875rem;
}
.dlab-demo-panel .dlab-demo-content {
  height: calc(100vh - 200px);
  padding: 0 15px;
  margin: 0 -15px;
  display: flex;
}
.dlab-demo-panel .dlab-demo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.5rem;
}
.dlab-demo-panel .dlab-demo-header h4,
.dlab-demo-panel .dlab-demo-header .h4 {
  margin-bottom: 0;
  color: #fff;
}
.dlab-demo-panel .dlab-demo-bx {
  overflow: hidden;
  border: 3px solid #efefef;
  box-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.1);
  margin-bottom: 0.625rem;
}
.dlab-demo-panel .dlab-demo-bx.demo-active {
  border-color: #4cbc9a;
}
.dlab-demo-panel .dlab-demo-bx.demo-active .overlay-layer {
  opacity: 1;
}
.dlab-demo-panel .overlay-bx {
  position: relative;
}
.dlab-demo-panel .overlay-bx .overlay-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  border: 0;
}
.dlab-demo-panel .overlay-bx:hover .overlay-layer {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

:root {
  --nav-headbg: #ffffff;
  --sidebar-bg: #ffffff;
  --headerbg: #e2e2e2;
}

[data-nav-headerbg="color_2"][data-theme-version="dark"],
[data-nav-headerbg="color_2"] {
  --nav-headbg: #49bb98;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_2"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_2"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_3"][data-theme-version="dark"],
[data-nav-headerbg="color_3"] {
  --nav-headbg: #ff6a59;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_3"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_3"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_4"][data-theme-version="dark"],
[data-nav-headerbg="color_4"] {
  --nav-headbg: #ff965f;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_4"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_4"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_5"][data-theme-version="dark"],
[data-nav-headerbg="color_5"] {
  --nav-headbg: #3250ff;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_5"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_5"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_6"][data-theme-version="dark"],
[data-nav-headerbg="color_6"] {
  --nav-headbg: #3f8cff;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_6"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_6"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_7"][data-theme-version="dark"],
[data-nav-headerbg="color_7"] {
  --nav-headbg: #40a7e2;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_7"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_7"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_8"][data-theme-version="dark"],
[data-nav-headerbg="color_8"] {
  --nav-headbg: #b65fbd;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_8"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_8"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_9"][data-theme-version="dark"],
[data-nav-headerbg="color_9"] {
  --nav-headbg: #88a67e;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_9"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_9"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_10"][data-theme-version="dark"],
[data-nav-headerbg="color_10"] {
  --nav-headbg: #6759d1;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_10"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_10"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_11"][data-theme-version="dark"],
[data-nav-headerbg="color_11"] {
  --nav-headbg: #b7202e;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_11"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_11"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_12"][data-theme-version="dark"],
[data-nav-headerbg="color_12"] {
  --nav-headbg: #343a40;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_12"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_12"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_13"][data-theme-version="dark"],
[data-nav-headerbg="color_13"] {
  --nav-headbg: #2a2a2a;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_13"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_13"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_14"][data-theme-version="dark"],
[data-nav-headerbg="color_14"] {
  --nav-headbg: #4885ed;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_14"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_14"] .nav-header .hamburger .line {
  background: #000;
}

[data-nav-headerbg="color_15"][data-theme-version="dark"],
[data-nav-headerbg="color_15"] {
  --nav-headbg: #4cb32b;
  /* &[data-nav-headerbg="color_8"]{
				.nav-header{
					.brand-logo{
						.brand-title{
							path{
								fill:$black;		
							}
							tspan{
								fill:$black;	
							}
						}	
					}
					.hamburger .line{
						background:$black;
					}
				}
			} */
}
[data-nav-headerbg="color_15"][data-theme-version="dark"]
  .nav-header
  .hamburger
  .line,
[data-nav-headerbg="color_15"] .nav-header .hamburger .line {
  background: #000;
}

[data-sibebarbg="color_2"][data-theme-version="dark"],
[data-sibebarbg="color_2"] {
  --sidebar-bg: #49bb98;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_2"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #49bb98 !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_2"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_2"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_2"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_2"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_2"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_2"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #6ec9ad;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #54bf9e !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #6ec9ad !important;
  color: #fff !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_2"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_2"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_2"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_2"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_2"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_2"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_2"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_2"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_2"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_2"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_2"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_2"] .plus-box {
  background-color: #6ec9ad;
}
[data-sibebarbg="color_2"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_2"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_3"][data-theme-version="dark"],
[data-sibebarbg="color_3"] {
  --sidebar-bg: #ff6a59;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_3"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #ff6a59 !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_3"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_3"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_3"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_3"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_3"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_3"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #ff988c;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #ff7868 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #ff988c !important;
  color: #fff !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_3"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_3"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_3"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_3"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_3"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_3"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_3"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_3"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_3"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_3"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_3"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_3"] .plus-box {
  background-color: #ff988c;
}
[data-sibebarbg="color_3"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_3"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_4"][data-theme-version="dark"],
[data-sibebarbg="color_4"] {
  --sidebar-bg: #ff965f;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_4"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #ff965f !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_4"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_4"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_4"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_4"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_4"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_4"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #ffb792;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #ffa06e !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #ffb792 !important;
  color: #fff !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_4"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_4"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_4"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_4"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_4"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_4"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_4"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_4"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_4"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_4"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_4"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_4"] .plus-box {
  background-color: #ffb792;
}
[data-sibebarbg="color_4"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_4"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_5"][data-theme-version="dark"],
[data-sibebarbg="color_5"] {
  --sidebar-bg: #3250ff;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_5"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #3250ff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_5"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_5"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_5"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_5"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_5"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_5"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #657cff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #415dff !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #657cff !important;
  color: #fff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_5"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_5"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_5"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_5"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_5"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_5"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_5"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_5"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_5"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_5"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_5"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_5"] .plus-box {
  background-color: #657cff;
}
[data-sibebarbg="color_5"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_5"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_6"][data-theme-version="dark"],
[data-sibebarbg="color_6"] {
  --sidebar-bg: #3f8cff;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_6"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #3f8cff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_6"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_6"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_6"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_6"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_6"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_6"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #72abff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #4e95ff !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #72abff !important;
  color: #fff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_6"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_6"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_6"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_6"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_6"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_6"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_6"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_6"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_6"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_6"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_6"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_6"] .plus-box {
  background-color: #72abff;
}
[data-sibebarbg="color_6"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_6"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_7"][data-theme-version="dark"],
[data-sibebarbg="color_7"] {
  --sidebar-bg: #40a7e2;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_7"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #40a7e2 !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_7"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_7"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_7"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_7"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_7"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_7"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #6cbbe9;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #4dade4 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #6cbbe9 !important;
  color: #fff !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_7"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_7"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_7"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_7"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_7"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_7"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_7"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_7"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_7"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_7"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_7"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_7"] .plus-box {
  background-color: #6cbbe9;
}
[data-sibebarbg="color_7"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_7"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_8"][data-theme-version="dark"],
[data-sibebarbg="color_8"] {
  --sidebar-bg: #b65fbd;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_8"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #b65fbd !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_8"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_8"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_8"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_8"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_8"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_8"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #c683cc;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #bb6ac1 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #c683cc !important;
  color: #fff !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_8"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_8"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_8"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_8"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_8"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_8"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_8"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_8"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_8"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_8"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_8"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_8"] .plus-box {
  background-color: #c683cc;
}
[data-sibebarbg="color_8"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_8"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_9"][data-theme-version="dark"],
[data-sibebarbg="color_9"] {
  --sidebar-bg: #88a67e;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_9"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #88a67e !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_9"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_9"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_9"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_9"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_9"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-sidebar-style="mini"] .dlabnav .metismenu li ul,
[data-sibebarbg="color_9"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #a4bb9c;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #90ac87 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #a4bb9c !important;
  color: #fff !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_9"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_9"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_9"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_9"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_9"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_9"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_9"] .plus-box {
  background-color: #a4bb9c;
}
[data-sibebarbg="color_9"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_9"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_10"][data-theme-version="dark"],
[data-sibebarbg="color_10"] {
  --sidebar-bg: #6759d1;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_10"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #6759d1 !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_10"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_10"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_10"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_10"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_10"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #8c81dc;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #7265d4 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #8c81dc !important;
  color: #fff !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_10"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_10"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_10"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_10"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_10"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_10"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_10"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_10"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_10"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_10"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_10"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_10"] .plus-box {
  background-color: #8c81dc;
}
[data-sibebarbg="color_10"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_10"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_11"][data-theme-version="dark"],
[data-sibebarbg="color_11"] {
  --sidebar-bg: #b7202e;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_11"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #b7202e !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_11"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_11"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_11"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_11"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_11"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #e72866;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #d41854 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #e72866 !important;
  color: #fff !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_11"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_11"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_11"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_11"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_11"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_11"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_11"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_11"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_11"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_11"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_11"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_11"] .plus-box {
  background-color: #e72866;
}
[data-sibebarbg="color_11"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_11"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_12"][data-theme-version="dark"],
[data-sibebarbg="color_12"] {
  --sidebar-bg: #343a40;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_12"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #343a40 !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_12"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_12"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_12"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_12"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_12"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #4b545c;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #3b4248 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #4b545c !important;
  color: #fff !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_12"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_12"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_12"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_12"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_12"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_12"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_12"] .plus-box {
  background-color: #4b545c;
}
[data-sibebarbg="color_12"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_12"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_13"][data-theme-version="dark"],
[data-sibebarbg="color_13"] {
  --sidebar-bg: #2a2a2a;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_13"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #2a2a2a !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_13"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_13"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_13"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_13"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_13"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #444444;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #323232 !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #444444 !important;
  color: #fff !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_13"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_13"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_13"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_13"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_13"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_13"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_13"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_13"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_13"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_13"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_13"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_13"] .plus-box {
  background-color: #444444;
}
[data-sibebarbg="color_13"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_13"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_14"][data-theme-version="dark"],
[data-sibebarbg="color_14"] {
  --sidebar-bg: #4885ed;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_14"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #4885ed !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_14"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_14"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_14"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_14"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_14"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #76a4f2;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #568eee !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #76a4f2 !important;
  color: #fff !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_14"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_14"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_14"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_14"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_14"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_14"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_14"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_14"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_14"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_14"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_14"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_14"] .plus-box {
  background-color: #76a4f2;
}
[data-sibebarbg="color_14"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_14"] .copyright {
  color: #fff;
}

[data-sibebarbg="color_15"][data-theme-version="dark"],
[data-sibebarbg="color_15"] {
  --sidebar-bg: #4cb32b;
  /* .hamburger .line{
				background:$white;
			} */
  /* &[data-sidebar-style="full"][data-layout="vertical"]{
				.dlabnav .metismenu > li.mm-active > a,
				.dlabnav .metismenu > li:hover > a{
						background:transparent;
				}	
			} */
  /* &[data-sibebarbg="color_8"]{
				.dlabnav .metismenu ul a:before {
					background:rgba($black,0.5);
				}
				 .dlabnav {
					.metismenu{
						a{
							color:rgba($black,0.6)!important;
							&:hover,
							&:focus,
							&.mm-active {
								color:$black!important;
							}
						}
						.has-arrow:after{
							    border-color: rgba(0,0,0,0.85) transparent transparent rgba(0,0,0,0.85);
						}
						&>li{
							&>a{
								color:rgba($black,0.6)!important;
								i{
									color:rgba($black,0.6)!important;
								}
							}
							&.mm-active{
								&>a{
									background:rgba($black,0.6)!important;
									&:before{
										background:rgba($black,0.6)!important;
									}
									
									
								}	
							}
						}
					}
					.copyright p{
						color:rgba($black,0.6);							
					}
					.book-box{
						background: rgba($black,0.4);
					}
					.header-info2 span{
					color: rgba($black,0.6)
					}
					.sidebar-info{
						color: rgba($black,0.6); 
						i{
							color: rgba($black,0.6) 		
						}
					}
				} 
				
				 .plus-box{
					background-color:rgba($black,0.4);	
				} 
			} */
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul,
[data-sibebarbg="color_15"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #4cb32b !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  ul
  a:before,
[data-sibebarbg="color_15"] .dlabnav .metismenu ul a:before {
  background: rgba(255, 255, 255, 0.5);
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_15"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i {
  color: #fff;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  h5,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  .h5,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="vertical"]
  .dlabnav
  .plus-box
  p,
[data-sibebarbg="color_15"][data-layout="vertical"] .dlabnav .plus-box h5,
[data-sibebarbg="color_15"][data-layout="vertical"] .dlabnav .plus-box .h5,
[data-sibebarbg="color_15"][data-layout="vertical"] .dlabnav .plus-box p {
  color: #fff;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul,
[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  ul {
  background-color: #63d140;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="modern"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: rgba(255, 255, 255, 0.15) !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  a:hover {
  color: #fff;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > a
  > i {
  background: #51bf2e !important;
  color: rgba(255, 255, 255, 0.7);
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  box-shadow: none;
  background: transparent !important;
  color: #fff !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  background: #63d140 !important;
  color: #fff !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"] .dlabnav .metismenu a,
[data-sibebarbg="color_15"] .dlabnav .metismenu a {
  color: rgba(255, 255, 255, 0.8) !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:hover,
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a:focus,
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  li
  ul
  a.mm-active,
[data-sibebarbg="color_15"] .dlabnav .metismenu li ul a:hover,
[data-sibebarbg="color_15"] .dlabnav .metismenu li ul a:focus,
[data-sibebarbg="color_15"] .dlabnav .metismenu li ul a.mm-active {
  color: #fff;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a,
[data-sibebarbg="color_15"] .dlabnav .metismenu > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li
  > a
  i,
[data-sibebarbg="color_15"] .dlabnav .metismenu > li > a i {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-sibebarbg="color_15"] .dlabnav .metismenu > li.mm-active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-sibebarbg="color_15"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a:before,
[data-sibebarbg="color_15"] .dlabnav .metismenu > li.mm-active > a:before {
  background: #fff !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"]
  .dlabnav
  .metismenu
  .has-arrow:after,
[data-sibebarbg="color_15"] .dlabnav .metismenu .has-arrow:after {
  border-color: rgba(255, 255, 255, 0.85) transparent transparent
    rgba(255, 255, 255, 0.85) !important;
}
[data-sibebarbg="color_15"][data-theme-version="dark"] .plus-box,
[data-sibebarbg="color_15"] .plus-box {
  background-color: #63d140;
}
[data-sibebarbg="color_15"][data-theme-version="dark"] .copyright,
[data-sibebarbg="color_15"] .copyright {
  color: #fff;
}

[data-headerbg="color_2"][data-theme-version="dark"],
[data-headerbg="color_2"] {
  --headerbg: #49bb98;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_2"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_2"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_2"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_2"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_3"][data-theme-version="dark"],
[data-headerbg="color_3"] {
  --headerbg: #ff6a59;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_3"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_3"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_3"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_3"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_4"][data-theme-version="dark"],
[data-headerbg="color_4"] {
  --headerbg: #ff965f;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_4"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_4"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_4"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_4"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_5"][data-theme-version="dark"],
[data-headerbg="color_5"] {
  --headerbg: #3250ff;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_5"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_5"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_5"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_5"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_6"][data-theme-version="dark"],
[data-headerbg="color_6"] {
  --headerbg: #3f8cff;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_6"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_6"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_6"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_6"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_7"][data-theme-version="dark"],
[data-headerbg="color_7"] {
  --headerbg: #40a7e2;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_7"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_7"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_7"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_7"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_8"][data-theme-version="dark"],
[data-headerbg="color_8"] {
  --headerbg: #b65fbd;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_8"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_8"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_8"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_8"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_9"][data-theme-version="dark"],
[data-headerbg="color_9"] {
  --headerbg: #88a67e;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_9"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_9"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_9"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_9"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_10"][data-theme-version="dark"],
[data-headerbg="color_10"] {
  --headerbg: #6759d1;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_10"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_10"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_10"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_10"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_11"][data-theme-version="dark"],
[data-headerbg="color_11"] {
  --headerbg: #b7202e;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_11"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_11"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_11"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_11"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_12"][data-theme-version="dark"],
[data-headerbg="color_12"] {
  --headerbg: #343a40;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_12"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_12"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_12"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_12"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_13"][data-theme-version="dark"],
[data-headerbg="color_13"] {
  --headerbg: #2a2a2a;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_13"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_13"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_13"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_13"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_14"][data-theme-version="dark"],
[data-headerbg="color_14"] {
  --headerbg: #4885ed;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_14"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_14"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_14"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_14"] .hamburger .line {
  background: #fff !important;
}

[data-headerbg="color_15"][data-theme-version="dark"],
[data-headerbg="color_15"] {
  --headerbg: #4cb32b;
  /* &[data-headerbg="color_8"]{
					
				.search-area .input-group-text,
				.search-area .form-control,.search-area .form-control::placeholder{
					color:$black;
					background:#F1F1F1;
				}
				.header-left{
					.search-area .form-control,
					.search-area .input-group-text{
						i{
							color:$black;
						}
					}
					.dashboard_bar{
						color:$black;	
					}
					.plus-icon a{
						background-color:$black;	
					}
					
				}
				.hamburger .line{
					background:$black;
					}
				
				.header-right{
				svg{
					path{
						fill:rgba($black,0.4);	
					}
				}
			} */
}
[data-headerbg="color_15"][data-theme-version="dark"]
  .header-left
  .dashboard_bar,
[data-headerbg="color_15"] .header-left .dashboard_bar {
  color: #fff;
}
[data-headerbg="color_15"][data-theme-version="dark"] .hamburger .line,
[data-headerbg="color_15"] .hamburger .line {
  background: #fff !important;
}

@media (min-width: 62rem) {
  [data-container="boxed"] #main-wrapper {
    max-width: 74.9375rem;
    margin: 0 auto;
    box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
  }
  [direction="rtl"][data-container="boxed"] #main-wrapper {
    text-align: right;
  }
}

@media only screen and (min-width: 84.375rem) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"]
    .header {
    width: 74.9375rem;
  }
}

@media only screen and (min-width: 75rem) and (max-width: 84.3125rem) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"]
    .header {
    width: 74.9375rem;
  }
}

[data-header-position="fixed"][data-layout="horizontal"][data-container="boxed"]
  .dlabnav {
  max-width: 74.9375rem;
}

[data-layout="vertical"][data-container="boxed"][data-header-position="fixed"]
  .header,
[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"]
  .header {
  width: 74.9375rem;
}

[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"][data-sidebar-style="mini"]
  .header {
  width: 74.9375rem;
}

[data-container="boxed"] .metismenu.fixed {
  left: auto;
  max-width: 74.9375rem;
}

[data-container="boxed"] .content-body .container-fluid {
  padding: 2.5rem;
}

[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]
  .nav-header {
  position: absolute;
}

[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]
  .menu-toggle
  .dlabnav {
  position: absolute;
}

[data-container="boxed"][data-sidebar-position="fixed"][data-layout="horizontal"]
  .dlabnav.fixed {
  left: auto;
  max-width: 74.9375rem;
}

@media (min-width: 62rem) {
  [data-container="wide-boxed"] #main-wrapper {
    max-width: 92.5rem;
    margin: 0 auto;
    box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
  }
  [direction="rtl"][data-container="wide-boxed"] #main-wrapper {
    text-align: right;
  }
}

@media only screen and (min-width: 84.375rem) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"]
    .header {
    width: 92.5rem;
  }
}

@media only screen and (min-width: 75rem) and (max-width: 100rem) {
  [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"]
    .header {
    width: 92.5rem;
  }
}

[data-sidebar-style="compact"][data-header-position="fixed"][data-container="wide-boxed"][data-layout="vertical"]
  .header {
  width: 92.5rem;
}

[data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"]
  .dlabnav {
  max-width: 92.5rem;
}

[data-layout="vertical"][data-container="wide-boxed"][data-header-position="fixed"]
  .header,
[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"]
  .header {
  width: 92.5rem;
}

[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"][data-sidebar-style="mini"]
  .header {
  width: 92.5rem;
}

[data-container="wide-boxed"] .metismenu.fixed {
  left: auto;
  max-width: 92.5rem;
}

[data-container="wide-boxed"] .content-body .container-fluid {
  padding: 2.5rem;
}

[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]
  .nav-header {
  position: absolute;
}

[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]
  .menu-toggle
  .dlabnav {
  position: absolute;
}

[data-container="wide-boxed"][data-sidebar-position="fixed"][data-layout="horizontal"]
  .dlabnav.fixed {
  left: auto;
  max-width: 92.5rem;
}

[data-primary="color_2"] {
  --primary: #49bb98;
  --primary-hover: #39987b;
  --primary-dark: #1d4e3f;
  --rgba-primary-1: rgba(73, 187, 152, 0.1);
  --rgba-primary-2: rgba(73, 187, 152, 0.2);
  --rgba-primary-3: rgba(73, 187, 152, 0.3);
  --rgba-primary-4: rgba(73, 187, 152, 0.4);
  --rgba-primary-5: rgba(73, 187, 152, 0.5);
  --rgba-primary-6: rgba(73, 187, 152, 0.6);
  --rgba-primary-7: rgba(73, 187, 152, 0.7);
  --rgba-primary-8: rgba(73, 187, 152, 0.8);
  --rgba-primary-9: rgba(73, 187, 152, 0.9);
}

[data-primary="color_3"] {
  --primary: #ff6a59;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
}

[data-primary="color_4"] {
  --primary: #ff965f;
  --primary-hover: #ff752c;
  --primary-dark: #c54400;
  --rgba-primary-1: rgba(255, 150, 95, 0.1);
  --rgba-primary-2: rgba(255, 150, 95, 0.2);
  --rgba-primary-3: rgba(255, 150, 95, 0.3);
  --rgba-primary-4: rgba(255, 150, 95, 0.4);
  --rgba-primary-5: rgba(255, 150, 95, 0.5);
  --rgba-primary-6: rgba(255, 150, 95, 0.6);
  --rgba-primary-7: rgba(255, 150, 95, 0.7);
  --rgba-primary-8: rgba(255, 150, 95, 0.8);
  --rgba-primary-9: rgba(255, 150, 95, 0.9);
}

[data-primary="color_5"] {
  --primary: #3250ff;
  --primary-hover: #0025fe;
  --primary-dark: #001698;
  --rgba-primary-1: rgba(50, 80, 255, 0.1);
  --rgba-primary-2: rgba(50, 80, 255, 0.2);
  --rgba-primary-3: rgba(50, 80, 255, 0.3);
  --rgba-primary-4: rgba(50, 80, 255, 0.4);
  --rgba-primary-5: rgba(50, 80, 255, 0.5);
  --rgba-primary-6: rgba(50, 80, 255, 0.6);
  --rgba-primary-7: rgba(50, 80, 255, 0.7);
  --rgba-primary-8: rgba(50, 80, 255, 0.8);
  --rgba-primary-9: rgba(50, 80, 255, 0.9);
}

[data-primary="color_6"] {
  --primary: #3f8cff;
  --primary-hover: #0c6dff;
  --primary-dark: #0042a5;
  --rgba-primary-1: rgba(63, 140, 255, 0.1);
  --rgba-primary-2: rgba(63, 140, 255, 0.2);
  --rgba-primary-3: rgba(63, 140, 255, 0.3);
  --rgba-primary-4: rgba(63, 140, 255, 0.4);
  --rgba-primary-5: rgba(63, 140, 255, 0.5);
  --rgba-primary-6: rgba(63, 140, 255, 0.6);
  --rgba-primary-7: rgba(63, 140, 255, 0.7);
  --rgba-primary-8: rgba(63, 140, 255, 0.8);
  --rgba-primary-9: rgba(63, 140, 255, 0.9);
}

[data-primary="color_7"] {
  --primary: #40a7e2;
  --primary-hover: #208fcf;
  --primary-dark: #125277;
  --rgba-primary-1: rgba(64, 167, 226, 0.1);
  --rgba-primary-2: rgba(64, 167, 226, 0.2);
  --rgba-primary-3: rgba(64, 167, 226, 0.3);
  --rgba-primary-4: rgba(64, 167, 226, 0.4);
  --rgba-primary-5: rgba(64, 167, 226, 0.5);
  --rgba-primary-6: rgba(64, 167, 226, 0.6);
  --rgba-primary-7: rgba(64, 167, 226, 0.7);
  --rgba-primary-8: rgba(64, 167, 226, 0.8);
  --rgba-primary-9: rgba(64, 167, 226, 0.9);
}

[data-primary="color_8"] {
  --primary: #b65fbd;
  --primary-hover: #9e44a5;
  --primary-dark: #59265d;
  --rgba-primary-1: rgba(182, 95, 189, 0.1);
  --rgba-primary-2: rgba(182, 95, 189, 0.2);
  --rgba-primary-3: rgba(182, 95, 189, 0.3);
  --rgba-primary-4: rgba(182, 95, 189, 0.4);
  --rgba-primary-5: rgba(182, 95, 189, 0.5);
  --rgba-primary-6: rgba(182, 95, 189, 0.6);
  --rgba-primary-7: rgba(182, 95, 189, 0.7);
  --rgba-primary-8: rgba(182, 95, 189, 0.8);
  --rgba-primary-9: rgba(182, 95, 189, 0.9);
}

[data-primary="color_9"] {
  --primary: #88a67e;
  --primary-hover: #6d8f62;
  --primary-dark: #3f5239;
  --rgba-primary-1: rgba(136, 166, 126, 0.1);
  --rgba-primary-2: rgba(136, 166, 126, 0.2);
  --rgba-primary-3: rgba(136, 166, 126, 0.3);
  --rgba-primary-4: rgba(136, 166, 126, 0.4);
  --rgba-primary-5: rgba(136, 166, 126, 0.5);
  --rgba-primary-6: rgba(136, 166, 126, 0.6);
  --rgba-primary-7: rgba(136, 166, 126, 0.7);
  --rgba-primary-8: rgba(136, 166, 126, 0.8);
  --rgba-primary-9: rgba(136, 166, 126, 0.9);
}

[data-primary="color_10"] {
  --primary: #6759d1;
  --primary-hover: #4636c1;
  --primary-dark: #291f72;
  --rgba-primary-1: rgba(103, 89, 209, 0.1);
  --rgba-primary-2: rgba(103, 89, 209, 0.2);
  --rgba-primary-3: rgba(103, 89, 209, 0.3);
  --rgba-primary-4: rgba(103, 89, 209, 0.4);
  --rgba-primary-5: rgba(103, 89, 209, 0.5);
  --rgba-primary-6: rgba(103, 89, 209, 0.6);
  --rgba-primary-7: rgba(103, 89, 209, 0.7);
  --rgba-primary-8: rgba(103, 89, 209, 0.8);
  --rgba-primary-9: rgba(103, 89, 209, 0.9);
}

[data-primary="color_11"] {
  --primary: #b7202e;
  --primary-hover: #98113d;
  --primary-dark: #3c0718;
  --rgba-primary-1: rgba(198, 22, 79, 0.1);
  --rgba-primary-2: rgba(198, 22, 79, 0.2);
  --rgba-primary-3: rgba(198, 22, 79, 0.3);
  --rgba-primary-4: rgba(198, 22, 79, 0.4);
  --rgba-primary-5: rgba(198, 22, 79, 0.5);
  --rgba-primary-6: rgba(198, 22, 79, 0.6);
  --rgba-primary-7: rgba(198, 22, 79, 0.7);
  --rgba-primary-8: rgba(198, 22, 79, 0.8);
  --rgba-primary-9: rgba(198, 22, 79, 0.9);
}

[data-primary="color_12"] {
  --primary: #343a40;
  --primary-hover: #1d2124;
  --primary-dark: black;
  --rgba-primary-1: rgba(52, 58, 64, 0.1);
  --rgba-primary-2: rgba(52, 58, 64, 0.2);
  --rgba-primary-3: rgba(52, 58, 64, 0.3);
  --rgba-primary-4: rgba(52, 58, 64, 0.4);
  --rgba-primary-5: rgba(52, 58, 64, 0.5);
  --rgba-primary-6: rgba(52, 58, 64, 0.6);
  --rgba-primary-7: rgba(52, 58, 64, 0.7);
  --rgba-primary-8: rgba(52, 58, 64, 0.8);
  --rgba-primary-9: rgba(52, 58, 64, 0.9);
}

[data-primary="color_13"] {
  --primary: #2a2a2a;
  --primary-hover: #111111;
  --primary-dark: black;
  --rgba-primary-1: rgba(42, 42, 42, 0.1);
  --rgba-primary-2: rgba(42, 42, 42, 0.2);
  --rgba-primary-3: rgba(42, 42, 42, 0.3);
  --rgba-primary-4: rgba(42, 42, 42, 0.4);
  --rgba-primary-5: rgba(42, 42, 42, 0.5);
  --rgba-primary-6: rgba(42, 42, 42, 0.6);
  --rgba-primary-7: rgba(42, 42, 42, 0.7);
  --rgba-primary-8: rgba(42, 42, 42, 0.8);
  --rgba-primary-9: rgba(42, 42, 42, 0.9);
}

[data-primary="color_14"] {
  --primary: #4885ed;
  --primary-hover: #1a66e8;
  --primary-dark: #0e3d8e;
  --rgba-primary-1: rgba(72, 133, 237, 0.1);
  --rgba-primary-2: rgba(72, 133, 237, 0.2);
  --rgba-primary-3: rgba(72, 133, 237, 0.3);
  --rgba-primary-4: rgba(72, 133, 237, 0.4);
  --rgba-primary-5: rgba(72, 133, 237, 0.5);
  --rgba-primary-6: rgba(72, 133, 237, 0.6);
  --rgba-primary-7: rgba(72, 133, 237, 0.7);
  --rgba-primary-8: rgba(72, 133, 237, 0.8);
  --rgba-primary-9: rgba(72, 133, 237, 0.9);
}

[data-primary="color_15"] {
  --primary: #4cb32b;
  --primary-hover: #3b8a21;
  --primary-dark: #18380d;
  --rgba-primary-1: rgba(76, 179, 43, 0.1);
  --rgba-primary-2: rgba(76, 179, 43, 0.2);
  --rgba-primary-3: rgba(76, 179, 43, 0.3);
  --rgba-primary-4: rgba(76, 179, 43, 0.4);
  --rgba-primary-5: rgba(76, 179, 43, 0.5);
  --rgba-primary-6: rgba(76, 179, 43, 0.6);
  --rgba-primary-7: rgba(76, 179, 43, 0.7);
  --rgba-primary-8: rgba(76, 179, 43, 0.8);
  --rgba-primary-9: rgba(76, 179, 43, 0.9);
}

[data-secondary="color_2"] {
  --secondary: #49bb98;
  --secondary-dark: #39987b;
}

[data-secondary="color_3"] {
  --secondary: #ed1c25;
  --secondary-dark: #ff3c26;
}

[data-secondary="color_4"] {
  --secondary: #ff965f;
  --secondary-dark: #ff752c;
}

[data-secondary="color_5"] {
  --secondary: #3250ff;
  --secondary-dark: #0025fe;
}

[data-secondary="color_6"] {
  --secondary: #3f8cff;
  --secondary-dark: #0c6dff;
}

[data-secondary="color_7"] {
  --secondary: #40a7e2;
  --secondary-dark: #208fcf;
}

[data-secondary="color_8"] {
  --secondary: #b65fbd;
  --secondary-dark: #9e44a5;
}

[data-secondary="color_9"] {
  --secondary: #88a67e;
  --secondary-dark: #6d8f62;
}

[data-secondary="color_10"] {
  --secondary: #6759d1;
  --secondary-dark: #4636c1;
}

[data-secondary="color_11"] {
  --secondary: #b7202e;
  --secondary-dark: #98113d;
}

[data-secondary="color_12"] {
  --secondary: #343a40;
  --secondary-dark: #1d2124;
}

[data-secondary="color_13"] {
  --secondary: #2a2a2a;
  --secondary-dark: #111111;
}

[data-secondary="color_14"] {
  --secondary: #4885ed;
  --secondary-dark: #1a66e8;
}

[data-secondary="color_15"] {
  --secondary: #4cb32b;
  --secondary-dark: #3b8a21;
}

[data-typography="opensans"] {
  font-family: "Open Sans", sans-serif;
}

[data-typography="poppins"] {
  font-family: "poppins", sans-serif;
}

[data-typography="cairo"] {
  font-family: "Cairo", sans-serif;
}

[data-typography="roboto"] {
  font-family: "Roboto", sans-serif;
}

[data-typography="helvetica"] {
  font-family: "HelveticaNeue";
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

[data-theme-version="transparent"] {
  background: url("../images/body/12.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}
[data-theme-version="transparent"] h1,
[data-theme-version="transparent"] .h1,
[data-theme-version="transparent"] h2,
[data-theme-version="transparent"] .h2,
[data-theme-version="transparent"] h3,
[data-theme-version="transparent"] .h3,
[data-theme-version="transparent"] h4,
[data-theme-version="transparent"] .h4,
[data-theme-version="transparent"] h5,
[data-theme-version="transparent"] .h5,
[data-theme-version="transparent"] h6,
[data-theme-version="transparent"] .h6 {
  color: #fff !important;
}
[data-theme-version="transparent"] a.link {
  color: #ddd;
}
[data-theme-version="transparent"] a.link:focus,
[data-theme-version="transparent"] a.link:hover {
  color: #58bad7;
}
[data-theme-version="transparent"] a {
  color: #fff;
}
[data-theme-version="transparent"] a:hover {
  color: #828690;
}
[data-theme-version="transparent"] .border-right {
  border-right: 1px solid #333754 !important;
}
[data-theme-version="transparent"] .border-left {
  border-left: 1px solid #333754 !important;
}
[data-theme-version="transparent"] .border-top {
  border-top: 1px solid #333754 !important;
}
[data-theme-version="transparent"] .border-bottom {
  border-bottom: 1px solid #333754 !important;
}
[data-theme-version="transparent"] .border {
  border: 1px solid #333754 !important;
}

[data-theme-version="transparent"] .dropdown-menu {
  background-color: #292d4a;
}

[data-theme-version="transparent"] .dropdown-item:hover,
[data-theme-version="transparent"] .dropdown-item:focus {
  background-color: #20203c;
  color: #fff;
}

[data-theme-version="transparent"] .form-control {
  background-color: #20203c;
  border-color: #333754;
  color: #fff;
}

[data-theme-version="transparent"] .card {
  background-color: rgba(0, 0, 0, 0.15);
}

[data-theme-version="transparent"] .header {
  background-color: rgba(0, 0, 0, 0.15);
}

[data-theme-version="transparent"] .header-left input {
  border-color: #333754;
  color: #fff;
}
[data-theme-version="transparent"] .header-left input:focus {
  box-shadow: none;
  border-color: #ff6a59;
}
[data-theme-version="transparent"] .header-left input::placeholder {
  color: #fff;
}

[data-theme-version="transparent"] .header-right .dropdown .nav-link:hover {
  color: #fff;
}

[data-theme-version="transparent"] .nav-header,
[data-theme-version="transparent"] .nav-control {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme-version="transparent"] .nav-control {
  color: #fff;
}

[data-theme-version="transparent"] .brand-logo {
  color: #fff;
}
[data-theme-version="transparent"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="transparent"] .nav-header,
[data-theme-version="transparent"] .nav-control {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme-version="transparent"] .nav-control {
  color: #fff;
}

[data-theme-version="transparent"] .brand-logo {
  color: #fff;
}
[data-theme-version="transparent"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="transparent"] .dlabnav {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
[data-theme-version="transparent"] .dlabnav .metismenu > li > a {
  color: rgba(0, 0, 0, 0.15);
}
[data-theme-version="transparent"] .dlabnav .metismenu > li:hover > a,
[data-theme-version="transparent"] .dlabnav .metismenu > li:focus > a,
[data-theme-version="transparent"] .dlabnav .metismenu > li.mm-active > a {
  background-color: rgba(0, 0, 0, 0.15) !important;
  color: #fff;
}
[data-theme-version="transparent"] .dlabnav .metismenu > li:hover > a::after,
[data-theme-version="transparent"] .dlabnav .metismenu > li:focus > a::after,
[data-theme-version="transparent"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a::after {
  border-color: transparent transparent #fff transparent;
}
[data-theme-version="transparent"] .dlabnav .metismenu > li.mm-active ul ul {
  background-color: transparent;
}
[data-theme-version="transparent"] .dlabnav .metismenu ul {
  background-color: rgba(0, 0, 0, 0.15);
}
[data-theme-version="transparent"] .dlabnav .metismenu ul a:hover,
[data-theme-version="transparent"] .dlabnav .metismenu ul a:focus,
[data-theme-version="transparent"] .dlabnav .metismenu ul a.mm-active {
  color: #fff;
}
[data-theme-version="transparent"] .dlabnav .metismenu a {
  color: rgba(0, 0, 0, 0.15);
}
[data-theme-version="transparent"] .dlabnav .metismenu ul {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
[data-theme-version="transparent"] .dlabnav .metismenu .has-arrow:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

[data-theme-version="dark"] {
  background: #20203c;
  color: #828690;
  --nav-headbg: #292d4a;
  --sidebar-bg: #292d4a;
  --headerbg: #292d4a;
}
[data-theme-version="dark"] h1,
[data-theme-version="dark"] .h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] .h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] .h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] .h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] .h5,
[data-theme-version="dark"] h6,
[data-theme-version="dark"] .h6 {
  color: #fff !important;
}
[data-theme-version="dark"] a.link {
  color: #ddd;
}
[data-theme-version="dark"] a.link:focus,
[data-theme-version="dark"] a.link:hover {
  color: #58bad7;
}
[data-theme-version="dark"] a:hover {
  color: #fff;
}
[data-theme-version="dark"] .border-right {
  border-right: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-left {
  border-left: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-top {
  border-top: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-bottom {
  border-bottom: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border {
  border: 0.0625rem solid #333754 !important;
}

[data-theme-version="dark"] .card {
  background-color: #292d4a;
  box-shadow: none;
}

[data-theme-version="dark"] .dropdown-menu {
  background-color: #292d4a;
  box-shadow: 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.1);
}
[data-theme-version="dark"] .dropdown-menu .dropdown-item {
  color: #777777;
}
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: #292d4a;
  color: #fff;
}

[data-theme-version="dark"] a {
  color: #fff !important;
}

[data-theme-version="dark"] .btn-light:active,
[data-theme-version="dark"] .btn-light:focus,
[data-theme-version="dark"] .btn-light:hover {
  color: #000;
}

[data-theme-version="dark"] .form-control {
  background-color: #2e2e40;
  border-color: #333754;
  color: #fff;
}

[data-theme-version="dark"] .modal-content {
  background: #292d4a;
}

[data-theme-version="dark"] .close {
  font-weight: 400;
  color: #fff;
  text-shadow: none;
}
[data-theme-version="dark"] .close:hover {
  color: #fff;
}

[data-theme-version="dark"] .dropdown-divider {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-tabs {
  border-color: #333754 !important;
}

[data-theme-version="dark"] hr {
  border-color: #333754;
}

[data-theme-version="dark"] .list-group-item.active {
  color: #fff;
  border-color: var(--primary);
}
[data-theme-version="dark"] .list-group-item.active:focus,
[data-theme-version="dark"] .list-group-item.active:hover,
[data-theme-version="dark"] .list-group-item.active:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

[data-theme-version="dark"] .text-black {
  color: #fff !important;
}

[data-theme-version="dark"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #292d4a !important;
}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,
[data-theme-version="dark"] .nav-tabs .nav-link.active {
  border-color: var(--primary);
  background: transparent;
  color: white !important;
}

[data-theme-version="dark"] .picker {
  color: #999;
}

[data-theme-version="dark"] .card-list li {
  color: #fff;
}

[data-theme-version="dark"] .bar-chart .apexcharts-text tspan {
  fill: #969ba0;
}

[data-theme-version="dark"] .bar-chart line {
  stroke: #333754;
}

[data-theme-version="dark"] table.dataTable thead th,
[data-theme-version="dark"] table.dataTable thead td {
  border-color: #333754 !important;
}

[data-theme-version="dark"] .form-check .form-check-input {
  background: transparent;
}
[data-theme-version="dark"] .form-check .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

[data-theme-version="dark"] .dataTables_info {
  color: #fff;
}

[data-theme-version="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  span
  .paginate_button.current,
[data-theme-version="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  span
  .paginate_button:hover {
  background: var(--primary);
  color: #fff !important;
}

[data-theme-version="dark"] .description {
  color: #fff;
}

[data-theme-version="dark"] .nice-select .option {
  background: #292d4a;
}

[data-theme-version="dark"] .nice-select .option:hover,
[data-theme-version="dark"] .nice-select .option.focus,
[data-theme-version="dark"] .nice-select .option.selected.focus {
  background: #292d4a;
}

[data-theme-version="dark"] .nice-select .list {
  background: #20203c;
}

[data-theme-version="dark"] .bar-chart .apexcharts-legend-text {
  color: #fff !important;
}

[data-theme-version="dark"] .brand-title path {
  fill: #fff;
}

[data-theme-version="dark"] .brand-title tspan {
  fill: #fff;
}

[data-theme-version="dark"] .chartBar line {
  stroke: #333754;
}

[data-theme-version="dark"] .chartjs line {
  stroke: #333754;
}

[data-theme-version="dark"] .application tr td .btn {
  color: #fff;
}

[data-theme-version="dark"] .apexcharts-gridlines-vertical line {
  stroke: #333754;
}

[data-theme-version="dark"] .apexcharts-text tspan {
  fill: #fff;
}

[data-theme-version="dark"] #activity line {
  stroke: #333754;
}

[data-theme-version="dark"] table {
  border-color: #333754;
}

[data-theme-version="dark"] .header .header-content:after {
  background: #333754;
}

[data-theme-version="dark"] .sidebar-right .nice-select .option.selected {
  color: #000;
}

[data-theme-version="dark"] #redial .apexcharts-datalabels-group text {
  fill: #fff;
}

[data-theme-version="dark"] .nice-select .option.selected {
  color: #fff;
}

[data-theme-version="dark"] .dlab-cource {
  background-color: #292d4a;
}
[data-theme-version="dark"] .dlab-cource .form-control {
  background-color: transparent;
}

[data-theme-version="dark"] #redial .apexcharts-radialbar-hollow {
  fill: #292d4a;
}

[data-theme-version="dark"] .bootstrap-datetimepicker-widget table td.day:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.hour:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.minute:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.second:hover {
  background: #20203c;
}

[data-theme-version="dark"] .file {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-theme-version="dark"] .file svg path {
  fill: #fff;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"]
  .header {
  border-color: #333754;
}

[data-theme-version="dark"] .header {
  border-color: #333754;
}

[data-theme-version="dark"] .header-left .dashboard_bar {
  color: #fff;
}

[data-theme-version="dark"] .header-right .dropdown .nav-link {
  color: #fff;
}
[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {
  color: #fff;
}

[data-theme-version="dark"] .nav-header .hamburger .line {
  background: #fff !important;
}

[data-theme-version="dark"]
  .menu-toggle
  .nav-header
  .nav-control
  .hamburger
  .line {
  background-color: #fff !important;
}

[data-theme-version="dark"] .nav-header {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}
[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"] .nav-header {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}
[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  > ul {
  background-color: #292d4a;
}

[data-theme-version="dark"] .fixed-content-box {
  background-color: #292d4a;
}
[data-theme-version="dark"] .fixed-content-box + .header + .dlabnav {
  background-color: #20203c;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"]
  .dlabnav {
  border-color: #333754;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: transparent;
}
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  color: var(--primary);
  background: var(--rgba-primary-1);
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  a
  > i {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme-version="dark"] .dlabnav .header-profile > a.nav-link {
  border-color: #333754;
}

[data-theme-version="dark"] .dlabnav .metismenu > li > a {
  color: #b3b3b3;
}

[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a {
  color: #fff !important;
  /* background:var(--rgba-primary-1); */
}
[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a::after,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a::after,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a::after {
  border-top: 0.3125rem solid #fff;
  border-left: 0.3125rem solid #fff;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
}
[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a i,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a i,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff;
}

[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active ul ul {
  background-color: transparent;
}

[data-theme-version="dark"] .dlabnav .metismenu ul:after {
  background-color: #333754;
}

[data-theme-version="dark"] .dlabnav .metismenu ul a:hover,
[data-theme-version="dark"] .dlabnav .metismenu ul a:focus,
[data-theme-version="dark"] .dlabnav .metismenu ul a.mm-active {
  color: #fff !important;
}

[data-theme-version="dark"] .dlabnav .metismenu ul a:before {
  background-color: #fff;
}

[data-theme-version="dark"] .dlabnav .metismenu a {
  color: #b3b3b3 !important;
}

[data-theme-version="dark"] .dlabnav .metismenu .has-arrow:after {
  border-top: 0.3125rem solid #b3b3b3;
  border-left: 0.3125rem solid #b3b3b3;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
}

[data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs {
  border-color: var(--rgba-primary-1) !important;
}
[data-theme-version="dark"]
  .sidebar-right
  .card-tabs
  .nav-tabs
  .nav-item
  .nav-link {
  color: #000 !important;
}

[data-theme-version="dark"] .sidebar-right .form-control {
  background: #fff;
  color: #000;
  border-color: #eeeeee;
}

[data-theme-version="dark"] .sidebar-right .default-select .list {
  background: #fff;
}
[data-theme-version="dark"]
  .sidebar-right
  .default-select
  .list
  .option.selected,
[data-theme-version="dark"] .sidebar-right .default-select .list .option.focus,
[data-theme-version="dark"] .sidebar-right .default-select .list .option:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > h4,
[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > .h4 {
  color: #000 !important;
}

[data-theme-version="dark"] .sidebar-right .nice-select .option {
  background: #fff;
}

[data-theme-version="dark"] .footer {
  background-color: transparent;
}
[data-theme-version="dark"] .footer .copyright {
  background-color: transparent;
}
[data-theme-version="dark"] .footer .copyright p {
  color: #fff;
}

/* =============
   Calendar
============= */

.calendar {
  float: left;
  margin-bottom: 0;
}

.external-event {
  border-radius: 0.125rem;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 0.3125rem 0.4375rem;
  padding: 0.3125rem;
  text-align: center;
}

.external-event {
  cursor: move;
  margin: 0.625rem 0;
  padding: 0.125rem 0;
}

#drop-remove {
  margin-right: 0.5rem;
  top: 0.1875rem;
}

.external-event {
  color: #fff;
}
[data-theme-version="dark"] .external-event {
  color: #fff !important;
}

#external-events .external-event:before {
  content: "";
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  margin-right: 0.9rem;
  position: relative;
  top: 0.125rem;
}

.toolbar .btn-group .btn {
  border: 0;
}

.toolbar .btn-group input {
  position: relative;
  top: 0.125rem;
}

.email-list {
  display: block;
  padding-left: 0;
}
.email-list .message {
  position: relative;
  display: block;
  height: 3.125rem;
  line-height: 3.125rem;
  cursor: default;
  transition-duration: 0.3s;
}
.email-list .message a {
  color: #828690;
}
.email-list .message:hover {
  transition-duration: 0.05s;
  background: rgba(152, 166, 173, 0.15);
}

.ct-grid {
  stroke: rgba(49, 58, 70, 0.1);
}

@media only screen and (max-width: 47.9375rem) {
  #pie-chart .ct-label {
    color: #fff;
    fill: #fff;
  }
}

#activity {
  height: 16.875rem !important;
}

#areaChart_3 {
  height: 18.4375rem !important;
}

.c3 {
  height: 15.625rem;
}

.tick text {
  stroke: #fff;
}

.legend > div {
  background: transparent !important;
}

/* svg text {
    font-weight: 600 !important;
} */

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}

.form-control {
  background: #fff;
  color: #6e6e6e;
  line-height: 2.4;
  font-size: 1rem;
  border-radius: 0.625rem;
}
.form-control:hover,
.form-control:focus,
.form-control.active {
  box-shadow: none;
  background: #fff;
  color: #6e6e6e;
}
.form-control:focus {
  border-color: var(--primary);
}
.form-control.solid {
  background: #f0f0f0;
  border-color: #ececec;
  color: #000;
}
.form-control.solid[type="file"] {
  padding: 6px 10px;
}

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

.input-group {
  /* &> .form-file {
		display: flex;
		align-items: center;

		&:not(:last-child) .form-file-label,
		&:not(:last-child) .form-file-label::after { @include border-right-radius(0); }
		&:not(:first-child) .form-file-label { @include border-left-radius(0); }
	  } */
}

.show-pass {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

#username {
  border-radius: 0 0.5rem 0.5rem 0;
}

.form-check {
  font-size: 14px;
  font-weight: 600;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

/* input[type="checkbox"] {
    &:after{
        content: '';
        display: block;
        width: 1rem;
        height: 1rem;
        margin-top: 0px;
        margin-left: -1px;
        border: 1px solid transparent;
        border-radius: 3px;
        background: #d4d7da;
        line-height: 1.3;
    }

    &:checked:after{
        width: 1rem;
        height: 1rem;
        display: block;
        content: "\f00c";
        font-family: 'FontAwesome';
        color: $white;
        font-weight: 100;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
        background: $primary;
    }

} */
.form-check-label {
  margin-left: 0.3125rem;
  margin-top: 0.1875rem;
}

.form-check-input {
  top: 0.125rem;
  border-width: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-color: #e7e7e7;
}

.rtl .form-check-label:before,
.rtl .form-check-label:after {
  right: -1.5rem !important;
  left: inherit;
}

.form-check {
  line-height: normal;
}

.form-check-input:focus ~ .form-check-label::before {
  box-shadow: none !important;
}

.form-check-label::before {
  background-color: transparent;
  border-color: #c8c8c8;
  border-width: 0.125rem;
  border-radius: 0.125rem !important;
}
[data-theme-version="dark"] .form-check-label::before {
  background-color: transparent;
  border-color: #333754;
}

.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check-input:focus {
  border-color: var(--primary);
  box-shadow: var(--rgba-primary-1);
}

.show-pass {
  cursor: pointer;
}

.datepicker table tr td.selected,
.datepicker table tr td.active.active {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  border: 0;
}

.datepicker table tr td.today {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff;
}
.datepicker table tr td.today:hover {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

.datepicker table tr td.today.disabled {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff;
}
.datepicker table tr td.today.disabled:hover {
  box-shadow: 0rem 0rem 1.875rem 0.3125rem rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

#image {
  max-width: 100%;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
.form-wizard {
  border: 0;
}
.form-wizard .tab-content .tab-pane {
  padding: 0;
}
@media only screen and (max-width: 47.9375rem) {
  .form-wizard .tab-content {
    height: 100% !important;
  }
}

.bootstrap-select {
  margin-bottom: 0;
}
.bootstrap-select .btn {
  border: 1px solid #dbdbdb !important;
  background-color: transparent !important;
  font-weight: 400;
  color: #777777 !important;
}
[data-theme-version="dark"] .bootstrap-select .btn {
  border-color: #333754 !important;
  background: #20203c !important;
}
.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
  outline: none !important;
  outline-offset: 0;
}
[data-theme-version="dark"] .bootstrap-select .btn:active,
[data-theme-version="dark"] .bootstrap-select .btn:focus,
[data-theme-version="dark"] .bootstrap-select .btn:hover {
  color: #777777 !important;
}
.bootstrap-select .dropdown-menu {
  border-color: #dbdbdb !important;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
}
.bootstrap-select .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
}
[data-theme-version="dark"] .bootstrap-select .dropdown-menu {
  border-color: #dbdbdb !important;
}

.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

.toast-success {
  background-color: var(--primary);
}

.toast-info {
  background-color: #58bad7;
}

.toast-warning {
  background-color: #f0a901;
}

.toast-error {
  background-color: #f75a5b;
}

#toast-container > div {
  box-shadow: none;
  border-radius: 0;
  width: auto;
  max-width: 15.625rem;
  opacity: 1;
}
[direction="rtl"] #toast-container > div {
  padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
  background-position: calc(100% - 0.9375rem);
  text-align: right;
}
#toast-container > div:hover {
  box-shadow: none;
}

#toast-container .toast-title {
  margin-bottom: 0.3125rem;
  font-weight: 600;
}

#toast-container .toast-message {
  font-size: 0.75rem;
}

#toast-container .toast-close-button {
  opacity: 1;
  font-size: 1.25rem;
  font-weight: normal;
  text-shadow: none;
}

/* Light Gallery */

.sidebar-right-inner {
  position: relative;
  height: 100%;
}

table {
  border-color: #ebedf3;
}

.external-event {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.external-event:hover:before {
  background: #fff !important;
}

#external-events .external-event {
  text-align: left;
  font-size: 16px;
}

/*  */

.alert {
  border-radius: 0.625rem;
  padding: 1rem 1.5rem;
}
.alert p {
  line-height: 1.5;
}

button {
  cursor: pointer;
}
button:focus {
  outline: 0;
  box-shadow: none;
}

.btn {
  padding: 0.6875rem 1.319rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  outline: 0 !important;
}
@media only screen and (max-width: 87.5rem) {
  .btn {
    padding: 0.625rem 1rem;
    font-size: 0.813rem;
  }
}

.btn.btn-secondary,
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-info {
  color: #fff;
}

.btn-primary {
  border-color: var(--primary);
  background-color: var(--primary);
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  border-color: var(--primary-hover);
  background-color: var(--primary-hover);
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--primary);
  border-color: var(--primary);
}

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

.light.btn-default {
  background: #adb6c7;
}

.light.btn-info {
  background-color: #d3edf5;
  border-color: #d3edf5;
  color: #58bad7;
}
.light.btn-info g [fill] {
  fill: #58bad7;
}
[data-theme-version="dark"] .light.btn-info {
  background-color: rgba(88, 186, 215, 0.1);
  border-color: transparent;
}
.light.btn-info:hover {
  background-color: #58bad7;
  border-color: #58bad7;
  color: #fff;
}
.light.btn-info:hover g [fill] {
  fill: #fff;
}

.light.btn-primary {
  background-color: var(--rgba-primary-1);
  border-color: var(--rgba-primary-1);
  color: var(--primary);
}
.light.btn-primary g [fill] {
  fill: var(--primary);
}
[data-theme-version="dark"] .light.btn-primary {
  background-color: var(--rgba-primary-1);
  border-color: transparent;
  color: #fff;
}
.light.btn-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.light.btn-primary:hover g [fill] {
  fill: #fff;
}

.light.btn-secondary {
  background-color: #ecf8f4;
  border-color: #ecf8f4;
  color: #4cbc9a;
}
.light.btn-secondary g [fill] {
  fill: #4cbc9a;
}
[data-theme-version="dark"] .light.btn-secondary {
  background-color: rgba(76, 188, 154, 0.5);
  border-color: transparent;
  color: #fff;
}
.light.btn-secondary:hover {
  background-color: #4cbc9a;
  border-color: #4cbc9a;
  color: #fff;
}
.light.btn-secondary:hover g [fill] {
  fill: #fff;
}

.light.btn-danger {
  background-color: #fcbbbc;
  border-color: #fcbbbc;
  color: #f75a5b;
}
.light.btn-danger g [fill] {
  fill: #f75a5b;
}
[data-theme-version="dark"] .light.btn-danger {
  background-color: rgba(247, 90, 91, 0.15);
  border-color: transparent;
}
.light.btn-danger:hover {
  background-color: #f75a5b;
  border-color: #f75a5b;
  color: #fff;
}
.light.btn-danger:hover g [fill] {
  fill: #fff;
}

.shadow.btn-primary {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important;
}

.shadow.btn-secondary {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(76, 188, 154, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(76, 188, 154, 0.2) !important;
}

.shadow.btn-danger {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(247, 90, 91, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(247, 90, 91, 0.2) !important;
}

.shadow.btn-info {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(88, 186, 215, 0.2) !important;
  box-shadow: 0 0.3125rem 0.9375rem 0 rgba(88, 186, 215, 0.2) !important;
}

.btn-sm,
.btn-group-sm > .btn {
  font-size: 0.813rem !important;
  padding: 0.563rem 1.494rem;
}

.btn-light {
  background: #c8c8c8;
  border-color: #c8c8c8;
  color: #fff;
}
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
  background: white;
  color: #6e6e6e;
  border-color: white;
}

.card {
  margin-bottom: 1.875rem;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
  position: relative;
  border: 0rem solid transparent;
  border-radius: 0.625rem;
  box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
  height: calc(100% - 30px);
}
@media only screen and (max-width: 35.9375rem) {
  .card {
    margin-bottom: 0.938rem;
    height: calc(100% - 0.938rem);
  }
}
.card-body {
  padding: 1.875rem;
}
@media only screen and (max-width: 35.9375rem) {
  .card-body {
    padding: 1rem;
  }
}
.card-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
}
.card-header {
  border-color: #dbdbdb;
  position: relative;
  background: transparent;
  padding: 1.5rem 1.875rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 35.9375rem) {
  .card-header {
    padding: 1.25rem 1rem 1.25rem;
  }
}
[data-theme-version="dark"] .card-header {
  border-color: #333754;
}
.card-header .card-title {
  margin-bottom: 0rem;
}
.card-header .subtitle {
  padding-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.card-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: auto;
}

.card-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
}

.card-loader i {
  margin: 0 auto;
  background: var(--primary-dark);
  padding: 0.625rem;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
}

.rotate-refresh {
  -webkit-animation: mymove 0.8s infinite linear;
  animation: mymove 0.8s infinite linear;
  display: inline-block;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mymove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.carousel-indicators {
  z-index: 1;
}

.dropdown-toggle:focus {
  box-shadow: none !important;
}

.dropdown-menu {
  font-size: inherit;
  border: 0;
  z-index: 4;
  overflow: hidden;
  border-radius: 0.625rem;
  box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
  margin-top: 0;
}
.dropdown-menu .dropdown-item {
  font-size: 1rem;
  color: #777777;
  padding: 0.5rem 1.75rem;
}
@media only screen and (max-width: 87.5rem) {
  .dropdown-menu .dropdown-item {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
  }
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  color: #514e5f;
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: var(--primary);
  background: var(--rgba-primary-1);
}
[direction="rtl"] .dropdown-menu {
  right: auto !important;
}

/* .dropleft .dropdown-toggle:before,
.dropright .dropdown-toggle:before,
.dropup .dropdown-toggle:after,
.dropdown-toggle:after {
	content:"\f107";
	font-family:FontAwesome;
	border: 0;
    vertical-align: middle;
    margin-left: 0.25em;
	line-height: 1;
} */
/* .dropup .dropdown-toggle:after{
	content:"\f106";
} */
/* .dropleft .dropdown-toggle::before {
	content:"\f104";
}
.dropright .dropdown-toggle::before {
	content:"\f105";
} */
.dropright .dropdown-toggle::after {
  content: none;
}

.row.grid {
  margin-bottom: 1.5rem;
  text-align: center;
}

.label {
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  padding: 0.2rem 0.8rem;
}

code {
  word-break: break-word;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.1875rem;
  background: #fffbfb;
  color: #f75a5b;
}
[data-theme-version="dark"] code {
  background: rgba(247, 90, 91, 0.1);
}

.list-group-item {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #dbdbdb;
  padding: 1rem 1.5rem;
}
.list-group-item.active {
  background-color: var(--primary);
  border-color: var(--primary);
}
[data-theme-version="dark"] .list-group-item {
  border-color: #333754;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #fff;
  background-color: #4cbc9a;
  border-color: #4cbc9a;
}

[class*="bg-"] .list-group-item {
  border-color: rgba(255, 255, 255, 0.05);
}

.bg-warning .list-group-item {
  border-color: rgba(0, 0, 0, 0.05);
}

/*  */

.modal-body {
  padding: 1.875rem;
}

.modal-content {
  border-radius: 0.625rem;
}

.modal-backdrop {
  z-index: 10 !important;
}

.pagination {
  margin-bottom: 1.25rem;
}

.popover {
  border: 0.125rem solid #4cbc9a;
  min-width: 13.125rem;
  box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
}
[data-theme-version="dark"] .popover {
  background-color: #20203c;
}
.popover-header {
  background: #4cbc9a;
  color: #fff;
  font-weight: 300;
}
.popover-header::before {
  border-bottom: 0 !important;
}
.popover-body {
  font-size: 0.75rem;
}
[data-theme-version="dark"] .popover .popover-header {
  border-color: #292d4a;
}
@media only screen and (max-width: 47.9375rem) {
  .popover {
    z-index: 1;
  }
}

.progress-bar {
  background-color: var(--primary);
}

.progress {
  height: 6px;
  background-color: #f6f6f6;
  overflow: hidden;
}
[data-theme-version="dark"] .progress {
  background-color: #20203c;
}
.progress-bar {
  border-radius: 0.625rem;
}

@keyframes myanimation {
  0% {
    width: 0;
  }
}

@keyframes myanimation {
  0% {
    width: 0;
  }
}

.ribbon {
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
}

.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 0.5rem;
  height: 0.5rem;
}

.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
  border-radius: 0.625rem;
  background-color: #f5f5f5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
  background-color: var(--primary);
}

.tooltip-inner {
  border-radius: 0;
  background: #333333;
  font-size: 0.75rem;
  font-weight: 300;
  padding: 0.35rem 0.7rem;
}

.card-list {
  overflow: unset;
  height: calc(100% - 50px);
}
.card-list .card-header {
  padding-top: 0;
  padding-bottom: 0;
}
.card-list .card-header .photo {
  overflow: hidden;
  border-radius: 0.3125rem;
  width: 100%;
}
@media only screen and (max-width: 74.9375rem) {
  .card-list {
    height: calc(100% - 40px);
  }
}
.card-list .photo img {
  width: 100%;
}

.table {
  color: strong;
  color-color: #6e6e6e;
}
.table th,
.table td {
  border-color: #dbdbdb;
  padding: 0.9375rem 0.625rem;
}
[data-theme-version="dark"] .table th,
[data-theme-version="dark"] .table td {
  border-color: #333754;
  color: #fff;
}
.table thead th {
  border-bottom: 0.0625rem solid #eeeeee;
  text-transform: capitalize;
  font-size: 1.125rem;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: 0.0313rem;
  border-color: #dbdbdb !important;
}
[data-theme-version="dark"] .table thead th {
  border-color: #333754 !important;
}
.table tbody tr td {
  vertical-align: middle;
  border-color: #dbdbdb;
  white-space: nowrap;
}
[data-theme-version="dark"] .table tbody tr td {
  /*   border-color: $d-border; */
}
.table:not(.table-bordered) thead th {
  border-top: none;
}

table#example {
  padding: 0rem 0 2rem 0;
}

table.dataTable {
  font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 0.125rem solid #eeeeee;
  border-top: 0;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 0;
}

table.dataTable tbody tr,
table.dataTable tbody td {
  background: transparent !important;
}

table.dataTable thead th {
  color: #374557;
  white-space: nowrap;
  font-size: 1.125rem;
  text-transform: capitalize;
  font-weight: 600;
  padding: 1.25rem 0.9375rem;
}
[data-theme-version="dark"] table.dataTable thead th {
  color: #fff;
}
@media only screen and (max-width: 87.5rem) {
  table.dataTable thead th {
    font-size: 1rem;
  }
}

table.dataTable tbody td {
  padding: 1.25rem 0.9375rem;
  font-size: 1rem;
  font-weight: 400;
  border-bottom: 0;
}
@media only screen and (max-width: 35.9375rem) {
  table.dataTable tbody td {
    padding: 0.5rem 0.3125rem;
  }
}
@media only screen and (max-width: 87.5rem) {
  table.dataTable tbody td {
    font-size: 0.875rem;
    padding: 0.5rem 0.9375rem;
  }
}

table.dataTable tr.selected {
  color: var(--primary);
}

table.dataTable tfoot th {
  color: #6e6e6e;
  font-weight: 600;
}
[data-theme-version="dark"] table.dataTable tfoot th {
  color: #fff;
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button{
	border-radius: 12px;
    padding: 12px 20px;
	background:$primary-light;
	color:$primary;
	&:focus,
	&:active,
	&:hover{
		color: $white !important;
		background: $primary;
		border: 0 !important;
		box-shadow: none;
	}
	&.current{
		color: $white !important;
		background: $primary;
		border: 0 !important;
	}
	&.current:hover,
	&.previous:hover,
	&.next:hover{
		background: $primary;
		color: $white !important;
	}
} */

.dataTables_wrapper .dataTables_paginate {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-size: 1.125rem;
  height: 50px;
  width: 50px;
  background: transparent;
  border-radius: 0.625rem;
  padding: 0 0.45rem;
  line-height: 3.125rem;
  margin: 0 0.625rem;
  display: inline-block;
  color: var(--primary) !important;
}
.dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous.current:hover,
.dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover {
  color: #fff !important;
  background: var(--primary) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
  color: var(--primary) !important;
}
@media only screen and (max-width: 35.9375rem) {
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    height: 2.125rem;
    width: fit-content;
    line-height: 2.125rem;
    padding: 0 0.45rem;
  }
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
  height: 51px;
  width: 51px;
  padding: 0;
  margin-left: 0rem;
  margin: 0 0.125rem;
  line-height: 3.125rem;
  text-align: center;
  font-size: 1.125rem;
  border-radius: 0.625rem;
  border: 0 !important;
  color: var(--primary) !important;
  background: var(--rgba-primary-1) !important;
}
@media only screen and (max-width: 35.9375rem) {
  .dataTables_wrapper .dataTables_paginate span .paginate_button {
    height: 2.125rem;
    width: 2.125rem;
    line-height: 2.325rem;
  }
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
  color: var(--primary) !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover:hover {
  color: #fff !important;
  background: var(--primary) !important;
}

.dataTables_wrapper input[type="search"],
.dataTables_wrapper input[type="text"],
.dataTables_wrapper select {
  border: 0.0625rem solid #e2e2e2;
  padding: 0.3rem 0.5rem;
  color: #715d5d;
  border-radius: 0.3125rem;
}
[data-theme-version="dark"] .dataTables_wrapper input[type="search"],
[data-theme-version="dark"] .dataTables_wrapper input[type="text"],
[data-theme-version="dark"] .dataTables_wrapper select {
  background: #20203c;
  border-color: #333754;
  color: #fff;
}

.dataTables_wrapper .dataTables_length {
  margin-bottom: 0.9375rem;
}
.dataTables_wrapper .dataTables_length .bootstrap-select {
  width: 5rem;
  margin: 0 0.3125rem;
}

table.dataTable.no-footer {
  border-bottom: 0;
}

.dataTables_scroll {
  padding: 1rem 0;
}
.dataTables_scrollFoot {
  padding-top: 1rem;
}

@media (max-width: 991.98px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    text-align: left;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #777777 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #777777;
  border-radius: 1rem;
  padding: 0.125rem 0;
  margin-bottom: 1.25rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #777777 !important;
}

table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-color: #eeeeee;
}

[data-theme-version="dark"] table.dataTable.display tbody th,
[data-theme-version="dark"] table.dataTable.display tbody td {
  border-color: #333754;
}

.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle {
  font-size: 0.813rem !important;
  padding: 0.625rem 1rem;
}

.error-page .error-text {
  font-size: 9.375rem;
  line-height: 1;
}
@media only screen and (max-width: 35.9375rem) {
  .error-page .error-text {
    font-size: 5rem;
  }
}

.error-page h4,
.error-page .h4 {
  font-size: 2.5rem;
  margin-bottom: 0.3125rem;
}
@media only screen and (max-width: 35.9375rem) {
  .error-page h4,
  .error-page .h4 {
    font-size: 1.25rem;
  }
}

.error-page p {
  font-size: 1rem;
}
@media only screen and (max-width: 35.9375rem) {
  .error-page p {
    font-size: 0.875rem;
  }
}

.authincation {
  background: var(--rgba-primary-1);
  display: flex;
  min-height: 100vh;
}

.heart-blast {
  background-position: -105rem 0 !important;
  transition: background 1s steps(28);
}

.heart {
  width: 3.75rem;
  height: 3.75rem;
  display: inline-block;
  background: url("../images/like.png");
  cursor: pointer;
  margin: -1.5625rem -0.9375rem;
}

.plus-box {
  background: var(--rgba-primary-1);
  font-size: 0.875rem;
  padding: 2rem 2rem;
  overflow: hidden;
  margin: 0 1.5rem;
  border-radius: 1rem;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  position: relative;
}
.plus-box:before {
  position: absolute;
  content: "";
  top: 1.2rem;
  left: 1rem;
  background-image: url(../images/vector.png);
  background-repeat: no-repeat;
  height: 3rem;
  width: 3rem;
}
.plus-box h5,
.plus-box .h5 {
  font-size: 1.125rem;
  font-weight: 700;
}
@media only screen and (max-width: 74.9375rem) {
  .plus-box h5,
  .plus-box .h5 {
    font-size: 1rem;
  }
}
.plus-box p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #a098ae;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 87.5rem) {
  .plus-box {
    margin: 1.25rem 1.25rem;
  }
}
@media only screen and (max-width: 74.9375rem) {
  .plus-box img {
    width: 38px;
  }
}

.dlab-join-card {
  position: relative;
  background-image: linear-gradient(
    to right,
    var(--secondary) 0,
    var(--secondary-dark) 30%,
    var(--secondary) 100%
  );
  margin-top: 1rem;
  z-index: 1;
  box-shadow: 0 0 1.875rem var(--rgba-secondary-1);
}
@media only screen and (max-width: 106.25rem) {
  .dlab-join-card {
    margin-top: 0;
  }
}
.dlab-join-card .dlab-media {
  padding: 0.75rem 0;
}
.dlab-join-card .dlab-media .dlab-content {
  width: 60%;
}
.dlab-join-card .dlab-media .dlab-content h4,
.dlab-join-card .dlab-media .dlab-content .h4 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
}
.dlab-join-card .dlab-media .dlab-content p {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 35.9375rem) {
  .dlab-join-card .dlab-media .dlab-content {
    width: 100%;
    padding-right: 9rem;
  }
  .dlab-join-card .dlab-media .dlab-content h4,
  .dlab-join-card .dlab-media .dlab-content .h4 {
    font-size: 0.85rem;
  }
  .dlab-join-card .dlab-media .dlab-content p {
    font-size: 0.75rem;
    line-height: 1.5;
    margin-bottom: 0;
  }
}
.dlab-join-card .dlab-media .dlab-img {
  width: 39%;
  position: absolute;
  right: 2rem;
  bottom: 0;
  text-align: center;
}
.dlab-join-card .dlab-media .dlab-img img {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 97%;
}
@media only screen and (max-width: 74.9375rem) {
  .dlab-join-card .dlab-media .dlab-img img {
    width: 82%;
  }
}
@media only screen and (max-width: 35.9375rem) {
  .dlab-join-card .dlab-media .dlab-img {
    width: 9rem;
    z-index: 1;
    right: 0;
  }
  .dlab-join-card .dlab-media .dlab-img img {
    width: 100%;
  }
}
.dlab-join-card .dlab-media .dlab-icon .cal-img {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  right: 0.8125rem;
  transform: translateY(2.3125rem);
}
.dlab-join-card .dlab-media .dlab-icon .book-img {
  position: absolute;
  top: 0;
  right: 47%;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dlab-join-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../images/vector/ellipse.png);
  height: 100%;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: left bottom;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dlab-join-card:hover .dlab-media .dlab-icon img {
  transform: scale(1.3);
}
.dlab-join-card:hover .dlab-media .dlab-img img {
  filter: grayscale(1);
}
@media only screen and (max-width: 100rem) {
  .dlab-join-card.h-auto {
    height: 91% !important;
  }
}

.dlab-cource {
  position: relative;
  padding: 1.125rem 0.8125rem;
  border-radius: 0.625rem;
  background: #21262e;
  margin-bottom: 1.875rem;
  height: calc(100% - 1.875rem);
  display: flex;
  overflow: hidden;
  align-items: center;
}
@media only screen and (max-width: 35.9375rem) {
  .dlab-cource {
    margin-bottom: 0.938rem;
    height: auto;
  }
}
.dlab-cource img {
  position: absolute;
  top: 0.9375rem;
  right: 0;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.dlab-cource .bookmarks {
  opacity: 1;
  top: 0.5rem;
  transform: scale(1);
}
.dlab-cource .bulb {
  top: 0.4375rem;
}
.dlab-cource h4,
.dlab-cource .h4 {
  font-size: 1.75rem;
  color: white;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}
.dlab-cource span {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
}
.dlab-cource .course-icon {
  height: 3.4375rem;
  width: 3.4375rem;
  background: white;
  border-radius: 0.625rem;
  text-align: center;
  line-height: 3.4375rem;
  display: block;
}
@media only screen and (max-width: 106.25rem) {
  .dlab-cource .course-icon {
    height: 3.125rem;
    width: 3.125rem;
    line-height: 3.125rem;
  }
}
.dlab-cource:hover img {
  transform: scale(1.3);
}

.redial-content {
  text-align: center;
  margin-top: 15px;
}

.card-calendar {
  background: var(--primary);
  border-radius: inherit;
}
.card-calendar .bootstrap-datetimepicker-widget {
  width: 100%;
}
.card-calendar .bootstrap-datetimepicker-widget table .picker-switch {
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  padding: 0;
  pointer-events: none;
}
.card-calendar .bootstrap-datetimepicker-widget table .picker-switch:hover {
  background: transparent;
  color: #fff !important;
}
.card-calendar .bootstrap-datetimepicker-widget table .month {
  color: #fff;
}
.card-calendar .bootstrap-datetimepicker-widget table .month.active {
  background: black;
}
.card-calendar .bootstrap-datetimepicker-widget .picker-switch td {
  display: none;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .dow {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  padding-top: 1.25rem;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .prev {
  position: absolute;
  left: 20%;
  top: 4%;
  color: #fff;
  height: 2.8125rem;
  width: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .prev:hover {
  background: white;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .prev:hover i {
  color: var(--primary);
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .next {
  position: absolute;
  right: 20%;
  top: 4%;
  color: #fff;
  height: 2.8125rem;
  width: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .next:hover {
  background: white;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed .next:hover i {
  color: var(--primary);
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.day,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.month,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.year {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff !important;
  height: 2.8125rem;
  width: 2.8125rem;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.day.today,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.month.today,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.year.today {
  background: #fff !important;
  color: black !important;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.day.active,
.card-calendar
  .bootstrap-datetimepicker-widget
  .table-condensed
  td.month.active,
.card-calendar
  .bootstrap-datetimepicker-widget
  .table-condensed
  td.year.active {
  background: #fff !important;
  color: var(--primary) !important;
}
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.day:hover,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.month:hover,
.card-calendar .bootstrap-datetimepicker-widget .table-condensed td.year:hover {
  color: var(--primary) !important;
}

#main-wrapper .ellipse .green-line {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.6;
}

#main-wrapper .ellipse .red-line {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.3;
}

#main-wrapper:after {
  background: var(--primary);
  right: -5rem;
  bottom: -5rem;
}

#main-wrapper:before {
  background: var(--secondary);
  top: -8.375rem;
  right: 35%;
}

#main-wrapper:after,
#main-wrapper:before {
  content: "";
  position: fixed;
  filter: blur(12.5rem);
  width: 17.125rem;
  height: 17.125rem;
  border-radius: 100%;
  z-index: -3;
  opacity: 0.5;
}

@media only screen and (max-width: 100rem) {
  .bt-order {
    order: 1;
  }
}

.login-social a {
  background: var(--rgba-primary-1);
}

.sign-in-your {
  padding: 3.125rem 1.875rem;
}

.sign {
  background: var(--rgba-primary-1);
  position: relative;
}
.sign .education-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 47.9375rem) {
  .sign .education-img {
    position: unset;
  }
}

.nice-select .list {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0rem 0.4375rem 1.8125rem 0rem;
}

.nice-select .option {
  color: #737b8b;
}
.nice-select .option.selected {
  color: #000;
  font-weight: 400;
}

/* course details */

/* Course-details 2 */

/* Instructors Page */

.file {
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  line-height: 2.4rem;
  text-align: center;
  background: #f0f0f0;
  display: block;
  border-radius: 0.625rem;
}
.file svg {
  height: 1.5rem;
  width: 1.5rem;
}

@media only screen and (max-width: 74.9375rem) {
  .chat-left-area {
    width: 22rem;
  }
}

@media only screen and (max-width: 61.9375rem) {
  .chat-left-area {
    width: 21rem;
  }
}

@media only screen and (max-width: 47.9375rem) {
  .chat-left-area {
    width: 22rem;
    position: absolute;
    left: -21rem;
    z-index: 1;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .chat-left-area.active {
    left: -1.5rem;
  }
}

.chat-right-area .chat-rightarea-btn {
  display: none;
}

@media only screen and (max-width: 87.5rem) {
  .chat-right-area {
    width: 23rem;
    position: absolute;
    right: -16.5rem;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .chat-right-area.active {
    right: 4.2rem;
  }
  .chat-right-area .chat-rightarea-btn {
    position: absolute;
    top: 7rem;
    left: -1.1rem;
    width: 2.2rem;
    height: 3rem;
    background: var(--primary);
    display: inline-flex;
    color: #fff;
    font-size: 1.2rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem 0 0 0.5rem;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .chat-right-area .chat-rightarea-btn.active i {
    transform: rotateY(180deg);
  }
}

@media only screen and (max-width: 47.9375rem) {
  .chat-right-area {
    right: -22rem;
  }
  .chat-right-area.active {
    right: -1.5rem;
  }
}

/*
===================================
    Product detail
===================================*/

/*--------tab----------*/

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/*
===================================
    list view
===================================*/

.rtl {
  text-align: right;
  direction: rtl;
}
.rtl .nav {
  padding-right: 0;
}
.rtl .navbar-nav .nav-item {
  float: right;
}
.rtl .navbar-nav .nav-item + .nav-item {
  margin-right: 1rem;
  margin-left: inherit;
}
.rtl th {
  text-align: right;
}
.rtl .dropdown-menu {
  right: 0;
  text-align: right;
}
.rtl .checkbox label {
  padding-right: 1.25rem;
  padding-left: inherit;
}
.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 0.75rem 0.75rem 0;
}
.rtl .btn-group > .btn:last-child:not(:first-child),
.rtl .btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: 0.75rem 0 0 0.75rem;
}
.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0.75rem 0 0 0.75rem;
}

.rtl .input-group > .form-control:not(:first-child) {
  border-radius: 0.75rem 0 0 0.75rem;
}

.rtl .input-group > .form-control:not(:last-child) {
  border-radius: 0 0.75rem 0.75rem 0;
}

.rtl .input-group > .form-control:not(:last-child):not(:first-child) {
  border-radius: 0;
}
.rtl .custom-file-label::after {
  right: initial;
  left: -1px;
  border-radius: 0.25rem 0 0 0.25rem;
}
.rtl .radio input,
.rtl .checkbox input {
  margin-right: -1.25rem;
  margin-left: inherit;
}
.rtl .list-group {
  padding-right: 0;
  padding-left: 40px;
}
.rtl .close {
  float: left;
}
.rtl .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0;
}
.rtl .form-check-input {
  margin-right: -1.25rem;
  margin-left: inherit;
}
.rtl .form-check-label {
  padding-right: 1.25rem;
  padding-left: inherit;
}
.rtl .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-right: 0 !important;
  padding-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
}
.rtl .text-right {
  text-align: left !important;
}
.rtl .text-left {
  text-align: right !important;
}

.rtl .px-2 {
  padding-right: auto;
  padding-left: 0.5rem !important;
}

.rtl .px-2 {
  padding-left: auto;
  padding-right: 0.5rem !important;
}

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

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

[direction="rtl"][data-theme-version="dark"] .border,
[direction="rtl"][data-theme-version="dark"] .border-left,
[direction="rtl"][data-theme-version="dark"] .border-right {
  border-color: #333754 !important;
}

[direction="rtl"] .text-right {
  text-align: left !important;
}

[direction="rtl"] .text-left {
  text-align: right !important;
}

[direction="rtl"] .border-right {
  border-left: 0.0625rem solid #dbdbdb !important;
  border-right: 0 !important;
}

[direction="rtl"] .border-left {
  border-right: 0.0625rem solid #dbdbdb !important;
  border-left: 0 !important;
}

[direction="rtl"] .dropdown-menu {
  left: auto;
}

[direction="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .dropdown-menu-right {
    left: 0.9375rem;
  }
}

[direction="rtl"]:not([data-container="boxed"]) .nav-header {
  left: auto;
  right: 0;
}

[direction="rtl"][data-container="wide-boxed"] .nav-header {
  left: auto;
  right: auto;
}

[direction="rtl"] .nav-header {
  text-align: right;
  right: auto;
}
[direction="rtl"] .nav-header .brand-title {
  margin-left: 0;
  margin-right: 0.9375rem;
}
[direction="rtl"] .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 1.75rem;
}
[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-sidebar-style="compact"][direction="rtl"]
  .nav-header
  .brand-logo[data-layout="horizontal"] {
  padding-right: 1.875rem;
}
[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}
[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"]
  .nav-header
  .brand-logo {
  padding-right: 1.875rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .nav-header .brand-logo {
    padding-right: 0;
  }
}

[direction="rtl"] .nav-control {
  right: auto;
  left: -4.0625rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .nav-control {
    left: -4.0625rem;
  }
}
@media (max-width: 575.98px) {
  [direction="rtl"] .nav-control {
    left: -2.0625rem;
  }
}

[direction="rtl"][data-sidebar-style="overlay"]
  .nav-header
  .hamburger.is-active {
  right: 0;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]
  .nav-header
  .brand-logo {
  padding-right: 2.5rem;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]
  .nav-header {
  width: 16rem;
}

[direction="rtl"] .header {
  padding: 0;
  padding-right: 21.563rem;
}
@media (max-width: 767.98px) {
  [direction="rtl"] .header {
    padding-right: 5rem;
    padding-left: 0;
  }
}
[direction="rtl"] .header .header-content {
  padding-left: 1.875rem;
  padding-right: 5.3125rem;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .header .header-content {
    padding-right: 3.5rem;
    padding-left: 0.938rem;
  }
}
[data-sidebar-style="compact"][direction="rtl"] .header .header-content {
  padding-right: 1.875rem;
}
[data-sidebar-style="modern"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}
[data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}
@media only screen and (max-width: 35.9375rem) {
  [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
    padding-right: 0.5rem;
  }
}
[direction="rtl"] .header .nav-control {
  right: 0.4375rem;
  left: auto;
}

[direction="rtl"] .header-right > li:not(:first-child) {
  padding-left: 0;
  padding-right: 1.25rem;
  margin-right: 0 !important;
}
@media only screen and (max-width: 47.9375rem) {
  [direction="rtl"] .header-right > li:not(:first-child) {
    padding-right: 0.5rem;
  }
}

[direction="rtl"] .header-right .header-profile > a.nav-link {
  margin-left: auto;
  padding-left: auto;
  margin-right: 0.9375rem;
  padding-right: 1.875rem;
  border-right: 0.0625rem solid #eeeeee;
  border-left: 0;
}
@media only screen and (max-width: 87.5rem) {
  [direction="rtl"] .header-right .header-profile > a.nav-link {
    margin-right: 0.625rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .header-right .header-profile > a.nav-link {
    margin-right: 0rem;
    padding-right: 0rem;
    border-right: 0;
  }
}

[direction="rtl"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem;
}
[direction="rtl"][data-layout="horizontal"] .header .header-content {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"]
  .nav-header
  .brand-logo {
  padding-right: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {
  padding-right: 7.75rem;
}

[direction="rtl"][data-sidebar-style="mini"] .header {
  padding-right: 6.25rem;
}

[direction="rtl"][data-sidebar-style="compact"] .header {
  padding: 0 0.9375rem;
  padding-right: 11.25rem;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]
  .header {
  padding: 0;
  padding-right: 21.563rem;
}

[direction="rtl"][data-sidebar-style="modern"] .header {
  padding: 0 0.9375rem;
  padding-right: 10.625rem;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]
  .header {
  padding: 0;
  padding-right: 16rem;
}

[direction="rtl"] {
  text-align: right;
}
[direction="rtl"] .dlabnav {
  text-align: right;
}
[direction="rtl"] .dlabnav .metismenu ul:after {
  left: auto;
  right: 1.5625rem;
}
[direction="rtl"] .dlabnav .metismenu ul a:before {
  left: auto;
  right: 2.625rem;
}
[data-sidebar-style="full"][direction="rtl"] .dlabnav .metismenu li > a i {
  padding: 0 0 0 0;
  margin-right: 0;
  margin-left: 0.625rem;
}
[direction="rtl"] .dlabnav .metismenu li > a svg {
  margin-left: 0.3125rem;
  margin-right: 0;
}
[data-sidebar-style="compact"][direction="rtl"] .dlabnav .metismenu li > a svg {
  left: auto;
  margin-left: auto;
  margin-right: auto;
}
[data-sidebar-style="icon-hover"][direction="rtl"]
  .dlabnav
  .metismenu
  li
  > a
  svg {
  margin-left: 0;
}
[direction="rtl"] .dlabnav .metismenu li ul a {
  padding-right: 6rem;
  padding-left: 0.625rem;
}
[direction="rtl"] .dlabnav .metismenu li.active > .has-arrow:after {
  transform: rotate(45deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow:after {
  left: 1.5625rem;
  right: auto;
}
[data-layout="horizontal"][direction="rtl"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  left: 1.125rem;
}
[data-sidebar-style="modern"][direction="rtl"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  .has-arrow:after {
  left: 1.5rem;
  right: auto;
}
[direction="rtl"][data-sidebar-style="mini"] .dlabnav .metismenu > li > a > i {
  padding: 0;
}
[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]
  .dlabnav
  .metismenu
  > li
  > ul
  a.has-arrow:after {
  left: 1.5625rem;
  right: auto;
}
[direction="rtl"][data-sidebar-style="compact"] .dlabnav .metismenu li > a i {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
[direction="rtl"][data-sidebar-style="compact"] .dlabnav .metismenu li ul a {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .menu-toggle
  .dlabnav
  .metismenu
  li
  > ul
  li:hover
  ul {
  right: 11.8125rem;
  left: 0;
}

[direction="rtl"] {
  /* ===== Light gallery ===== */
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:first-child)
  .dropdown-toggle {
  border-radius: 0.75rem 0 0 0.75rem;
}
[direction="rtl"] .list-group {
  padding-left: 0;
}
[direction="rtl"] .form-check-input {
  margin-left: -1.25rem;
  margin-right: inherit;
}
[direction="rtl"] .radio input,
[direction="rtl"] .checkbox input {
  margin-left: 0;
  margin-right: 0;
}
[direction="rtl"] .content-body {
  margin-right: 21.563rem;
  margin-left: auto;
}
[data-sidebar-style="modern"][direction="rtl"] .content-body {
  margin-right: 9.375rem;
}
[direction="rtl"] .apexcharts-legend-text {
  margin: 4px;
}
[direction="rtl"] .bar-chart .apexcharts-yaxis {
  transform: translatex(101%);
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:first-child)
  .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
[direction="rtl"]
  .input-group
  > .bootstrap-select:not(:last-child)
  .dropdown-toggle {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[direction="rtl"] .chatbox .chatbox-close {
  left: 340px;
  right: auto;
}
@media only screen and (max-width: 35.9375rem) {
  [direction="rtl"] .chatbox .chatbox-close {
    left: 280px;
  }
}
[direction="rtl"] .separator {
  margin-right: 0;
  margin-left: 9px;
}
[direction="rtl"] .card-tabs .nav-tabs {
  padding-right: 5px;
}
[direction="rtl"] .dlab-demo-panel {
  right: auto;
  left: -380px;
}
[direction="rtl"] .dlab-demo-panel.show {
  right: unset;
  left: 0;
}
[direction="rtl"] .dlab-demo-panel .dlab-demo-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}
[direction="rtl"][data-layout="horizontal"] .content-body {
  margin-right: 0;
}
[direction="rtl"][data-layout="horizontal"]
  .dlabnav
  .metismenu
  li
  li
  .has-arrow:after {
  -webkit-transform: rotate(-4deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])
  .content-body {
  margin-right: 6.25rem;
}
[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])
  .content-body {
  margin-right: 11.25rem;
}
[direction="rtl"][data-sidebar-style="overlay"] .content-body {
  margin-right: 0;
}
[direction="rtl"] #external-events .external-event:before {
  margin-right: 0;
  margin-left: 0.9rem;
}
[direction="rtl"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}
[direction="rtl"] .dlabnav .metismenu .has-arrow[aria-expanded="true"]:after,
[direction="rtl"] .dlabnav .metismenu .mm-active > .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg);
}
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  .has-arrow[aria-expanded="true"]:after,
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]
  .dlabnav
  .metismenu
  .mm-active
  > .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg);
}
[direction="rtl"] .chatbox {
  left: -500px;
  right: auto;
}
[direction="rtl"] .chatbox.active {
  left: 0;
  right: auto;
}
[direction="rtl"] .custom-file-label::after {
  border-radius: 0.75rem 0 0 0.75rem;
}

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  [direction="rtl"] .content-body {
    margin-right: 17rem;
  }
}

[direction="rtl"] .sidebar-right {
  right: auto;
  left: -50rem;
}
[direction="rtl"] .sidebar-right.show {
  left: 5.25rem;
  right: unset;
}
[direction="rtl"] .sidebar-right .sidebar-right-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}
[direction="rtl"] .sidebar-right .sidebar-close-trigger {
  right: auto;
  left: -48px;
}

[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}

html[dir="rtl"] [direction="rtl"] .footer {
  padding-right: 17.1875rem;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  html[dir="rtl"] [direction="rtl"] .footer {
    padding-right: 0;
  }
}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {
  padding-right: 0;
}

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {
  padding-right: 0;
}

html[dir="rtl"]
  [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])
  .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"]
  [direction="rtl"][data-sidebar-style="compact"]:not(
    [data-layout="horizontal"]
  )
  .footer {
  padding-right: 9.375rem;
}

:root {
  --primary: #ff6a59;
  --secondary: #4cbc9a;
  --secondary-dark: #3a9b7e;
  --primary-hover: #ff3c26;
  --primary-dark: #bf1400;
  --rgba-primary-1: rgba(255, 106, 89, 0.1);
  --rgba-primary-2: rgba(255, 106, 89, 0.2);
  --rgba-primary-3: rgba(255, 106, 89, 0.3);
  --rgba-primary-4: rgba(255, 106, 89, 0.4);
  --rgba-primary-5: rgba(255, 106, 89, 0.5);
  --rgba-primary-6: rgba(255, 106, 89, 0.6);
  --rgba-primary-7: rgba(255, 106, 89, 0.7);
  --rgba-primary-8: rgba(255, 106, 89, 0.8);
  --rgba-primary-9: rgba(255, 106, 89, 0.9);
  --rgba-secondary-1: rgba(76, 188, 154, 0.1);
  --rgba-secondary-2: rgba(76, 188, 154, 0.2);
  --rgba-secondary-3: rgba(76, 188, 154, 0.3);
  --rgba-secondary-4: rgba(76, 188, 154, 0.4);
  --rgba-secondary-5: rgba(76, 188, 154, 0.5);
  --rgba-secondary-6: rgba(76, 188, 154, 0.6);
  --rgba-secondary-7: rgba(76, 188, 154, 0.7);
  --rgba-secondary-8: rgba(76, 188, 154, 0.8);
  --rgba-secondary-9: rgba(76, 188, 154, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #374557;
}

[data-theme-version="dark"] {
  background: #20203c;
  color: #828690;
  --nav-headbg: #292d4a;
  --sidebar-bg: #292d4a;
  --headerbg: #292d4a;
}
[data-theme-version="dark"] h1,
[data-theme-version="dark"] .h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] .h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] .h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] .h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] .h5,
[data-theme-version="dark"] h6,
[data-theme-version="dark"] .h6 {
  color: #fff !important;
}
[data-theme-version="dark"] a.link {
  color: #ddd;
}
[data-theme-version="dark"] a.link:focus,
[data-theme-version="dark"] a.link:hover {
  color: #58bad7;
}
[data-theme-version="dark"] a:hover {
  color: #fff;
}
[data-theme-version="dark"] .border-right {
  border-right: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-left {
  border-left: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-top {
  border-top: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border-bottom {
  border-bottom: 0.0625rem solid #333754 !important;
}
[data-theme-version="dark"] .border {
  border: 0.0625rem solid #333754 !important;
}

[data-theme-version="dark"] .card {
  background-color: #292d4a;
  box-shadow: none;
}

[data-theme-version="dark"] .dropdown-menu {
  background-color: #292d4a;
  box-shadow: 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.1);
}
[data-theme-version="dark"] .dropdown-menu .dropdown-item {
  color: #777777;
}
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: #292d4a;
  color: #fff;
}

[data-theme-version="dark"] a {
  color: #fff !important;
}

[data-theme-version="dark"] .btn-light:active,
[data-theme-version="dark"] .btn-light:focus,
[data-theme-version="dark"] .btn-light:hover {
  color: #000;
}

[data-theme-version="dark"] .form-control {
  background-color: #2e2e40;
  border-color: #333754;
  color: #fff;
}

[data-theme-version="dark"] .modal-content {
  background: #292d4a;
}

[data-theme-version="dark"] .close {
  font-weight: 400;
  color: #fff;
  text-shadow: none;
}
[data-theme-version="dark"] .close:hover {
  color: #fff;
}

[data-theme-version="dark"] .dropdown-divider {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-tabs {
  border-color: #333754 !important;
}

[data-theme-version="dark"] hr {
  border-color: #333754;
}

[data-theme-version="dark"] .list-group-item.active {
  color: #fff;
  border-color: var(--primary);
}
[data-theme-version="dark"] .list-group-item.active:focus,
[data-theme-version="dark"] .list-group-item.active:hover,
[data-theme-version="dark"] .list-group-item.active:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

[data-theme-version="dark"] .text-black {
  color: #fff !important;
}

[data-theme-version="dark"] .menu-toggle .dlabnav .metismenu li > ul {
  background: #292d4a !important;
}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,
[data-theme-version="dark"] .nav-tabs .nav-link.active {
  border-color: var(--primary);
  background: transparent;
  color: white !important;
}

[data-theme-version="dark"] .picker {
  color: #999;
}

[data-theme-version="dark"] .card-list li {
  color: #fff;
}

[data-theme-version="dark"] .bar-chart .apexcharts-text tspan {
  fill: #969ba0;
}

[data-theme-version="dark"] .bar-chart line {
  stroke: #333754;
}

[data-theme-version="dark"] table.dataTable thead th,
[data-theme-version="dark"] table.dataTable thead td {
  border-color: #333754 !important;
}

[data-theme-version="dark"] .form-check .form-check-input {
  background: transparent;
}
[data-theme-version="dark"] .form-check .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

[data-theme-version="dark"] .dataTables_info {
  color: #fff;
}

[data-theme-version="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  span
  .paginate_button.current,
[data-theme-version="dark"]
  .dataTables_wrapper
  .dataTables_paginate
  span
  .paginate_button:hover {
  background: var(--primary);
  color: #fff !important;
}

[data-theme-version="dark"] .description {
  color: #fff;
}

[data-theme-version="dark"] .nice-select .option {
  background: #292d4a;
}

[data-theme-version="dark"] .nice-select .option:hover,
[data-theme-version="dark"] .nice-select .option.focus,
[data-theme-version="dark"] .nice-select .option.selected.focus {
  background: #292d4a;
}

[data-theme-version="dark"] .nice-select .list {
  background: #20203c;
}

[data-theme-version="dark"] .bar-chart .apexcharts-legend-text {
  color: #fff !important;
}

[data-theme-version="dark"] .brand-title path {
  fill: #fff;
}

[data-theme-version="dark"] .brand-title tspan {
  fill: #fff;
}

[data-theme-version="dark"] .chartBar line {
  stroke: #333754;
}

[data-theme-version="dark"] .chartjs line {
  stroke: #333754;
}

[data-theme-version="dark"] .application tr td .btn {
  color: #fff;
}

[data-theme-version="dark"] .apexcharts-gridlines-vertical line {
  stroke: #333754;
}

[data-theme-version="dark"] .apexcharts-text tspan {
  fill: #fff;
}

[data-theme-version="dark"] #activity line {
  stroke: #333754;
}

[data-theme-version="dark"] table {
  border-color: #333754;
}

[data-theme-version="dark"] .header .header-content:after {
  background: #333754;
}

[data-theme-version="dark"] .sidebar-right .nice-select .option.selected {
  color: #000;
}

[data-theme-version="dark"] #redial .apexcharts-datalabels-group text {
  fill: #fff;
}

[data-theme-version="dark"] .nice-select .option.selected {
  color: #fff;
}

[data-theme-version="dark"] .dlab-cource {
  background-color: #292d4a;
}
[data-theme-version="dark"] .dlab-cource .form-control {
  background-color: transparent;
}

[data-theme-version="dark"] #redial .apexcharts-radialbar-hollow {
  fill: #292d4a;
}

[data-theme-version="dark"] .bootstrap-datetimepicker-widget table td.day:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.hour:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.minute:hover,
[data-theme-version="dark"]
  .bootstrap-datetimepicker-widget
  table
  td.second:hover {
  background: #20203c;
}

[data-theme-version="dark"] .file {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-theme-version="dark"] .file svg path {
  fill: #fff;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"]
  .header {
  border-color: #333754;
}

[data-theme-version="dark"] .header {
  border-color: #333754;
}

[data-theme-version="dark"] .header-left .dashboard_bar {
  color: #fff;
}

[data-theme-version="dark"] .header-right .dropdown .nav-link {
  color: #fff;
}
[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {
  color: #fff;
}

[data-theme-version="dark"] .nav-header .hamburger .line {
  background: #fff !important;
}

[data-theme-version="dark"]
  .menu-toggle
  .nav-header
  .nav-control
  .hamburger
  .line {
  background-color: #fff !important;
}

[data-theme-version="dark"] .nav-header {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}
[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"] .nav-header {
  border-color: #333754;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}
[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"][data-sidebar-style="mini"]
  .dlabnav
  .metismenu
  li
  > ul {
  background-color: #292d4a;
}

[data-theme-version="dark"] .fixed-content-box {
  background-color: #292d4a;
}
[data-theme-version="dark"] .fixed-content-box + .header + .dlabnav {
  background-color: #20203c;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"]
  .dlabnav {
  border-color: #333754;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a {
  background: transparent;
}
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li.mm-active
  > a
  i,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li:hover
  > a
  i {
  color: var(--primary);
  background: var(--rgba-primary-1);
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]
  .dlabnav
  .metismenu
  > li
  a
  > i {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme-version="dark"] .dlabnav .header-profile > a.nav-link {
  border-color: #333754;
}

[data-theme-version="dark"] .dlabnav .metismenu > li > a {
  color: #b3b3b3;
}

[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a {
  color: #fff !important;
  /* background:var(--rgba-primary-1); */
}
[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a::after,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a::after,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a::after {
  border-top: 0.3125rem solid #fff;
  border-left: 0.3125rem solid #fff;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
}
[data-theme-version="dark"] .dlabnav .metismenu > li:hover > a i,
[data-theme-version="dark"] .dlabnav .metismenu > li:focus > a i,
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a i {
  color: #fff;
}

[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active ul ul {
  background-color: transparent;
}

[data-theme-version="dark"] .dlabnav .metismenu ul:after {
  background-color: #333754;
}

[data-theme-version="dark"] .dlabnav .metismenu ul a:hover,
[data-theme-version="dark"] .dlabnav .metismenu ul a:focus,
[data-theme-version="dark"] .dlabnav .metismenu ul a.mm-active {
  color: #fff !important;
}

[data-theme-version="dark"] .dlabnav .metismenu ul a:before {
  background-color: #fff;
}

[data-theme-version="dark"] .dlabnav .metismenu a {
  color: #b3b3b3 !important;
}

[data-theme-version="dark"] .dlabnav .metismenu .has-arrow:after {
  border-top: 0.3125rem solid #b3b3b3;
  border-left: 0.3125rem solid #b3b3b3;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
}

[data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs {
  border-color: var(--rgba-primary-1) !important;
}
[data-theme-version="dark"]
  .sidebar-right
  .card-tabs
  .nav-tabs
  .nav-item
  .nav-link {
  color: #000 !important;
}

[data-theme-version="dark"] .sidebar-right .form-control {
  background: #fff;
  color: #000;
  border-color: #eeeeee;
}

[data-theme-version="dark"] .sidebar-right .default-select .list {
  background: #fff;
}
[data-theme-version="dark"]
  .sidebar-right
  .default-select
  .list
  .option.selected,
[data-theme-version="dark"] .sidebar-right .default-select .list .option.focus,
[data-theme-version="dark"] .sidebar-right .default-select .list .option:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > h4,
[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > .h4 {
  color: #000 !important;
}

[data-theme-version="dark"] .sidebar-right .nice-select .option {
  background: #fff;
}

[data-theme-version="dark"] .footer {
  background-color: transparent;
}
[data-theme-version="dark"] .footer .copyright {
  background-color: transparent;
}
[data-theme-version="dark"] .footer .copyright p {
  color: #fff;
}

.ellipse svg {
  pointer-events: none;
}
/* Default style for larger screens */
.logo-path {
  fill: #ffff;
}

/* Media query for mobile screens */
@media screen and (max-width: 768px) {
  .logo-path {
    fill: #b7202e; /* Change to red on mobile */
  }
}