html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

:root {
  --perissos-navy: #071a3d;
  --perissos-purple: #5b21b6;
  --perissos-purple-2: #7c3aed;
  --perissos-indigo: #312e81;
  --perissos-ink: #111827;
}

.perissos-login-page {
  min-height: 100vh;
  margin-bottom: 0;
  background:
    linear-gradient(135deg, rgba(7, 26, 61, 0.78), rgba(91, 33, 182, 0.58)),
    url("../img/bg/login-bg.png") center center / cover no-repeat fixed;
}

.perissos-login-page .error-pagewrap {
  background: transparent;
}

.perissos-login-page .panel-body {
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(7, 26, 61, 0.32);
}

.btn-success.loginbtn,
.loginbtn {
  background: linear-gradient(135deg, var(--perissos-navy), var(--perissos-purple-2)) !important;
  border-color: var(--perissos-purple) !important;
  color: #fff !important;
}

.perissos-page-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 26, 61, 0.22);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.perissos-page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.perissos-loader-ring {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.6);
  border-top-color: var(--perissos-purple-2);
  border-right-color: var(--perissos-navy);
  border-bottom-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 50px rgba(7, 26, 61, 0.28);
  animation: perissos-loader-spin 0.85s linear infinite;
}

@keyframes perissos-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

.perissos-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.perissos-data-table {
  width: 100% !important;
  table-layout: auto;
  white-space: nowrap;
}

.fixed-table-toolbar .search input {
  max-width: 260px;
  height: 34px;
}

.bootstrap-table .table-condensed > tbody > tr > td,
.bootstrap-table .table-condensed > tbody > tr > th,
.bootstrap-table .table-condensed > tfoot > tr > td,
.bootstrap-table .table-condensed > tfoot > tr > th,
.bootstrap-table .table-condensed > thead > tr > td,
.bootstrap-table .table-condensed > thead > tr > th {
  padding: 7px 9px;
  vertical-align: middle;
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination .pagination {
  margin-top: 12px;
  margin-bottom: 0;
}

.header-top-area .author-log.dropdown-menu {
  background: #fff !important;
}

.header-top-area .author-log.dropdown-menu a,
.header-top-area .author-log.dropdown-menu a span,
body.perissos-dark-nav .header-top-area .author-log.dropdown-menu a,
body.perissos-dark-nav .header-top-area .author-log.dropdown-menu a span {
  color: #1f2937 !important;
}

.header-top-area .author-log.dropdown-menu a:hover,
body.perissos-dark-nav .header-top-area .author-log.dropdown-menu a:hover {
  background: rgba(91, 33, 182, 0.08) !important;
  color: var(--perissos-purple) !important;
}

.perissos-theme-menu-item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-width: 190px;
}

.perissos-theme-menu-item .author-log-ic {
  flex: 0 0 auto;
}

.perissos-theme-menu-item #themeToggleLabel {
  flex: 1 1 auto;
}

.perissos-switch {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 42px;
  height: 22px;
}

.perissos-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.perissos-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #cbd5e1;
  border-radius: 999px;
  transition: 0.2s ease;
}

.perissos-slider:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(7, 26, 61, 0.28);
  transition: 0.2s ease;
}

.perissos-switch input:checked + .perissos-slider {
  background: linear-gradient(135deg, var(--perissos-navy), var(--perissos-purple-2));
}

.perissos-switch input:checked + .perissos-slider:before {
  transform: translateX(20px);
}

body.perissos-dark-nav .left-sidebar-pro,
body.perissos-dark-nav #sidebar,
body.perissos-dark-nav .left-custom-menu-adp-wrap,
body.perissos-dark-nav .sidebar-header,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro {
  background: linear-gradient(180deg, #071a3d 0%, #2b1764 52%, #5b21b6 100%) !important;
}

body.perissos-dark-nav .header-top-area,
body.perissos-dark-nav .header-advance-area .header-top-area {
  background: linear-gradient(135deg, #071a3d, #312e81 45%, #5b21b6) !important;
}

body.perissos-dark-nav #sidebar a,
body.perissos-dark-nav #sidebar .mini-click-non,
body.perissos-dark-nav #sidebar .mini-sub-pro,
body.perissos-dark-nav #sidebar .educate-icon,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu a,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .mini-click-non,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .mini-sub-pro,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .educate-icon,
body.perissos-dark-nav .header-top-area a,
body.perissos-dark-nav .header-top-area i,
body.perissos-dark-nav .header-top-area .admin-name,
body.perissos-dark-nav .header-top-area .nav-link {
  color: #fff !important;
}

body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro ul,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu > li,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .collapse,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .collapsing,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .submenu-angle {
  background: transparent !important;
}

body.perissos-dark-nav #sidebar .submenu-angle,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .submenu-angle {
  background: rgba(7, 26, 61, 0.26) !important;
}

body.perissos-dark-nav #sidebar .metismenu li a:hover,
body.perissos-dark-nav #sidebar .metismenu li.active > a,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu li a:hover,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu li a:focus,
body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu li.active > a {
  background: rgba(255, 255, 255, 0.12) !important;
}

body.perissos-dark-nav .sidebar-nav.left-sidebar-menu-pro .metismenu .has-arrow:after {
  border-color: #fff !important;
}

body.perissos-dark-nav .breadcome-list {
  border-color: rgba(91, 33, 182, 0.18);
}

body.perissos-dark-nav .btn-primary {
  background: linear-gradient(135deg, var(--perissos-navy), var(--perissos-indigo) 45%, var(--perissos-purple-2)) !important;
  border-color: var(--perissos-purple) !important;
  color: #fff !important;
}

body.perissos-dark-nav .btn-primary:hover,
body.perissos-dark-nav .btn-primary:focus {
  background: linear-gradient(135deg, #0b2555, #3b2ca0 45%, #6d28d9) !important;
  border-color: var(--perissos-purple-2) !important;
  color: #fff !important;
}

.perissos-tab-actions {
  display: flex;
  justify-content: flex-end;
  margin: 18px 0 12px;
}

.perissos-tab-actions .btn {
  min-width: 130px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}