@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
:root {
  --primary: #4885ed;
  --secondary: #145650;
  --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);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #000;
  --dz-sidebar-width: 16.5rem;
  --dz-header-height: 4.5rem;
  --dz-sidebar-pos: absolute;
  --dz-header-pos: relative;
  --dz-side-nav-padding: .85rem 1.5rem;
  --dz-side-nav-margin: 0 0;
  --dz-side-nav-size: 0.9375rem;
  --dz-side-ico-size: 1.2rem;
  --dz-side-ico-height: auto;
  --dz-side-ico-width: auto;
  --dz-side-sub_nav-padding: .4rem 1rem .4rem 4rem;
  --dz-side-sub_nav-size: 0.85rem;
  --dz-head-title-size: 1.25rem;
  --dz-side-menu-direction: column;
  --dz-side-menu-padding: 0 0;
  --dz-side-profile: block;
  --dz-side-info: block;
  --dz-side-copyright: block;
  --dz-list-space-x: 1.25rem;
  --dz-list-space-y: .5rem;
  --dz-list-size: .875rem;
}

:root {
  --card: #fff;
  --text-dark: #312a2a;
  --text-gray: #737B8B;
  --text: #888888;
  --body-bg: #f5f5f5;
  --light: #f5f5f5;
  --border: #e6e6e6;
  --nav-headbg: #FFFFFF;
  --sidebar-bg: #FFFFFF;
  --headerbg: #FFFFFF;
}

* {
  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;
  color: var(--text);
  background-color: var(--body-bg);
}

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

.media-body {
  flex: 1;
}

#main-wrapper {
  opacity: 0;
  transition: all 0.25s ease-in;
  position: relative;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: #888888;
  text-decoration: none;
}

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

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

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

.fs-12 {
  font-size: 0.75rem !important;
  line-height: 1.5;
}

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

.font-w400 {
  font-weight: 400;
}

.font-w600 {
  font-weight: 600;
}

h3,
.h3,
.h3,
h5,
.h5,
.h5,
h6,
.h6,
.h6 {
  line-height: 1.5;
  color: var(--text-dark);
}

.fix-wrapper {
  min-height: 100vh;
  display: flex;
  padding: 30px 0;
  align-items: center;
}

.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 {
  box-shadow: none;
}

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

.height10 {
  height: 0.625rem;
}

.height20 {
  height: 1.25rem;
}

.height30 {
  height: 1.875rem;
}

.height40 {
  height: 2.5rem;
}

.height50 {
  height: 3.125rem;
}

.height60 {
  height: 3.75rem;
}

.height70 {
  height: 4.375rem;
}

.height80 {
  height: 5rem;
}

.height90 {
  height: 5.625rem;
}

.height100 {
  height: 6.25rem;
}

.height110 {
  height: 6.875rem;
}

.height120 {
  height: 7.5rem;
}

.height130 {
  height: 8.125rem;
}

.height140 {
  height: 8.75rem;
}

.height150 {
  height: 9.375rem;
}

.height160 {
  height: 10rem;
}

.height170 {
  height: 10.625rem;
}

.height180 {
  height: 11.25rem;
}

.height190 {
  height: 11.875rem;
}

.height200 {
  height: 12.5rem;
}

.height210 {
  height: 13.125rem;
}

.height220 {
  height: 13.75rem;
}

.height230 {
  height: 14.375rem;
}

.height240 {
  height: 15rem;
}

.height250 {
  height: 15.625rem;
}

.height260 {
  height: 16.25rem;
}

.height270 {
  height: 16.875rem;
}

.height280 {
  height: 17.5rem;
}

.height290 {
  height: 18.125rem;
}

.height300 {
  height: 18.75rem;
}

.height310 {
  height: 19.375rem;
}

.height320 {
  height: 20rem;
}

.height330 {
  height: 20.625rem;
}

.height340 {
  height: 21.25rem;
}

.height350 {
  height: 21.875rem;
}

.height360 {
  height: 22.5rem;
}

.height370 {
  height: 23.125rem;
}

.height380 {
  height: 23.75rem;
}

.height390 {
  height: 24.375rem;
}

.height400 {
  height: 25rem;
}

.height415 {
  height: 25.9375rem;
}

.height500 {
  height: 31.25rem;
}

.height550 {
  height: 34.375rem;
}

.height600 {
  height: 37.5rem;
}

.height630 {
  height: 39.375rem;
}

.height720 {
  height: 45rem;
}

.height750 {
  height: 46.875rem;
}

.height800 {
  height: 50rem;
}


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

.dlab-scroll {
  position: relative;
}

textarea.form-control {
  min-height: auto !important;
  height: auto;
}

div,
span,
ul {
  scrollbar-width: thin;
}

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

.footer {
  padding-left: var(--dz-sidebar-width);
  background-color: var(--card);
  font-size: 0.875rem;
}

.footer .copyright {
  padding: 0.9375rem;
}

.footer .copyright p {
  text-align: center;
  margin: 0;
  color: var(--text-gray);
}

.footer .copyright a {
  color: var(--primary);
}

.nav-header {
  height: var(--dz-header-height);
  width: var(--dz-sidebar-width);
  display: inline-block;
  text-align: left;
  position: absolute;
  top: 0;
  background-color: var(--nav-headbg);
  transition: all .2s ease;
  z-index: 6;
}

.nav-header .logo-half {
  display: none;
  max-width: 40px;
}

.nav-header .logo-full {
  display: block;
  max-width: 150px;
}

.nav-header .logo-abbr {
  max-width: 2.9375rem;
}

@media only screen and (max-width: 1480px) {
  .nav-header .logo-abbr {
    max-width: 2.8125rem;
  }
}

@media only screen and (max-width: 35.9375rem) {
  .nav-header .logo-abbr {
    width: 2.1875rem;
    height: 2.1875rem;
  }
}

.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: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 700;
}

@media only screen and (max-width: 1480px) {
  .nav-header .brand-logo {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@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.9375rem;
  max-width: 8.75rem;
}

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

.nav-header .rect-primary-rect {
  fill: var(--primary);
}

@media only screen and (max-width: 47.9375rem) {
  .nav-header {
    width: 5rem;
    background-color: transparent;
  }
}

.nav-control {
  cursor: pointer;
  position: absolute;
  right: -4rem;
  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: 47.9375rem) {
  .nav-control {
    right: -3rem;
  }
}

@media only screen and (max-width: 35.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: var(--text-gray);
  display: block;
  height: 2px;
  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);
}

.header {
  height: var(--dz-header-height);
  z-index: 1;
  position: var(--dz-header-pos);
  padding: 0rem;
  background: var(--headerbg);
  z-index: 3;
  top: 0;
  width: 100%;
  padding-left: var(--dz-sidebar-width);
  transition: all .2s ease;
}

.header .header-content {
  position: relative;
  height: 100%;
  padding-left: 5rem;
  padding-right: 1.875rem;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 47.9375rem) {
  .header .header-content {
    padding-left: 3.75rem;
    padding-right: 0.938rem;
  }
}

@media only screen and (max-width: 35.9375rem) {
  .header .header-content {
    padding-right: 0.538rem;
  }
}

.header .header-content .nav-control {
  right: auto;
  left: 1rem;
}

.header .navbar {
  padding: 0;
  height: 100%;
  width: 100%;
}

.header .navbar .navbar-collapse {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 47.9375rem) {
  .header {
    padding-left: 5rem;
  }
}

.header-left {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-left .dashboard_bar {
  font-size: var(--dz-head-title-size);
  font-weight: 600;
  color: var(--text-dark);
}

@media only screen and (max-width: 47.9375rem) {
  .header-left .dashboard_bar {
    display: none;
  }
}

.header-left .search-area {
  margin-left: 7rem;
}

.search-area {
  width: 18.875rem;
  border-radius: 2.375rem;
}

@media only screen and (max-width: 74.9375rem) {
  .search-area {
    display: none;
  }
}

.search-area .form-control {
  border: 0;
  background: var(--body-bg);
  height: 3rem;
}

.search-area .form-control:hover,
.search-area .form-control:focus {
  background: var(--body-bg);
}

.search-area .input-group-text {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  border-radius: 0;
  padding: 0.4rem 0.75rem;
  background: var(--body-bg);
}

.search-area .input-group-text .btn {
  padding: 0;
  border: 0;
}

.search-area .input-group-text .btn i {
  font-size: 1.3rem;
}

.search-area .input-group-text .btn:active {
  color: var(--text-dark);
}

.header-right {
  height: 100%;
}

.header-right .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-right .nav-item .nav-link {
  color: var(--text-gray);
  font-size: 1.125rem;
  padding-right: 0;
  padding-left: 0;
}

@media only screen and (max-width: 35.9375rem) {
  .header-right .nav-item .dlab-theme-mode {
    display: none;
  }
}

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

@media only screen and (max-width: 47.9375rem) {
  .header-right .notification_dropdown {
    position: static;
  }
}

.header-right .notification_dropdown .nav-link {
  position: relative;
  border-radius: 0.5rem;
  padding: 0.9375rem;
  line-height: 1;
}

.header-right .notification_dropdown .nav-link svg {
  width: 1.25rem;
  height: 1.25rem;
}

.header-right .notification_dropdown .nav-link svg path {
  fill: var(--text-gray);
}

@media only screen and (max-width: 1480px) {
  .header-right .notification_dropdown .nav-link {
    padding: 0.625rem;
  }
}

.header-right .notification_dropdown .nav-link i {
  font-size: 1.5rem;
}

@media only screen and (max-width: 1480px) {
  .header-right .notification_dropdown .nav-link i {
    font-size: 1.125rem;
  }
}

.header-right .notification_dropdown .nav-link .badge {
  position: absolute;
  font-size: 0.625rem;
  border-radius: 50%;
  right: 0rem;
  top: 0rem;
  font-weight: normal;
  height: 1.3rem;
  width: 1.3rem;
  line-height: 1.7;
  text-align: center;
  padding: 0;
  font-size: 0.7rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  min-width: 1.3rem;
  min-height: 1.3rem;
}

@media only screen and (max-width: 47.9375rem) {
  .header-right .notification_dropdown .nav-link .badge {
    height: 1.125rem;
    width: 1.125rem;
    padding: 0;
    line-height: 1.2rem;
  }
}

.header-right .notification_dropdown .dropdown-item:focus a,
.header-right .notification_dropdown .dropdown-item:active a {
  color: #fff;
}

.header-right .notification_dropdown .dropdown-item a {
  color: #6e6e6e;
}

.header-right .notification_dropdown .dropdown-item a:hover {
  text-decoration: none;
}

.header-right .dropdown-menu {
  border-width: 0;
  box-shadow: 0 0 2.3125rem rgba(8, 21, 66, 0.05);
}

.dlab-theme-mode #icon-light {
  display: none;
}

.notification_dropdown .dropdown-menu-end {
  min-width: 19.375rem;
  padding: 0rem 0 1rem;
  top: 100%;
  text-align: left;
}

.notification_dropdown .dropdown-menu-end .media {
  width: 2.8125rem;
  height: 2.8125rem;
  font-size: 1.125rem;
}

.notification_dropdown .dropdown-menu-end .media>span {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 3.125rem;
  display: inline-block;
  padding: 0.4375rem 0.5625rem;
  margin-right: 0.625rem;
}

.notification_dropdown .dropdown-menu-end .media>span.success {
  background: #e1faed;
  color: #2adb7b;
}

.notification_dropdown .dropdown-menu-end .media>span.primary {
  background: var(--rgba-primary-1);
  color: var(--primary);
}

.notification_dropdown .dropdown-menu-end .media>span.danger {
  background: #fee6ea;
  color: #f72b50;
}

.notification_dropdown .dropdown-menu-end .media p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 12.5rem;
  margin-bottom: 0;
  margin-top: 0.3125rem;
}

@media only screen and (max-width: 35.9375rem) {
  .notification_dropdown .dropdown-menu-end .media p {
    max-width: 6.25rem;
  }
}

.notification_dropdown .dropdown-menu-end .all-notification {
  display: block;
  padding: 0.9375rem 1.875rem 0;
  color: var(--primary);
  text-align: center;
  border-top: 0.0625rem solid #e8e8e8;
}

.notification_dropdown .dropdown-menu-end .all-notification i {
  margin-left: 0.625rem;
}

.header-profile>a.nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  margin-left: 0.9375rem;
}

.header-profile>a.nav-link i {
  font-weight: 700;
}

@media only screen and (max-width: 1480px) {
  .header-profile>a.nav-link {
    margin-left: 0rem;
    padding-left: 0rem;
  }
}

.header-profile .dropdown-menu {
  padding: 0.9375rem 0;
  min-width: 12.5rem;
}

.header-profile .dropdown-menu a:hover,
.header-profile .dropdown-menu a:focus {
  color: #F93A0B;
}

.header-profile img {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 47.9375rem) {
  .header-profile img {
    width: 2.5rem;
    height: 2.5rem;
  }
}

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

.header-profile .nav-link.profile {
  padding: 10px !important;
  background: var(--rgba-primary-1);
  border-radius: 10px;
}

.header-profile .nav-link.profile svg {
  color: #0b4ef9;
}

.content-body {
  margin-left: var(--dz-sidebar-width);
  z-index: 0;
  transition: all .2s ease;
}

.dlabnav {
  width: var(--dz-sidebar-width);
  padding-bottom: 0;
  height: calc(100% - var(--dz-header-height));
  position: var(--dz-sidebar-pos);
  top: var(--dz-header-height);
  padding-top: 0;
  z-index: 6;
  background-color: var(--sidebar-bg);
  transition: all .2s ease;
  box-shadow: 0rem 0.9375rem 1.875rem 0rem rgba(0, 0, 0, 0.02);
}

.dlabnav .dlabnav-scroll {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
}

.dlabnav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.dlabnav .metismenu {
  display: flex;
  flex-direction: var(--dz-side-menu-direction);
  padding-top: 0.9375rem;
}

.dlabnav .metismenu>li {
  display: flex;
  flex-direction: column;
}

.dlabnav .metismenu>li a>i {
  font-size: var(--dz-side-ico-size);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  height: var(--dz-side-ico-height);
  width: var(--dz-side-ico-width);
  text-align: center;
  margin-right: 1rem;
  border-radius: 0.125rem;
  line-height: 1;
}

.dlabnav .metismenu>li>a {
  font-weight: 500;
  display: inline-block;
  padding: var(--dz-side-nav-padding);
  font-size: var(--dz-side-nav-size);
  color: var(--text-gray);
}

.dlabnav .metismenu>li>a i {
  color: #96A0AF;
}

.dlabnav .metismenu>li>a svg {
  max-width: 1.5rem;
  max-height: 1.5rem;
  height: 100%;
  margin-right: 0.3125rem;
  margin-top: -0.1875rem;
  color: var(--primary);
}

.dlabnav .metismenu>li>a g [fill] {
  fill: #8088a1;
}

.dlabnav .metismenu>li:hover>a,
.dlabnav .metismenu>li:focus>a {
  color: var(--primary);
}

.dlabnav .metismenu>li:hover>a g [fill],
.dlabnav .metismenu>li:focus>a g [fill] {
  fill: var(--primary);
}

.dlabnav .metismenu li {
  position: relative;
}

.dlabnav .metismenu ul {
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.5rem 0;
}

.dlabnav .metismenu ul a {
  font-size: var(--dz-side-sub_nav-size);
  padding: var(--dz-side-sub_nav-padding);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.dlabnav .metismenu ul a:hover,
.dlabnav .metismenu ul a:focus {
  text-decoration: none;
  color: var(--primary);
}

.dlabnav .metismenu a {
  position: relative;
  display: block;
  outline-width: 0;
  color: var(--text-gray);
  text-decoration: none;
}

@media only screen and (max-width: 47.9375rem) {
  .dlabnav .metismenu a {
    padding: 0.625rem 1.25rem;
  }
}

.dlabnav .metismenu .has-arrow:after {
  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: 48%;
  -webkit-transform: rotate(-225deg) translateY(-50%);
  transform: rotate(-225deg) translateY(-50%);
}

.dlabnav .metismenu .has-arrow[aria-expanded=true]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

.dlabnav .metismenu ul a:before {
  content: "";
  height: 0.125rem;
  width: 0.375rem;
  background: var(--rgba-primary-5);
  position: absolute;
  left: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.dlabnav .metismenu ul a:hover:before {
  width: 1rem;
}

.dlabnav .header-profile2 {
  display: var(--dz-side-profile);
}

.dlabnav .copyright {
  display: var(--dz-side-copyright);
  margin-bottom: 2rem;
}

.dlabnav .plus-box {
  display: var(--dz-side-info);
}

.dlabnav .header-info2 {
  padding: 0.35rem 1rem 0.35rem 0.35rem;
  background-color: var(--body-bg);
  border-radius: .5rem;
  margin: 10px 15px 0;
}

.dlabnav .header-info2 img {
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 0.5rem;
  margin-right: .8rem;
}

.dlabnav .header-info2 .sidebar-info {
  flex: 1;
}

.dlabnav .header-info2 span {
  font-size: .9375rem;
  font-weight: 500;
  color: var(--text-dark);
}

.dlabnav .header-info2 i {
  margin-left: auto;
  font-size: .85rem;
}

.sidebar-fixed {
  --dz-sidebar-pos: absolute;
  --dz-sidebar-width: 6rem;
  --dz-side-info: none;
  --dz-side-copyright: none;
  --dz-side-nav-padding: 1.125rem 1.125rem;
  --dz-side-sub_nav-padding: 0.375rem 1.25rem 0.375rem 1.25rem;
  --dz-header-pos: fixed;
}

[data-header-position="fixed"] {
  --dz-header-pos: fixed;
}

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

[data-header-position="fixed"] .content-body {
  padding-top: var(--dz-header-height);
}

.sidebar-fixed .nav-header .logo-half {
  display: block;
}

.sidebar-fixed .nav-header .logo-full {
  display: none;
}

.sidebar-fixed .menu-toggle .nav-header {
  z-index: 999;
}

.sidebar-fixed .menu-toggle .dlabnav {
  overflow: visible;
}

.sidebar-fixed .menu-toggle .dlabnav .dlabnav-scroll {
  overflow: visible;
}

.menu-toggle .dlabnav .metismenu li>ul {
  position: absolute;
  left: var(--dz-sidebar-width);
  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: var(--card);
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li {
  transition: all 0.4s ease-in-out;
  padding: 0 1.125rem;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li>a {
  text-align: center;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  background: transparent;
  margin: 0.125rem 0;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li>a>.nav-text {
  display: none;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li>a>.badge {
  display: none;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li:hover>a {
  background: var(--rgba-primary-1);
  color: var(--primary);
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li>a i {
  margin: 0;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li:hover>a i {
  color: var(--primary);
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu li:hover>ul {
  display: block;
  height: auto;
  overflow: visible;
  height: auto !important;
  padding: 0.625rem 0;
}

.sidebar-fixed .menu-toggle .dlabnav .metismenu>li>.has-arrow:after {
  content: "";
  border: 0;
}

.copyright {
  padding: 0 1rem;
  color: #9fa4a6;
  margin-top: 1.2rem;
}

.copyright p {
  font-size: 0.875rem;
  margin-bottom: 6px;
}

.copyright strong {
  display: block;
  font-size: 0.875rem;
  color: var(--text-gray);
}

.extra-menu-area+.show-more-btn .show-less {
  display: none;
}

.show-more-btn {
  padding: 0.75rem 1.5rem;
  font-size: 0.813rem !important;
  color: var(--primary) !important;
}

.show-more-btn:before {
  display: none;
}

.show-more-btn:active {
  border: 0 !important;
}

@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%);
  }
}

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

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

#activity {
  height: 20rem !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 {
  border: 1px solid var(--border);
  padding: 0.5rem 1.25rem;
  color: var(--text-dark);
  height: 2.85rem;
  background-color: var(--card);
  border-radius: 0.5rem;
}

.form-control::placeholder {
  color: var(--text);
}

@media only screen and (max-width: 1480px) {
  .form-control {
    height: 2.8rem;
  }
}

.form-control:hover,
.form-control:focus {
  box-shadow: none;
  background: var(--card);
  color: var(--text-dark);
}

.form-control.solid {
  background-color: var(--light);
  border: 1px solid var(--light);
}

.form-control.solid:hover,
.form-control.solid:focus {
  background-color: var(--light);
}

.form-control:focus {
  border-color: var(--rgba-primary-5);
}

.input-group-text {
  background-color: var(--light);
  border: 0.0625rem solid transparent;
  min-width: 3.125rem;
  display: flex;
  justify-content: center;
  padding: 0.532rem 0.75rem;
  border-radius: 0.5rem;
}

.input-group-text i {
  font-size: 1rem;
}

.form-control:disabled,
.form-control[readonly] {
  background: var(--light);
  opacity: 1;
}


.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group .btn {
  z-index: 1;
}

.form-label {
  font-size: .8375rem;
  color: var(--text-dark);
  font-weight: 500;
}

.form-label.required {
  color: var(--text-dark);
}

.form-label.required::after {
  content: "*";
  color: #f72b50;
  margin-left: 3px;
  transform: scale(1.3);
  display: inline-block;
}

.input-hasicon {
  position: relative;
}

.input-hasicon .icon {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 2rem;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.datepicker table tr td.selected {
  border: 0;
  background: var(--primary) !important;
  color: #fff;
}

.datepicker table tr td.selected:hover {
  background: var(--primary) !important;
  color: #fff;
}

#image {
  max-width: 100%;
}

.bootstrap-select {
  margin-bottom: 0;
}

.bootstrap-select.solid .btn {
  border: 0 !important;
}

.bootstrap-select .btn {
  border: 1px solid var(--border) !important;
  background-color: transparent !important;
  font-weight: 400;
  color: #888888 !important;
}

.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
  outline: none !important;
  outline-offset: 0;
}

.bootstrap-select .dropdown-menu {
  border-color: #e6e6e6 !important;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
}

.bootstrap-select .dropdown-menu .dropdown-item {
  padding: var(--dz-list-space-y) var(--dz-list-space-x);
  font-size: var(--dz-list-size);
}

@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%);
  }
}

/* Light Gallery */

.widget-timeline {
  position: relative;
}

table {
  border-color: var(--border);
}

.light.badge-success {
  background-color: #e1faed;
  border-color: #adf1cc;
  color: #2adb7b;
}

.light.badge-danger {
  background-color: #fee6ea;
  border-color: #fdbeca;
  color: #f72b50;
}

.badge {
  line-height: 1.5;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
  border: 0.0625rem solid transparent;
  min-width: 23px;
  min-height: 23px;
  font-weight: 600;
}

.badge-xs {
  padding: 0px 8px;
  line-height: 14px;
  border-radius: 0.375rem;
  font-weight: 500;
  height: 16px;
  min-height: 16px;
  font-size: .58rem;
}

.badge-xs.style-1 {
  margin-left: 6px;
}

.badge-lg {
  font-size: 0.875rem;
  padding: 0rem 0.625rem;
  line-height: 1.875rem;
}

.badge-success {
  background-color: #2adb7b;
}

.badge-danger {
  background-color: #f72b50;
}

.new-badge {
  animation: new 1s infinite;
}

@keyframes new {
  0% {
    background-color: #F93A0B;
  }

  20% {
    background-color: #D653C1;
  }

  40% {
    background-color: #f72b50;
  }

  60% {
    background-color: #2adb7b;
  }

  80% {
    background-color: #D653C1;
  }

  100% {
    background-color: #F93A0B;
  }
}

button {
  cursor: pointer;
}

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

.btn {
  padding: 0.65rem 1.25rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: .9375rem;
}

.btn:hover,
.btn:focus,
.btn:active {
  outline: 0 !important;
}

.btn.btn-success,
.btn.btn-secondary,
.btn.btn-primary,
.btn.btn-danger {
  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 {
  background-color: var(--primary);
  border-color: var(--primary);
}

.light.btn-success {
  background-color: rgba(42, 219, 123, 0.1);
  border-color: rgba(42, 219, 123, 0.1);
  color: #2adb7b;
}

.light.btn-success g [fill] {
  fill: #2adb7b;
}

.light.btn-success:hover {
  background-color: #2adb7b;
  border-color: #2adb7b;
  color: #fff;
}

.light.btn-success: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);
}

.light.btn-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.light.btn-primary:hover g [fill] {
  fill: #fff;
}

.light.btn-primary:hover svg path {
  stroke: #fff;
}

.light.btn-secondary {
  background-color: rgba(20, 86, 80, 0.15);
  border-color: rgba(20, 86, 80, 0.15);
  color: #145650;
}

.light.btn-secondary g [fill] {
  fill: #145650;
}

.light.btn-secondary:hover {
  background-color: #145650;
  border-color: #145650;
  color: #fff;
}

.light.btn-secondary:hover g [fill] {
  fill: #fff;
}

.light.btn-danger {
  background-color: rgba(247, 43, 80, 0.15);
  border-color: rgba(247, 43, 80, 0.15);
  color: #f72b50;
}

.light.btn-danger g [fill] {
  fill: #f72b50;
}

.light.btn-danger:hover {
  background-color: #f72b50;
  border-color: #f72b50;
  color: #fff;
}

.light.btn-danger:hover g [fill] {
  fill: #fff;
}

.light.btn-danger:hover svg path {
  stroke: #fff;
}

.btn-close:focus {
  box-shadow: unset;
}

.btn-close {
  background: none;
  position: relative;
  font-family: "Font Awesome 6 Pro";
  margin-left: auto !important;
  margin-right: unset !important;
}

.btn-close:before {
  content: '\f00d';
  font-weight: 600;
}

.card {
  margin-bottom: 1.875rem;
  background-color: var(--card);
  transition: all .5s ease-in-out;
  position: relative;
  border: 0rem solid transparent;
  border-radius: 0.5rem;
  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);
  }
}

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

.dropdown-menu {
  font-size: inherit;
  border: 0;
  z-index: 3;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
  margin-top: 0;
  padding: 0.5rem 0rem;
  background-color: var(--card);
}

.dropdown-menu .dropdown-item {
  font-size: var(--dz-list-size);
  color: var(--text);
  padding: var(--dz-list-space-y) var(--dz-list-space-x);
  text-align: left;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  color: var(--text-gray);
  background-color: var(--light);
}

.dropdown-menu .dropdown-item:active {
  color: var(--primary);
  background: var(--rgba-primary-1);
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: var(--primary);
  background: var(--rgba-primary-1);
}

.dropdown-menu.show {
  right: 0;
  left: auto;
}

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

.media img {
  border-radius: 0.1875rem;
}

.modal-header {
  padding: 1rem 1.875rem;
}

.modal-header .btn-close {
  font-size: 20px;
}

.modal-body {
  padding: 1.875rem;
}

.modal-footer {
  padding: 1rem 1.875rem;
}

.modal-content {
  border-radius: 0.5rem;
  background-color: var(--card);
}

.modal .required:not(.form-label) {
  color: #f72b50;
}

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

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


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


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


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

.widget-timeline .timeline {
  list-style: none;
  position: relative;
}

.widget-timeline .timeline:before {
  top: 1.25rem;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 0.1875rem;
  left: 0.5625rem;
  margin-right: -0.0938rem;
  background: #e8e8e8;
}

.widget-timeline .timeline>li {
  margin-bottom: 0.9375rem;
  position: relative;
}

.widget-timeline .timeline>li:before {
  content: " ";
  display: table;
}

.widget-timeline .timeline>li:after {
  content: " ";
  display: table;
  clear: both;
}

.widget-timeline .timeline>li>.timeline-panel {
  border-radius: 0.5rem;
  padding: 0.9375rem 1.25rem;
  position: relative;
  display: block;
  margin-left: 2.5rem;
  border-width: 0.0625rem;
  border-style: solid;
}

.widget-timeline .timeline>li>.timeline-panel span {
  font-size: 0.75rem;
  display: block;
  margin-bottom: 0.3125rem;
  opacity: 0.8;
  letter-spacing: 0.0625rem;
}

.widget-timeline .timeline>li>.timeline-panel p {
  font-size: 0.875rem;
}

.widget-timeline .timeline>li>.timeline-panel:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background: inherit;
  border-color: inherit;
  border-style: solid;
  border-width: 0rem 0rem 0.0625rem 0.0625rem;
  display: block;
  position: absolute;
  left: -0.3125rem;
  transform: rotate(45deg);
  top: 0.9375rem;
}

.widget-timeline .timeline>li>.timeline-badge {
  border-radius: 50%;
  height: 1.375rem;
  left: 0;
  position: absolute;
  top: 0.625rem;
  width: 1.375rem;
  border-width: 0.125rem;
  border-style: solid;
  background: #fff;
  padding: 0.25rem;
}

.widget-timeline .timeline>li>.timeline-badge:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 100%;
  display: block;
}

.widget-timeline .timeline-badge.primary {
  border-color: var(--rgba-primary-1);
}

.widget-timeline .timeline-badge.primary:after {
  background-color: var(--primary);
  box-shadow: 0 0.3125rem 0.625rem 0 var(--rgba-primary-2);
}

.widget-timeline .timeline-badge.primary+.timeline-panel {
  background: var(--rgba-primary-1);
  border-color: var(--rgba-primary-1);
}

.widget-timeline .timeline-badge.success {
  border-color: #e1faed;
}

.widget-timeline .timeline-badge.success:after {
  background-color: #2adb7b !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(42, 219, 123, 0.2);
}

.widget-timeline .timeline-badge.success+.timeline-panel {
  background: #e1faed;
  border-color: #e1faed;
}

.widget-timeline .timeline-badge.warning {
  border-color: #ffe9d5;
}

.widget-timeline .timeline-badge.warning:after {
  background-color: #ffa755 !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(255, 167, 85, 0.2);
}

.widget-timeline .timeline-badge.warning+.timeline-panel {
  background: #ffe9d5;
  border-color: #ffe9d5;
}

.widget-timeline .timeline-badge.danger {
  border-color: #fee6ea;
}

.widget-timeline .timeline-badge.danger:after {
  background-color: #f72b50 !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(247, 43, 80, 0.2);
}

.widget-timeline .timeline-badge.danger+.timeline-panel {
  background: #fee6ea;
  border-color: #fee6ea;
}

.widget-timeline .timeline-badge.info {
  border-color: #fbeff9;
}

.widget-timeline .timeline-badge.info:after {
  background-color: #D653C1 !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(214, 83, 193, 0.2);
}

.widget-timeline .timeline-badge.info+.timeline-panel {
  background: #fbeff9;
  border-color: #fbeff9;
}

.widget-timeline .timeline-badge.dark {
  border-color: #eeeeee;
}

.widget-timeline .timeline-badge.dark:after {
  background-color: #6e6e6e !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(110, 110, 110, 0.2);
}

.widget-timeline .timeline-badge.dark+.timeline-panel {
  background: #eeeeee;
  border-color: #eeeeee;
}

.widget-timeline.style-1 .timeline-panel {
  background: transparent;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel {
  background: transparent !important;
  border: 0;
  border-left: 0.3125rem solid;
  border-radius: 0;
  padding: 0.3125rem 0.625rem 0.3125rem 0.9375rem;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after {
  border: 0;
  left: -0.5625rem;
  width: 0.4375rem;
  height: 0.4375rem;
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel {
  border-color: var(--primary);
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel:after {
  background: var(--primary);
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel {
  border-color: #2adb7b;
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel:after {
  background: #2adb7b;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel {
  border-color: #ffa755;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel:after {
  background: #ffa755;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel {
  border-color: #f72b50;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel:after {
  background: #f72b50;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel {
  border-color: #D653C1;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel:after {
  background: #D653C1;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel {
  border-color: #6e6e6e;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel:after {
  background: #6e6e6e;
}

.widget-media .timeline .timeline-panel {
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #eaeaea;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.widget-media .timeline .timeline-panel .media {
  width: 3.125rem;
  height: 3.125rem;
  background: #eee;
  border-radius: 0.75rem;
  overflow: hidden;
  font-size: 1.25rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  align-self: start;
}

.widget-media .timeline .timeline-panel .media-primary {
  background: var(--rgba-primary-1);
  color: var(--primary);
}

.widget-media .timeline .timeline-panel .media-info {
  background: #fbeff9;
  color: #D653C1;
}

.widget-media .timeline .timeline-panel .media-danger {
  background: #fee6ea;
  color: #f72b50;
}

.widget-media .timeline .timeline-panel .media-success {
  background: #e1faed;
  color: #2adb7b;
}

.widget-media .timeline .timeline-panel .media-body p {
  font-size: 0.875rem;
  line-height: 1.5;
}

.widget-media .timeline .timeline-panel .dropdown {
  align-self: self-end;
  margin-top: 0.3125rem;
}

.widget-media .timeline li:last-child .timeline-panel {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.card[class*="bg-"] .timeline .timeline-panel {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.table {
  --bs-table-bg: var(--card);
}

.table strong {
  color: #6e6e6e;
}

.table th,
.table td {
  border-color: var(--border);
  padding: 0.9375rem 0.625rem;
  white-space: nowrap;
}

.table thead th {
  border-bottom: 1px solid var(--border);
  text-transform: capitalize;
  color: var(--text-dark);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: 0.0313rem;
  border-color: var(--border) !important;
}

.table tbody tr td {
  vertical-align: middle;
  border-color: var(--border);
}

.table tbody tr td:last-child {
  text-align: right;
}

.table:not(.table-bordered) thead th {
  border-top: none;
}

.table-responsive-xl {
  min-width: 70.9375rem !important;
}

.card-table th:first-child,
.card-table th:last-child,
.card-table td:first-child,
.card-table td:last-child {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

@media only screen and (max-width: 35.9375rem) {

  .card-table th:first-child,
  .card-table th:last-child,
  .card-table td:first-child,
  .card-table td:last-child {
    padding-left: 0.9375rem;
  }
}

.table thead tr th:last-child {
  text-align: right !important;
}

.dataTablesCard {
  background-color: #fff;
  border-radius: 0.5rem;
}

.localizationTool {
  color: unset;
  background: transparent;
  padding: 26px 10px;
}

.localizationTool li {
  background: transparent;
  display: flex;
  align-items: center;
  font-size: 13px;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  color: var(--bs-body-color);
  padding: 5px 10px;
}

.localizationTool li:hover {
  background: rgba(var(--bs-primary-rgb), 0.1);
}

span.required {
  color: #f72b50;
}

.heart {
  width: 60px;
  height: 60px;
  display: inline-block;
  background: url("../images/like.png");
  cursor: pointer;
  margin: -25px -15px;
}

/* ------Dashboard------ */

.plus-box {
  background: #145650;
  color: #fff;
  font-size: 0.875rem;
  padding: 1rem 1rem;
  overflow: hidden;
  margin: 0 1rem;
  border-radius: 0.5rem;
  align-items: center;
  margin-top: 2rem;
  position: relative;
}

.plus-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  opacity: .5;
  background-image: url(../images/dots1.png);
  background-repeat: no-repeat;
  height: 3rem;
  width: 3rem;
}

.plus-box .plus-box-p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: .75rem;
}

.plus-icon a {
  height: 3rem;
  width: 3rem;
  background: rgba(20, 86, 80, 0.15);
  display: block;
  border-radius: 0.5rem;
  line-height: 3rem;
  margin-left: 1rem;
  font-size: 1.2rem;
  text-align: center;
  color: #145650;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.plus-icon a:hover {
  background-color: #145650;
  color: #fff;
}

@media only screen and (max-width: 74.9375rem) {
  .plus-icon a {
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 35.9375rem) {
  .plus-icon a {
    margin-left: 0;
  }
}

@media only screen and (max-width: 35.9375rem) {
  .plus-icon {
    display: none;
  }
}

.action-buttons .btn {
  padding: 0;
  border: 0;
  margin: 0 4px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
}

.default-select.style-1 {
  border-radius: 2rem;
  line-height: 2rem;
  background: transparent;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 500;
}

.default-select.style-1:after {
  border-color: var(--primary);
}

.wspace-no {
  white-space: nowrap;
}

.svg-main-icon g [fill] {
  fill: var(--text);
}

.show-more-btn:hover {
  padding-left: 3rem !important;
}

.dlab-scroll {
  overflow-y: scroll;
}

.dlab-scroll {
  overflow-y: scroll;
}

body>* {
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 133, 147, 0.1) #fff0;
}

::-webkit-scrollbar {
  width: 5px;
  opacity: 0;
}

/* ::-webkit-scrollbar-thumb{
	background:  rgba(111, 133, 147, 0.0); 
} */
::-webkit-scrollbar-thumb {
  background: rgba(111, 133, 147, 0.1);
}

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

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

.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-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:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.25rem var(--rgba-primary-2);
}

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

input.form-control {
  position: relative;
}

.btn:disabled {
  color: #fff;
}

.form-control.default-select {
  border-radius: 0.5rem;
}

.form-control.default-select:after {
  border-width: 2px;
}


:not(.btn-check)+.btn:active,
.btn:first-child:active {
  color: #fff;
}

.icon-btn {
  height: 2.8125rem;
  width: 2.8125rem;
  border-radius: 0.5rem;
  background-color: #145650;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  justify-content: center;
  color: #fff;
}

.icon-btn:hover {
  color: #fff;
}

.avatar {
  height: 1.875rem;
  width: 1.875rem;
  display: inline-block;
  position: relative;
  object-fit: cover;
  border-radius: 0.5rem;
}

/* menu-scss */
.required {
  color: #f72b50;
}

/* view-content */

/* add-email */

.collapse {
  border-radius: 0.5rem;
}

input.form-control {
  position: relative;
}

.show-pass {
  cursor: pointer;
}

.eye {
  position: absolute;
  right: 22px;
  bottom: 10px;
}

.show-pass .fa-eye {
  display: none;
}

.show-pass.active .fa-eye-slash {
  display: none;
}

.show-pass.active .fa-eye {
  display: inline-block;
}

.bootstrap-select {
  margin-bottom: 0;
  height: 3rem;
  border-radius: 0.375rem;
}

.bootstrap-select {
  margin: 0 0.3125rem;
}

.bootstrap-select {
  border-radius: 0.5rem;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  right: 15px;
  left: auto;
}

.bootstrap-select.ai-select {
  width: auto !important;
  background-color: transparent;
}

.bootstrap-select.custom-image-select .btn {
  border: 0 !important;
  color: #888888 !important;
}

.bootstrap-tagsinput {
  flex: 1;
  padding: 0;
  padding-left: .5rem;
  border-radius: 0;
  border-color: #e6e6e6;
  background-color: #fff;
  width: 100%;
}

.bootstrap-label .label {
  display: inline-block;
  margin-right: 1rem;
}

.bootstrap-badge-buttons button {
  margin-right: .2rem;
  margin-bottom: 1rem;
}

.bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) {
  margin-right: 0.5rem;
}

.bootstrap-popover-wrapper .bootstrap-popover {
  margin-bottom: .5rem;
}

.bootstrap-select .btn {
  padding: 0.75rem 0.9375rem;
  font-size: 0.9375rem;
  border-color: #d1d1d1;
  border-radius: 0.375rem;
}

.bootstrap-select .btn {
  border: 1px solid var(--border) !important;
  background-color: transparent !important;
  font-weight: 400;
  color: #888888 !important;
  border-radius: 0.375rem;
}

.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
  outline: none !important;
  outline-offset: 0;
}

.bootstrap-select .dropdown-menu {
  border-color: #e6e6e6 !important;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
  z-index: 3;
}

.bootstrap-select .dropdown-menu .dropdown-item {
  padding: var(--dz-list-space-y) var(--dz-list-space-x);
  font-size: var(--dz-list-size);
}

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

.bootstrap-select+.select2-container {
  width: 100% !important;
}

.datepicker.datepicker-dropdown {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0;
  cursor: pointer;
}

.datepicker.datepicker-dropdown td.day,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
  height: 33px;
  width: 33px !important;
  text-align: center;
  font-weight: 500;
  border-radius: 0.375rem;
  color: var(--text-dark);
}

.datepicker.datepicker-dropdown td.day.old,
.datepicker.datepicker-dropdown td.day.new,
.datepicker.datepicker-dropdown th.next.old,
.datepicker.datepicker-dropdown th.next.new,
.datepicker.datepicker-dropdown th.prev.old,
.datepicker.datepicker-dropdown th.prev.new {
  color: var(--text);
}

.datepicker.datepicker-dropdown td.day:hover,
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover {
  color: var(--primary);
}

.datepicker.datepicker-dropdown th.datepicker-switch,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.datepicker.datepicker-dropdown th.dow {
  font-weight: 400;
  font-size: .75rem;
  height: 2rem;
  color: var(--text-dark);
}

.datepicker table tr td.selected,
.datepicker table tr td.active.active {
  border: 0;
  background: var(--primary) !important;
  color: #fff;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.active.active:hover {
  background: var(--primary) !important;
  color: #fff;
}

.datepicker table tr td.today {
  background: var(--primary) !important;
  color: #ffffff !important;
}

.datepicker table tr td.today:hover {
  background: var(--primary) !important;
  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;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background-color: var(--light);
}

.table-hover>tbody>tr:hover>* {
  --bs-table-color-state: var(--text-dark);
  --bs-table-bg-state: var(--light);
}

.table {
  --bs-table-bg: var(--card);
}

.table strong {
  color: #6e6e6e;
}

.table th,
.table td {
  border-color: var(--border);
  padding: 0.9375rem 0.625rem;
  white-space: nowrap;
}

.table.shadow-hover tbody tr:hover {
  background-color: #fff;
  box-shadow: 0 0rem 1.875rem var(--rgba-primary-2);
}

.table.tr-rounded tr td:first-child,
.table.tr-rounded tr th:first-child {
  border-radius: 2.8125rem 0 0 2.8125rem;
}

.table.tr-rounded tr td:last-child,
.table.tr-rounded tr th:last-child {
  border-radius: 0 2.8125rem 2.8125rem 0;
}

.table.border-hover tr td {
  border-width: 0.0625rem 0 0.0625rem 0;
  border-bottom: 0.0625rem solid transparent;
  border-color: transparent;
}

.table.border-hover tr td:first-child {
  border-width: 0.0625rem 0 0.0625rem 0.0625rem;
}

.table.border-hover tr td:last-child {
  border-width: 0.0625rem 0.0625rem 0.0625rem 0;
}

.table.border-hover tr:hover td {
  border-color: #EEEEEE;
}

.table.bg-primary-hover th,
.table.bg-primary-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-primary-hover td {
  color: #000;
}

.table.bg-primary-hover th {
  color: #6C6C6C;
}

.table.bg-primary-hover tr:hover td,
.table.bg-primary-hover tr:hover th {
  background: var(--primary);
  color: #fff;
}

.table.bg-secondary-hover th,
.table.bg-secondary-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-secondary-hover td {
  color: #000;
}

.table.bg-secondary-hover th {
  color: #6C6C6C;
}

.table.bg-secondary-hover tr:hover td,
.table.bg-secondary-hover tr:hover th {
  background: #145650;
  color: #fff !important;
}

.table.bg-info-hover th,
.table.bg-info-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-info-hover td {
  color: #000;
}

.table.bg-info-hover th {
  color: #6C6C6C;
}

.table.bg-info-hover tr:hover td,
.table.bg-info-hover tr:hover th {
  background: #D653C1;
  color: #fff !important;
}

.table.bg-warning-hover th,
.table.bg-warning-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-warning-hover td {
  color: #000;
}

.table.bg-warning-hover th {
  color: #6C6C6C;
}

.table.bg-warning-hover tr:hover td,
.table.bg-warning-hover tr:hover th {
  background: #ffa755;
  color: #fff !important;
}

.table.border-no td {
  border: 0;
}

.table.short-one tr td:first-child,
.table.short-one tr th:first-child {
  width: 3.75rem;
}

.table thead th {
  border-bottom: 1px solid var(--border);
  text-transform: capitalize;
  color: var(--text-dark);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: 0.0313rem;
  border-color: var(--border) !important;
}

.table tbody tr td {
  vertical-align: middle;
  border-color: var(--border);
}

.table tbody tr td:last-child {
  text-align: right;
}

.table:not(.table-bordered) thead th {
  border-top: none;
}

.table .thead-primary th {
  background-color: var(--primary);
  color: #fff;
}

.table .thead-info th {
  background-color: #D653C1;
  color: #fff;
}

.table .thead-warning th {
  background-color: #ffa755;
  color: #fff;
}

.table .thead-danger th {
  background-color: #f72b50;
  color: #fff;
}

.table .thead-success th {
  background-color: #2adb7b;
  color: #fff;
}

.table.primary-table-bordered {
  border: 0.0625rem solid var(--border);
}

.table.primary-table-bg-hover thead th {
  background-color: var(--primary-dark);
  color: #fff;
  border-bottom: none;
}

.table.primary-table-bg-hover tbody tr {
  background-color: var(--primary);
  transition: all .1s ease;
}

.table.primary-table-bg-hover tbody tr td,
.table.primary-table-bg-hover tbody tr th {
  background-color: transparent;
  color: #fff;
}

.table.primary-table-bg-hover tbody tr:hover {
  background-color: var(--rgba-primary-8);
}

.table.primary-table-bg-hover tbody tr:not(:last-child) td,
.table.primary-table-bg-hover tbody tr:not(:last-child) th {
  border-bottom: 0.0625rem solid var(--primary-dark);
}

.table-responsive-tiny {
  min-width: 18.75rem;
}

.table-responsive-sm {
  min-width: 30rem !important;
}

.table-responsive-md {
  min-width: 36rem !important;
}

.table-responsive-lg {
  min-width: 60.9375rem !important;
}

.table-responsive-xl {
  min-width: 70.9375rem !important;
}

.table-primary,
.table-primary>th,
.table-primary>td {
  background-color: var(--rgba-primary-1);
  color: var(--primary);
}

.table-success,
.table-success>th,
.table-success>td {
  background-color: #e1faed;
  color: #2adb7b;
}

.table-info,
.table-info>th,
.table-info>td {
  background-color: #fbeff9;
  color: #D653C1;
}

.table-warning,
.table-warning>th,
.table-warning>td {
  background-color: #ffe9d5;
  color: #ffa755;
}

.table-danger,
.table-danger>th,
.table-danger>td {
  background-color: #fee6ea;
  color: #f72b50;
}

.table-active,
.table-active>th,
.table-active>td {
  background-color: #f2f4fa;
}

.card-table th:first-child,
.card-table th:last-child,
.card-table td:first-child,
.card-table td:last-child {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

@media only screen and (max-width: 35.9375rem) {

  .card-table th:first-child,
  .card-table th:last-child,
  .card-table td:first-child,
  .card-table td:last-child {
    padding-left: 0.9375rem;
  }
}

.table thead tr th:last-child {
  text-align: right !important;
}

.bootgrid-header {
  padding: 0 !important;
  margin: 0;
}

@media only screen and (max-width: 35.9375rem) {
  .bootgrid-header .actionBar {
    padding: 0;
  }

  .bootgrid-header .search {
    margin: 0 0 0.625rem 0;
  }
}

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

table.dataTable {
  font-size: 0.875rem;
  color: var(--text-gray);
}

table.dataTable .form-check {
  display: inline-block;
}

#example2_wrapper .dataTables_scrollBody {
  max-height: 33.25rem !important;
}

#employees,
#custommers {
  padding: .5rem 0 1rem 0;
}

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

@media only screen and (max-width: 35.9375rem) {
  .dataTables_wrapper .dataTables_paginate {
    justify-content: start !important;
  }
}

table.dataTable thead>tr>th.sorting::after,
table.dataTable thead>tr>th.sorting_desc::after,
table.dataTable thead>tr>th.sorting_asc::after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  background-image: none;
  margin-left: 5px;
  font-size: calc(100% - 2px);
  opacity: 0.5;
}

table.dataTable thead>tr>th.sorting::after {
  content: "\f0dc";
}

table.dataTable thead>tr>th.sorting.sorting_desc::after {
  content: "\f0dd";
  opacity: 0.5;
}

table.dataTable thead>tr>th.sorting.sorting_asc::after {
  content: "\f0de";
  opacity: 0.5;
}

table.dataTable thead>tr>th.sorting::before {
  content: none;
}

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.selected>* {
  color: var(--text-dark);
  background: var(--light) !important;
  border-color: var(--border) !important;
}

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

table.dataTable.hover>tbody>tr.selected:hover>*,
table.dataTable.display>tbody>tr.selected:hover>* {
  box-shadow: unset !important;
}

table.dataTable thead th {
  color: var(--text-dark);
  white-space: nowrap;
  font-size: .9375rem;
  text-transform: capitalize;
  font-weight: 500;
  padding: 1.25rem 0.9375rem;
}

table.dataTable>thead>tr>th {
  padding: 1rem 0.9375rem;
  padding-right: 26px;
  padding-left: 0.9375rem !important;
  text-align: left;
  background-color: transparent;
}

@media only screen and (max-width: 35.9375rem) {
  table.dataTable>thead>tr>th {
    padding-left: 0.3125rem !important;
  }
}

.dataTables_wrapper .dataTables_info {
  padding-top: 1rem;
  padding-left: 0.9375rem;
}

@media only screen and (max-width: 35.9375rem) {
  .dataTables_wrapper .dataTables_info {
    text-align: left;
  }
}

table.dataTable tbody td {
  padding: .85rem 0.9375rem;
  font-size: .875rem;
  font-weight: 400;
  border-bottom: 0;
}

@media only screen and (max-width: 35.9375rem) {
  table.dataTable tbody td {
    padding: 0.5rem 0.3125rem;
  }
}

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

table.dataTable tfoot th {
  color: var(--text-dark);
  font-weight: 500;
  font-size: .9375rem;
  text-transform: capitalize;
}

table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
  padding: 1rem 0.9375rem;
}

@media only screen and (max-width: 35.9375rem) {

  table.dataTable>tfoot>tr>th,
  table.dataTable>tfoot>tr>td {
    padding: 0.5rem 0.3125rem;
  }
}

td.text-ov {
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

@media only screen and (max-width: 35.9375rem) {
  .dataTables_wrapper .dataTables_paginate {
    flex-flow: nowrap;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-size: 1rem;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  border: 0.0625rem solid var(--primary);
  border-radius: 2.8125rem;
  padding: 0;
  line-height: 2.5rem;
  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;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
  margin-left: 0rem;
  margin: 0 0.125rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.125rem;
  border-radius: 2.8125rem;
  color: var(--primary) !important;
  background: var(--rgba-primary-1);
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
  color: #fff !important;
  background: var(--primary);
  border: 1px solid transparent;
}

.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: 1px solid var(--border);
  padding: .3rem 0.5rem;
  height: 2.5rem;
  color: var(--text-dark);
  border-radius: 0.5rem;
}

.dataTables_wrapper .dataTables_length {
  margin-bottom: 0.9375rem;
}

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

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

.rounded-lg {
  min-width: 1.875rem;
}

.dataTables_scroll {
  padding: 1rem 0;
}

.dataTables_scrollFoot {
  padding-top: 1rem;
}

.dataTablesCard {
  background-color: #fff;
  border-radius: 0.5rem;
}

.dataTablesCard.border-no td {
  border-top: 0 !important;
}

@media (max-width: 767.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: #888888 !important;
}

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

.paging_simple_numbers.dataTables_paginate {
  padding: 0.3125rem 0.3125rem;
}

@media only screen and (max-width: 35.9375rem) {
  .paging_simple_numbers.dataTables_paginate {
    margin: 10px -10px;
  }
}

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

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-color: #EEEEEE;
  box-shadow: none !important;
}

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

@media only screen and (max-width: 35.9375rem) {
  .dataTables_paginate.paging_simple_numbers span {
    display: flex;
  }
}

table.dataTable.row-border>tbody>tr>th,
table.dataTable.row-border>tbody>tr>td,
table.dataTable.display>tbody>tr>th,
table.dataTable.display>tbody>tr>td {
  border-color: var(--border);
}

table.dataTable thead>tr>th.sorting::before,
table.dataTable thead>tr>th.sorting::after,
table.dataTable thead>tr>th.sorting_asc::before,
table.dataTable thead>tr>th.sorting_asc::after,
table.dataTable thead>tr>th.sorting_desc::before,
table.dataTable thead>tr>th.sorting_desc::after,
table.dataTable thead>tr>th.sorting_asc_disabled::before,
table.dataTable thead>tr>th.sorting_asc_disabled::after,
table.dataTable thead>tr>th.sorting_desc_disabled::before,
table.dataTable thead>tr>th.sorting_desc_disabled::after,
table.dataTable thead>tr>td.sorting::before,
table.dataTable thead>tr>td.sorting::after,
table.dataTable thead>tr>td.sorting_asc::before,
table.dataTable thead>tr>td.sorting_asc::after,
table.dataTable thead>tr>td.sorting_desc::before,
table.dataTable thead>tr>td.sorting_desc::after,
table.dataTable thead>tr>td.sorting_asc_disabled::before,
table.dataTable thead>tr>td.sorting_asc_disabled::after,
table.dataTable thead>tr>td.sorting_desc_disabled::before,
table.dataTable thead>tr>td.sorting_desc_disabled::after {
  position: relative;
  display: inline-block;
  right: 0;
}

table.dataTable>tbody>tr.child ul.dtr-details>li,
table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td,
table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
  border-color: var(--border);
}

table.dataTable thead>tr>th.sorting_disabled::before {
  content: none;
}

.card {
  margin-bottom: 1.875rem;
  background-color: var(--card);
  transition: all .5s ease-in-out;
  position: relative;
  border: 0rem solid transparent;
  border-radius: 0.5rem;
  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: 600;
  color: var(--text-dark);
  text-transform: capitalize;
}

.card-title--large {
  font-size: 1.5rem;
}

.card-title--medium {
  font-size: 1rem;
}

.card-title--small {
  font-size: 0.875rem;
}

.card-header {
  border-color: var(--border);
  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;
  }
}

.card-header .card-title {
  margin-bottom: 0rem;
}

.card-header .subtitle {
  padding-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.card-footer {
  border-color: var(--border);
  background: transparent;
  padding: 1.25rem 1.875rem 1.25rem;
}

@media only screen and (max-width: 35.9375rem) {
  .card-footer {
    padding: 1rem;
  }
}

.card-link:hover {
  color: var(--primary);
}

.transparent-card.card {
  background: transparent;
  border: 0.0625rem solid transparent;
  box-shadow: none;
}

.card-action>a {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  border-radius: 0.3125rem;
  border-color: transparent;
  text-align: center;
  background: var(--primary-dark);
  color: #fff;
  margin-right: 0.5rem;
}

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

.card-action>a:hover,
.card-action>a:focus {
  background: var(--primary-dark);
}

.card-action>a i,
.card-action>a span {
  font-size: 1rem;
}

.card-action .dropdown {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.3125rem;
  border-color: transparent;
  text-align: center;
  margin-right: 0.5rem;
  top: -0.125rem;
  position: relative;
  display: inline-block;
  background: var(--primary-dark);
  color: var(--primary);
}

.card-action .dropdown:hover,
.card-action .dropdown:focus {
  background: var(--primary-dark);
}

.card-action .dropdown .btn {
  padding: 0;
  line-height: 1.6875rem;
  color: #fff;
}

.card-action .dropdown .btn:focus {
  box-shadow: none;
}

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

.card-header .date_picker {
  display: inline-block;
  padding: 0.5rem;
  border: 0.0625rem solid #e6e6e6;
  cursor: pointer;
  border-radius: .375rem;
}

.card-header .border-0 {
  padding-bottom: 0;
}
.list-style-1.block>li {
  display: block;
}

.list-style-1>li {
  border-bottom: 1px dashed var(--border);
  padding: .75rem 0;
  display: flex;
  align-items: center;
}
.custom-label {
    min-width: 140px;
    display: inline-block;
    color: #000;
}