:root {
  --menu-background: #0f0a01; /* Color original del menú (marrón oscuro) */
  --topbar-background: #422121; /* Color original para elementos activos */
  --menu-font-color: #8d8d8d;
  --primary-color: #8C0F0F; /* Color original rojo */
  --secondary-color: #B66F6F; /* Color original rojo claro */
}
.label.label-light-secondary {
	color: #868484;
}
.aside {
	background-color: var(--menu-background);
}
.aside-menu {
	background-color: var(--menu-background);
}
.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: var(--menu-font-color);
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon{
	color: var(--menu-font-color);	
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link{
	background-color: var(--menu-background);
}
/*hover*/
.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: var(--menu-background);
}
.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, .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{
	color: var(--primary-color)
}
.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: var(--primary-color)
}
.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: var(--primary-color)	
}
.aside-menu .menu-nav > .menu-section .menu-text{
	color: var(--menu-background);
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link{
 background-color: var(--topbar-background);   
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill]{
	fill: var(--secondary-color);
}
/* TOPBAR */
.svg-icon.svg-icon-custom svg g [fill]{
	fill: var(--secondary-color);
}
.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: var(--topbar-background);
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span{
	background-color: var(--secondary-color);
}
.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: var(--topbar-background);
}

/* Estilos para fletes combinados */
.combined-freight {
    border-left: 2px solid #FFA800 !important;
}

.combined-freight-two {
    border-left: 4px solid #FFA800 !important;
    background-color: rgba(255, 168, 0, 0.1) !important;
}

.combined-freight-three {
    border-left: 4px solid #28a745 !important;
    background-color: rgba(40, 167, 69, 0.1) !important;
}

/* Estilos para modal de conciliación de faltantes */
.swal2-popup .form-group {
    margin-bottom: 1rem;
}

.swal2-popup .form-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

.swal2-popup .input-group {
    margin-bottom: 0.5rem;
}

.swal2-popup .form-text {
    font-size: 0.875rem;
    line-height: 1.2;
}

.swal2-popup .text-left {
    text-align: left !important;
}

.swal2-popup input[type="number"] {
    text-align: right;
}

/* Validación de errores en SweetAlert */
.swal2-validation-message {
    background: #f27474;
    color: white;
    font-size: 16px;
    font-weight: 300;
    margin: 0 -20px;
    padding: 10px;
    border-radius: 5px;
}