:root {
  --primary: #e40000 !important;
  --danger: #e40000 !important;
  --warning: #e40000 !important;
  --orange: #e40000 !important;
}

/* Force override any CSS custom properties that might be set by JavaScript */
* {
  --bs-warning: #e40000 !important;
  --bs-orange: #e40000 !important;
}

/* Override any dynamically generated styles */
.menu-nav .menu-item .menu-link .menu-icon {
  color: #e40000 !important;
}

/* Target specific classes that might be generated dynamically */
.sidebar-icon-orange,
.icon-orange,
[class*="orange"],
[data-color*="orange"] {
  color: #e40000 !important;
  fill: #e40000 !important;
}

/* Global button primary overrides */
.btn-primary {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}

.btn-light-primary {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTable td {
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
  color: #3f4254;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  outline: none !important;
  padding: 5px 7px;
}

.bg-orange {
  background-color: #e40000 !important;
}

.bg-purple {
  background-color: #222222 !important;
}

/* Sidebar color overrides */
.btn-warning {
  background-color: #e40000 !important;
  border-color: #e40000 !important;
  color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important;
}

.text-warning {
  color: #e40000 !important;
}

.border-warning {
  border-color: #e40000 !important;
}

.bg-warning {
  background-color: #e40000 !important;
}

/* Sidebar menu items - target the orange icons specifically */
.aside .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
  color: #e40000 !important;
}

.aside .aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon {
  color: #e40000 !important;
}

/* Sidebar menu text should be white */
.aside .aside-menu .menu-nav > .menu-item > .menu-link .menu-text,
.aside .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text {
  color: #ffffff !important;
}

/* Submenu text should also be white */
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text {
  color: #ffffff !important;
}

/* Override any SVG fill colors in sidebar icons */
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill] {
  fill: #e40000 !important;
  transition: fill 0.3s ease;
}

/* Active and hover states for sidebar */
.aside .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link,
.aside .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
  background-color: #e40000 !important;
}

/* Navigation warning colors */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #e40000 !important;
}

/* Progress bars */
.progress-bar-warning {
  background-color: #e40000 !important;
}

/* Badges */
.badge-warning {
  background-color: #e40000 !important;
  color: #ffffff !important;
}

/* Force any remaining orange colors to red */
[style*="#FFA800"], [style*="#ffa800"], [style*="#FF6900"], [style*="#ff6900"], [style*="#FE7F00"], [style*="#fe7f00"] {
  color: #e40000 !important;
}

/* Override inline styles for orange backgrounds */
[style*="background-color: #FFA800"], [style*="background-color: #ffa800"], [style*="background-color: #FF6900"], [style*="background-color: #ff6900"], [style*="background-color: #FE7F00"], [style*="background-color: #fe7f00"] {
  background-color: #e40000 !important;
}

.swal2-textarea {
  font-size: 13px !important;
  height: 250px !important;
}

.login-container {
  background-color: #e40000;
}

/* Force login button to use black background with white text */
.login-form .btn-light-primary {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}

.login-form .btn-light-primary:hover,
.login-form .btn-light-primary:focus,
.login-form .btn-light-primary:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

@media (min-width: 992px) {
  .login.login-4 .login-aside .login-conteiner {
    min-height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #e40000
  }
}

.login.login-4 .login-aside {
  background: linear-gradient(147.04deg, #e40000 0.74%, #8b0000 99.61%);
  width: 800px !important;
}

.card.card-custom>.card-header {
  background-color: #222222 !important;
}

.card.card-custom>.card-header .card-title .card-label {
  color: #fff !important;
}

.modal .modal-header {
  background-color: #222222 !important;
}

.modal .modal-header .modal-title {
  color: #fff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
  background-color: #e40000 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
  color: #222222 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background-color: #e40000 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #222222 !important;
}

.datatable.datatable-default>.datatable-table>.datatable-head .datatable-row>.datatable-cell,
.datatable.datatable-default>.datatable-table>.datatable-body .datatable-row>.datatable-cell,
.datatable.datatable-default>.datatable-table>.datatable-foot .datatable-row>.datatable-cell {
  vertical-align: middle;
  padding: 5px;
  font-size: 11px;
  text-transform: none;
}

.bootstrap-select .dropdown-menu.inner>li.selected>a {
  background: #d3edfa;
}

.dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
  font-size: 12px;
  padding: 7px;
}

label {
  width: 100%;
}

/* Fix responsive scrolling issues */
html, body {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100%;
}

.d-flex.flex-column.flex-root {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100%;
}

.login.login-4 {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100%;
}

/* Responsive car image styles */
.responsive-car-img {
  transition: all 0.3s ease;
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
}

/* Desktop and large screens */
@media (min-width: 1200px) {
  .responsive-car-img {
    max-width: 75% !important;
    max-height: 50% !important;
  }
  
  .login.login-4 .login-aside {
    width: 50% !important;
  }
}

/* Laptop screens */
@media (max-width: 1199px) and (min-width: 992px) {
  .responsive-car-img {
    max-width: 70% !important;
    max-height: 45% !important;
  }
  
  .login.login-4 .login-aside {
    width: 45% !important;
  }
}

/* iPad and tablet screens */
@media (max-width: 991px) and (min-width: 768px) {
  .responsive-car-img {
    max-width: 50% !important;
    max-height: 30% !important;
    border-radius: 12px !important;
  }
  
  .login-aside {
    min-height: 280px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    width: 100% !important;
  }
  
  .login.login-4 {
    flex-direction: column !important;
    height: auto !important;
  }
  
  .login-container {
    order: 2 !important;
    padding: 15px !important;
    width: 100% !important;
  }
  
  .login-content {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
  }
}

/* Mobile screens */
@media (max-width: 767px) {
  .responsive-car-img {
    display: none !important;
  }
  
  .login-aside {
    display: none !important;
  }
  
  .login.login-4 {
    flex-direction: column !important;
    height: auto !important;
  }
  
  .login-container {
    order: 1 !important;
    padding: 20px !important;
    width: 100% !important;
  }
  
  .login-content {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    padding-top: 40px !important;
  }
  
  .login-form .form-group {
    margin-bottom: 20px !important;
  }
  
  .btn {
    width: 100% !important;
  }
}

/* Small mobile screens */
@media (max-width: 575px) {
  .responsive-car-img {
    display: none !important;
  }
  
  .login-aside {
    display: none !important;
  }
  
  .login-container {
    padding: 15px !important;
    width: 100% !important;
  }
  
  .login-content {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    padding-top: 30px !important;
  }
  
  .login-logo img {
    width: 40% !important;
  }
  
  .form-control {
    font-size: 14px !important;
    padding: 10px !important;
  }
  
  .btn {
    width: 100% !important;
    font-size: 14px !important;
    padding: 12px !important;
  }
}

/* Comprehensive sidebar icon color overrides */
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: #e40000 !important;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #222222 !important;
}

/* Default sidebar icons should be red */
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #e40000 !important;
  transition: fill 0.3s ease;
}

/* Submenu items with orange colors */
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
  background-color: #e40000 !important;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: #e40000 !important;
}

/* Force override any remaining orange in sidebar */
.aside-menu * {
  color: inherit !important;
}

.aside-menu [style*="color: #FE7F00"],
.aside-menu [style*="color: #fe7f00"],
.aside-menu [style*="color: #FFA800"],
.aside-menu [style*="color: #ffa800"],
.aside-menu [style*="fill: #FE7F00"],
.aside-menu [style*="fill: #fe7f00"],
.aside-menu [style*="fill: #FFA800"],
.aside-menu [style*="fill: #ffa800"] {
  color: #e40000 !important;
  fill: #e40000 !important;
}

/* Target specific orange hex values that might appear */
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon[style*="#FE7F00"],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon[style*="#fe7f00"],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon[style*="#FFA800"],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon[style*="#ffa800"] {
  color: #e40000 !important;
}

/* ========== GLOBAL BUTTON WHITE TEXT OVERRIDES ========== */
/* Ensure ONLY buttons with black backgrounds have white text */
.btn-primary,
.btn-light-primary {
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  color: #ffffff !important;
}

/* Only buttons with dark/black backgrounds */
.btn[style*="background-color: #222222"],
.btn[style*="background-color: #000000"],
.btn[style*="background-color: #333333"],
button[style*="background-color: #222222"],
button[style*="background-color: #000000"],
button[style*="background-color: #333333"] {
  color: #ffffff !important;
}

/* Button hover states - only for black background buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  color: #ffffff !important;
}

/* Button focus and active states - only for black background buttons */
.btn-primary:focus,
.btn-primary:active,
.btn-light-primary:focus,
.btn-light-primary:active {
  color: #ffffff !important;
}

/* Override inline styles only for buttons with dark backgrounds */
.btn-primary[style*="color: #e40000"],
.btn-light-primary[style*="color: #e40000"],
.btn[style*="background-color: #222222"][style*="color: #e40000"],
.btn[style*="background-color: #000000"][style*="color: #e40000"] {
  color: #ffffff !important;
}

/* Specific form buttons - only those with black backgrounds */
.login-form .btn,
.login-form .btn-primary,
.login-form .btn-light-primary {
  color: #ffffff !important;
}

/* DataTables buttons - only if they have black backgrounds */
.dataTables_wrapper .btn-primary,
.dataTables_wrapper .btn-light-primary {
  color: #ffffff !important;
}

/* Remove overly broad button targeting */

/* ========== BLACK BACKGROUND BUTTON TEXT OVERRIDES ========== */
/* Only target buttons with black backgrounds for white text */

/* Specific button classes with black backgrounds */
.btn-primary,
.btn-light-primary,
.btn-dark {
  color: #ffffff !important;
}

/* Button combinations that have black backgrounds */
.btn.btn-primary,
.btn.btn-light-primary,
.btn.btn-dark {
  color: #ffffff !important;
}

/* Size variants with black backgrounds */
.btn-sm.btn-primary,
.btn-sm.btn-light-primary,
.btn-sm.btn-dark,
.btn-lg.btn-primary,
.btn-lg.btn-light-primary,
.btn-lg.btn-dark {
  color: #ffffff !important;
}

/* End of black background button overrides */