@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

body, h1, h2, h3, h4, h5, h6, p, a, span, li, button {
    font-family: 'Montserrat', sans-serf;
}
[class^="fa-"], [class*=" fa-"], .fa, .material-icons {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
  font-weight: 900;
}
html, body {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
  color: #a93593;
}
a:hover, a:focus {
  color: #7a2670;
}

/* Sin sombra gris detrás del header/logo */
#header {
  box-shadow: none;
}

/* Botón hamburger (menú lateral) visible sobre fondo blanco */
#header .hide-menu,
#header .hide-menu svg {
  color: #374151 !important;
}
#header .hide-menu:hover,
#header .hide-menu:hover svg {
  color: #111827 !important;
}

.navbar, .admin-sidebar {
  background-color: #11111f;
}

.admin-sidebar .menu-item > a,
.customer-wrapper .navbar-nav > li > a {
  color: #ffffff;
}

.admin-sidebar .menu-item.active,
.customer-wrapper .navbar-nav > li.active > a {
  background-color: #a93593;
  color: #ffffff;
}

.btn-primary {
  background-color: #a93593;
  border-color: #a93593;
}

.modal-header {
  background-color: #a93593;
  color: #ffffff;
}

/* Fix caret position inside fit-width selectpickers used in totals KPI strips
   (Invoices, Estimates, Expenses). The default rule places the caret at
   right: -6px (outside the button). We move it inside, vertically center it,
   and add right padding to the button so the value text doesn't overlap. */
#invoices_total .bootstrap-select.fit-width .dropdown-toggle .caret,
#estimates_total .bootstrap-select.fit-width .dropdown-toggle .caret,
#expenses_total .bootstrap-select.fit-width .dropdown-toggle .caret {
  right: 10px !important;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) rotate(45deg);
}

#invoices_total .bootstrap-select.fit-width .dropdown-toggle,
#estimates_total .bootstrap-select.fit-width .dropdown-toggle,
#expenses_total .bootstrap-select.fit-width .dropdown-toggle {
  padding-right: 30px !important;
  padding-left: 12px !important;
}

#invoices_total .bootstrap-select.fit-width .dropdown-toggle .filter-option,
#estimates_total .bootstrap-select.fit-width .dropdown-toggle .filter-option,
#expenses_total .bootstrap-select.fit-width .dropdown-toggle .filter-option {
  right: 26px !important;
  left: 12px !important;
}

[dir="rtl"] #invoices_total .bootstrap-select.fit-width .dropdown-toggle .caret,
[dir="rtl"] #estimates_total .bootstrap-select.fit-width .dropdown-toggle .caret,
[dir="rtl"] #expenses_total .bootstrap-select.fit-width .dropdown-toggle .caret {
  right: auto !important;
  left: 10px !important;
}

[dir="rtl"] #invoices_total .bootstrap-select.fit-width .dropdown-toggle,
[dir="rtl"] #estimates_total .bootstrap-select.fit-width .dropdown-toggle,
[dir="rtl"] #expenses_total .bootstrap-select.fit-width .dropdown-toggle {
  padding-right: 12px !important;
  padding-left: 30px !important;
}

[dir="rtl"] #invoices_total .bootstrap-select.fit-width .dropdown-toggle .filter-option,
[dir="rtl"] #estimates_total .bootstrap-select.fit-width .dropdown-toggle .filter-option,
[dir="rtl"] #expenses_total .bootstrap-select.fit-width .dropdown-toggle .filter-option {
  right: 12px !important;
  left: 26px !important;
}