/*!
Soft UI Dashboard v1.0.7
*/

/* Variables */
:root {
  --bs-blue: #63B3ED;
  --bs-indigo: #596CFF;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #F56565;
  --bs-orange: #fd7e14;
  --bs-yellow: #FBD38D;
  --bs-green: #48BB78;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #cb0c9f;
  --bs-secondary: #8392AB;
  --bs-success: #82d616;
  --bs-info: #17c1e8;
  --bs-warning: #fbcf33;
  --bs-danger: #ea0606;
  --bs-light: #e9ecef;
  --bs-dark: #344767;
  --bs-primary-rgb: 203, 12, 159;
  --bs-secondary-rgb: 131, 146, 171;
  --bs-success-rgb: 130, 214, 22;
  --bs-info-rgb: 23, 193, 232;
  --bs-warning-rgb: 251, 207, 51;
  --bs-danger-rgb: 234, 6, 6;
  --bs-light-rgb: 233, 236, 239;
  --bs-dark-rgb: 52, 71, 103;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "Open Sans", sans-serif;
  --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));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #67748e;
  --bs-body-bg: #fff;
}

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

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Sidenav */
.g-sidenav-show {
  overflow: hidden;
}

.g-sidenav-show .sidenav {
  transform: translateX(0);
}

.sidenav {
  z-index: 1050;
  transition: all 0.2s ease-in-out;
}

.sidenav.fixed-start {
  left: 0;
}

.sidenav.fixed-end {
  right: 0;
}

.sidenav .navbar-brand,
.sidenav .navbar-heading {
  display: block;
  padding: 0 2rem;
}

@media (min-width: 1200px) {
  .g-sidenav-pinned .sidenav {
    transform: translateX(0);
  }
}

/* Main Content */
.main-content {
  position: relative;
  min-height: 100vh;
}

.g-sidenav-pinned .main-content {
  margin-left: 17.125rem;
}

/* Cards */
.card {
  box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
}

.card .card-header {
  padding: 1.5rem;
  background-color: transparent;
  border-bottom: 0;
}

.card .card-body {
  padding: 1.5rem;
  font-family: var(--bs-body-font-family);
}

/* Navbar */
.navbar-vertical .navbar-brand > img,
.navbar-vertical .navbar-brand-img {
  max-width: 100%;
  max-height: 2rem;
}

/* Buttons */
.btn {
  font-size: 0.875rem;
  font-weight: 700;
  height: 43px;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in;
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: #ad0a87;
  border-color: #a20a7f;
}

/* Icons */
.icon-shape {
  width: 48px;
  height: 48px;
  background-position: center;
  border-radius: 0.75rem;
}

.icon-shape i {
  color: #fff;
  opacity: 0.8;
  top: 11px;
  position: relative;
}

/* Utilities */
.opacity-10 {
  opacity: 1 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

/* Dark Mode */
.dark-version {
  background-color: #051139 !important;
}

.dark-version .sidenav {
  background: #111c44 !important;
}

.dark-version .card {
  background: #111c44;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.dark-version .card .card-header {
  background-color: transparent;
}

.dark-version .card .card-body {
  color: rgba(255, 255, 255, 0.8);
}

/* Scrollbars */
.perfect-scrollbar-on .sidenav {
  height: 100vh !important;
}

/* Gradients */
.bg-gradient-primary {
  background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
}

.bg-gradient-dark {
  background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
}

.bg-gradient-success {
  background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

.bg-gradient-info {
  background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);
}

.bg-gradient-warning {
  background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
}

/* Responsive */
@media (max-width: 767.98px) {
  .g-sidenav-show:not(.rtl) .sidenav {
    transform: translateX(-17.125rem);
  }
  
  .g-sidenav-show.rtl .sidenav {
    transform: translateX(17.125rem);
  }
  
  .g-sidenav-pinned .main-content {
    margin-left: 0 !important;
  }
}

/* Animations */
.moving-tab {
  position: absolute;
  padding: 0px;
  transition: all 0.5s ease;
  border-radius: 0.5rem;
}