/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* Shared brand palette, sampled from the supplied navy swatch. */
:root {
  --bs-primary: #1a2a5c;
  --bs-primary-rgb: 26, 42, 92;
}

.text-primary, .primary,
.btn-outline-primary, .btn-flat-primary,
.btn-outline-primary:hover, .btn-flat-primary:hover,
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover,
.page-item:not(.active) .page-link:hover {
  color: #1a2a5c !important;
}

a { color: #1a2a5c; }
a:hover { color: #121e42; }

.btn-primary, .btn-relief-primary, .bg-primary,
.badge-primary, .bullet.bullet-primary,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.page-item.active .page-link, .pagination-primary .page-item.active .page-link,
.progress-bar, .form-check-input:checked {
  background-color: #1a2a5c !important;
  color: #fff !important;
}

.btn-primary, .btn-outline-primary, .border-primary,
.form-check-input:checked, .form-control:focus, .form-select:focus {
  border-color: #1a2a5c !important;
}

.btn-primary:hover:not(.disabled):not(:disabled),
.btn-relief-primary:hover:not(.disabled):not(:disabled),
.btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary {
  background-color: #121e42 !important;
  border-color: #121e42 !important;
  box-shadow: 0 8px 25px -8px rgba(26, 42, 92, 0.55);
}

.btn-outline-primary:hover:not(.disabled):not(:disabled),
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):focus,
.btn-outline-primary.show.dropdown-toggle,
.btn-check:checked + .btn-outline-primary,
.btn-flat-primary:hover, .btn-flat-primary:focus, .btn-flat-primary:active,
.badge-light-primary, .bg-light-primary, .alert-primary {
  color: #1a2a5c !important;
  background-color: rgba(26, 42, 92, 0.12) !important;
}

.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu .navigation > li ul .active > a {
  background: #1a2a5c !important;
  color: #fff !important;
  box-shadow: 0 0 10px 1px rgba(26, 42, 92, 0.2) !important;
}

.nav-tabs .nav-link:after {
  background: #1a2a5c !important;
}

.btn-outline-primary.waves-effect .waves-ripple,
.btn-flat-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(26, 42, 92, 0.2), rgba(26, 42, 92, 0));
}

.alarmnoktasi-logo {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.main-menu {
  --sidebar-header-height: 6.5rem;
}

.main-menu .navbar-header {
  height: var(--sidebar-header-height);
}

.main-menu .main-menu-content {
  height: calc(100% - var(--sidebar-header-height)) !important;
}

.main-menu .navbar-header .navbar-brand .alarmnoktasi-logo {
  width: 160px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navbar-brand .alarmnoktasi-logo {
  width: 38px;
}

.auth-wrapper .brand-logo .alarmnoktasi-logo {
  width: 220px;
}

.document-preview .invoice-total-wrapper {
  width: 100%;
  max-width: 24rem;
}

.document-preview .invoice-total-item {
  gap: 1.5rem;
}

.document-preview .invoice-total-title {
  flex: 1 1 auto;
}

.document-preview .invoice-total-amount {
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
}

.document-statistics > div {
  min-width: 0;
}

.document-statistics > div > .card {
  width: 100%;
  min-height: 150px;
  margin-bottom: 0;
}

.document-statistics .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stock-form-grid .form-control,
.stock-form-grid .form-select {
  width: 100%;
  min-height: 2.714rem;
}

@media print {
  .main-menu, .header-navbar, .footer, .scroll-top, .content-header,
  .document-actions, .modal, .alert, .sidenav-overlay, .drag-target {
    display: none !important;
  }
  html body .app-content { margin: 0 !important; padding: 0 !important; }
  .document-paper { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
  .document-preview .card { box-shadow: none !important; border: none !important; }
  .document-preview .table-responsive { overflow: visible !important; }
}