:root {
	--rojo-intenso-1: #9D1911;
	--rojo-intenso-2: #B01D13;
	--rojo-intenso-3: #BF1F15;
	--rojo-intenso-4: #D15E57;
	--rojo-intenso-5: #E4A19D;
	--rojo-intenso-6: #F3D7D5;

	--papel-vintage-1: #B49371;
	--papel-vintage-2: #C9A57F;
	--papel-vintage-3: #DBB38A;
	--papel-vintage-4: #E5C8AB;
	--papel-vintage-5: #F0DFCE;
	--papel-vintage-6: #fffbf8;

	--naranja-quemado-1: #9B5B37;
	--naranja-quemado-2: #AE663E;
	--naranja-quemado-3: #BD6F43;
	--naranja-quemado-4: #CF9778;
	--naranja-quemado-5: #E3C3B0;
	--naranja-quemado-6: #F3E5DD;

	--dorado-1: #AA8636;
	--dorado-2: #BE963D;
	--dorado-3: #CFA342;
	--dorado-4: #DCBD77;
	--dorado-5: #EBD8B0;
	--dorado-6: #F6EEDD;

	--celeste-argentina-1: #3F707E;
	--celeste-argentina-2: #477E8E;
	--celeste-argentina-3: #4D899A;
	--celeste-argentina-4: #7FAAB6;
	--celeste-argentina-5: #B4CDD5;
	--celeste-argentina-6: #edeeee;

	--carbon-1: #191919;
	--carbon-2: #1D1C1C;
	--carbon-3: #1F1E1E;
	--carbon-4: #5E5D5D;
	--carbon-5: #A1A0A0;
	--carbon-6: #D7D6D6;

	--verde-profundo-1: #2C4124;
	--verde-profundo-2: #324928;
	--verde-profundo-3: #364F2C;
	--verde-profundo-4: #6E8067;
	--verde-profundo-5: #ABB5A6;
	--verde-profundo-6: #DBDFD9;
}

			body.no-skin {
				background: var(--papel-vintage-6);
				color: var(--carbon-3);
			}

			html,
			body,
			.main-container,
			.main-content,
			.main-content-inner,
			.page-content {
				background-color: var(--papel-vintage-6);
			}

			a,
			.blue {
				color: var(--rojo-intenso-1);
				text-decoration: none;
				transition: color .2s ease, text-decoration-color .2s ease;
			}

			h1, h2, h3, h4, h5, h6 {
				color: var(--rojo-intenso-1);
			}

			small,
			.text-muted {
				color: var(--carbon-4);
			}

			a:visited {
				color: var(--rojo-intenso-2);
			}

			a:hover,
			a:focus {
				color: var(--rojo-intenso-2);
				text-decoration: underline;
			}

			a:active {
				color: var(--rojo-intenso-3);
			}

			a:focus {
				outline: 2px solid var(--celeste-argentina-4);
				outline-offset: 2px;
			}

			.main-content,
			.main-content-inner,
			.page-content {
				background: var(--papel-vintage-6);
			}

			.sidebar,
			.sidebar:before,
			.sidebar-shortcuts {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
			}

			.no-skin .sidebar,
			.no-skin .sidebar:before,
			.no-skin .sidebar-shortcuts {
				background: var(--papel-vintage-6) !important;
				background-color: var(--papel-vintage-6) !important;
			}

			.no-skin .sidebar-toggle {
				background-color: var(--naranja-quemado-6);
			}

			.sidebar.menu-min .nav-list > li > a {
				background: var(--papel-vintage-5);
			}

			.nav-list,
			.nav-list > li,
			.nav-list > li > a,
			.nav-list > li .submenu {
				background: transparent;
				border-color: var(--carbon-6);
			}

			.nav-list > li .submenu,
			.no-skin .nav-list > li .submenu {
				background: transparent !important;
				background-color: transparent !important;
			}

			.nav-list > li:before,
			.nav-list > li.active:before {
				background-color: var(--rojo-intenso-1);
			}

			.breadcrumbs {
				background: var(--naranja-quemado-6);
				border-bottom: 1px solid var(--carbon-6);
			}

			.page-header {
				border-bottom-color: var(--carbon-6);
			}

			.page-header h1 {
				color: var(--rojo-intenso-1);
			}

			.widget-box {
				border-color: var(--carbon-6);
			}

			.widget-header {
				background: var(--papel-vintage-6);
				border-bottom: 1px solid var(--carbon-6);
				color: var(--rojo-intenso-1);
			}

			.widget-color-green > .widget-header {
				background: var(--verde-profundo-4) !important;
			}
			.widget-color-green > .widget-header > a,
			.widget-color-green > .widget-header > h5 {
				color: var(--verde-profundo-6) !important;
			}
			.widget-color-purple > .widget-header{
				background: var(--celeste-argentina-3) !important;
			}

			.widget-color-purple > .widget-header > a,
			.widget-color-purple > .widget-header > h5{
				color: var(--celeste-argentina-6) !important;
			}

			.widget-color-red > .widget-header {
				background: var(--rojo-intenso-3) !important;
			}

			.widget-color-red > .widget-header > h5,
			.widget-color-red > .widget-header > a {
				color: var(--papel-vintage-6) !important;
			}

			.nav-list > li > a {
				background-color: var(--celeste-argentina-6);
				color: var(--verde-profundo-1);
			}

			.no-skin .nav-list > li > a {
				background-color: var(--naranja-quemado-6) !important;
			}

			.nav-list > li.active > a,
			.nav-list > li > a:hover {
				background: var(--papel-vintage-5);
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li > a:focus,
			.no-skin .nav-list > li:hover > a,
			.no-skin .nav-list > li.open > a,
			.no-skin .nav-list > li.open > a:hover,
			.no-skin .nav-list > li.open > a:focus {
				background-color: var(--dorado-5);
				color: var(--rojo-intenso-1);
			}

			.nav-list > li.open > a,
			.nav-list > li.active.open > a,
			.nav-list > li .submenu > li.active > a,
			.nav-list > li .submenu > li > a:hover {
				background: var(--dorado-5);
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li.open > a,
			.no-skin .nav-list > li.open > a:hover,
			.no-skin .nav-list > li.open > a:focus {
				background-color: var(--dorado-5);
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li.active > a,
			.no-skin .nav-list > li .submenu > li.active > a {
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li .submenu > li > a,
			.no-skin .nav-list > li > .submenu li > .submenu > li a {
				background-color: transparent !important;
				color: var(--verde-profundo-1);
			}

			.no-skin .nav-list > li .submenu > li > a:hover,
			.no-skin .nav-list > li .submenu > li > a:focus,
			.no-skin .nav-list > li > .submenu li > .submenu > li a:hover,
			.no-skin .nav-list > li > .submenu li.open > a,
			.no-skin .nav-list > li > .submenu li > .submenu li.open > a,
			.no-skin .nav-list > li > .submenu li > .submenu li.active > a {
				background-color: var(--naranja-quemado-6);
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li .submenu > li.active:not(.open) > a,
			.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover,
			.no-skin .nav-list > li .submenu > li.active:not(.open) > a:focus {
				background-color: var(--naranja-quemado-6);
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li .submenu > li.active > a > .menu-icon,
			.no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
				color: var(--rojo-intenso-1);
			}

			.no-skin .nav-list li.active > a:after {
				border-right-color: var(--rojo-intenso-1);
				-moz-border-right-colors: var(--rojo-intenso-1);
			}

			.no-skin .nav-list > li.active:after {
				border-color: var(--rojo-intenso-1);
			}

			.no-skin .sidebar.h-sidebar .nav-list > li.active:before {
				background-color: var(--rojo-intenso-1);
			}

			.nav-list > li > .submenu:before,
			.nav-list > li > .submenu > li:before {
				border-color: var(--carbon-6);
			}

			.table {
				background: var(--papel-vintage-6);
				color: var(--carbon-3);
			}

			.table > thead > tr > th {
				background: var(--papel-vintage-6);
				color: var(--rojo-intenso-1);
				border-color: var(--carbon-6);
			}

			.table > tbody > tr > td {
				border-color: var(--carbon-6);
			}

			.table-bordered,
			.table-bordered > thead > tr > th,
			.table-bordered > tbody > tr > td,
			.table-bordered > tfoot > tr > td {
				border-color: var(--carbon-6);
			}

			.table-striped > tbody > tr:nth-of-type(odd) {
				background-color: var(--papel-vintage-6);
			}

			.table-striped > tbody > tr:nth-of-type(even) {
				background-color: var(--papel-vintage-6);
			}

			.table-hover > tbody > tr:hover {
				background-color: var(--dorado-6);
			}

			.form-control,
			select,
			textarea,
			input[type="text"],
			input[type="number"],
			input[type="email"],
			input[type="password"] {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
				color: var(--carbon-3);
			}

			.form-control:focus,
			select:focus,
			textarea:focus,
			input[type="text"]:focus,
			input[type="number"]:focus,
			input[type="email"]:focus,
			input[type="password"]:focus {
				border-color: var(--celeste-argentina-4);
				box-shadow: 0 0 0 2px color-mix(in srgb, var(--rojo-intenso-1) 15%, transparent);
			}

			.checkbox label,
			.radio label,
			label {
				color: var(--carbon-3);
			}

			.dropdown-menu {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
			}

			.dropdown-menu > li > a {
				color: var(--verde-profundo-1);
			}

			.dropdown-menu > li > a:hover,
			.dropdown-menu > li > a:focus {
				background: var(--dorado-5);
				color: var(--rojo-intenso-1);
			}

			.nav-tabs {
				border-bottom-color: var(--carbon-6);
			}

			.nav-tabs > li > a {
				background: var(--papel-vintage-5);
				border-color: var(--carbon-6);
				color: var(--verde-profundo-1);
			}

			.nav-tabs > li.active > a,
			.nav-tabs > li.active > a:hover,
			.nav-tabs > li.active > a:focus {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
				border-bottom-color: var(--papel-vintage-6);
				color: var(--rojo-intenso-1);
			}

			.tab-content {
				background: var(--papel-vintage-6);
				border: 1px solid var(--carbon-6);
			}

			.badge,
			.label {
				background-color: var(--celeste-argentina-3);
			}

			.badge-primary,
			.label-primary {
				background-color: var(--celeste-argentina-3) !important;
				color: var(--papel-vintage-6);
			}

			.badge-warning,
			.label-warning {
				background-color: var(--dorado-2) !important;
				color: var(--papel-vintage-6);
			}

			.badge-orange,
			.label-orange {
				background-color: var(--naranja-quemado-3) !important;
				color: var(--papel-vintage-6);
			}

			.badge-pink,
			.label-pink {
				background-color: var(--rojo-intenso-3) !important;
				color: var(--papel-vintage-6);
			}

			.badge-success,
			.label-success {
				background-color: var(--rojo-intenso-1);
			}

			.badge-success {
				background-color: var(--verde-profundo-2) !important;
			}

			.badge-grey {
				background-color: var(--carbon-5) !important;
			}

			.badge-purple {
				background-color: var(--carbon-4) !important;
			}

			.badge-yellow {
				background-color: var(--dorado-5) !important;
			}

			.badge-info,
			.label-info {
				background-color: var(--celeste-argentina-3) !important;
				color: var(--papel-vintage-6);
			}

			.badge-important,
			.label-important,
			.badge-danger,
			.label-danger {
				background-color: var(--rojo-intenso-1);
			}

			.infobox {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
				color: var(--carbon-3);
			}

			.infobox.infobox-green,
			.infobox.infobox-blue,
			.infobox.infobox-red,
			.infobox.infobox-orange,
			.infobox.infobox-purple,
			.infobox.infobox-pink,
			.infobox.infobox-grey,
			.infobox.infobox-black {
				background: var(--papel-vintage-6) !important;
				border-color: var(--carbon-6);
			}

			.infobox .infobox-icon {
				color: var(--rojo-intenso-1);
			}

			.infobox .infobox-data-number,
			.infobox .infobox-content {
				color: var(--verde-profundo-1);
			}

			.modal-content {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
			}

			.modal-header,
			.modal-footer {
				background: var(--naranja-quemado-6);
				border-color: var(--carbon-6);
			}

			.alert {
				border-color: var(--carbon-6);
			}

			.alert-info {
				background: var(--naranja-quemado-6);
				color: var(--verde-profundo-1);
				border-color: var(--carbon-6);
			}

			.alert-success {
				background: var(--papel-vintage-5);
				color: var(--rojo-intenso-1);
				border-color: var(--carbon-6);
			}

			.alert-warning {
				background: var(--papel-vintage-5);
				color: var(--verde-profundo-3);
				border-color: var(--carbon-6);
			}

			.alert-orange {
				background: var(--naranja-quemado-6);
				color: var(--naranja-quemado-1);
				border-color: var(--carbon-6);
			}

			.alert-danger {
				background: var(--rojo-intenso-6);
				color: var(--rojo-intenso-1);
				border-color: var(--carbon-6);
			}

			.pagination > li > a,
			.pagination > li > span {
				background: var(--papel-vintage-6);
				border-color: var(--carbon-6);
				color: var(--rojo-intenso-1);
			}

			.pagination > .active > a,
			.pagination > .active > span,
			.pagination > .active > a:hover,
			.pagination > .active > span:hover,
			.pagination > .active > a:focus,
			.pagination > .active > span:focus {
				background: var(--rojo-intenso-1);
				border-color: var(--carbon-6);
				color: var(--papel-vintage-6);
			}

			.footer,
			.footer .footer-inner,
			.footer .footer-content {
				background: var(--papel-vintage-5);
				border-color: var(--carbon-6);
				color: var(--carbon-3);
			}

			.footer a {
				color: var(--rojo-intenso-1);
			}

			.footer a:hover,
			.footer a:focus {
				color: var(--rojo-intenso-1);
			}

			.btn,
			.btn-default,
			.btn-minier,
			.btn-xs,
			.btn-sm {
				border-radius: 4px;
			}

			.btn.btn-default,
			.btn-default {
				background-color: var(--carbon-5);
				border-color: var(--carbon-6);
				color: var(--carbon-3);
			}

			.btn.btn-default:hover,
			.btn.btn-default:focus,
			.btn-default:hover,
			.btn-default:focus {
				background-color: var(--dorado-5);
				color: var(--rojo-intenso-1);
			}

			.btn.btn-primary,
			.btn-primary {
				background-color: var(--celeste-argentina-3) !important;
				border-color: var(--celeste-argentina-3) !important;
			}

			.btn.btn-info,
			.btn-info {
				background-color: var(--verde-profundo-3) !important;
				border-color: var(--verde-profundo-3) !important;
			}

			.btn.btn-primary:hover,
			.btn.btn-primary:focus,
			.btn-primary:hover,
			.btn-primary:focus {
				background-color: var(--celeste-argentina-1) !important;
				border-color: var(--celeste-argentina-1) !important;
			}

			.btn.btn-info:hover,
			.btn.btn-info:focus,
			.btn-info:hover,
			.btn-info:focus {
				background-color: var(--verde-profundo-1) !important;
				border-color: var(--verde-profundo-1) !important;
			}

			.btn.btn-blue,
			.btn-blue {
				background-color: var(--carbon-3) !important;
				border-color: var(--carbon-3) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-blue:hover,
			.btn.btn-blue:focus,
			.btn-blue:hover,
			.btn-blue:focus {
				background-color: var(--carbon-1) !important;
				border-color: var(--carbon-1) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-purple,
			.btn-purple {
				background-color: var(--carbon-4) !important;
				border-color: var(--carbon-4) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-purple:hover,
			.btn.btn-purple:focus,
			.btn-purple:hover,
			.btn-purple:focus {
				background-color: var(--carbon-3) !important;
				border-color: var(--carbon-3) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-danger,
			.btn-danger,
			.btn.btn-inverse,
			.btn-inverse {
				background-color: var(--rojo-intenso-3);
				border-color: var(--rojo-intenso-3);
			}

			.btn.btn-danger:hover,
			.btn.btn-danger:focus,
			.btn-danger:hover,
			.btn-danger:focus,
			.btn.btn-inverse:hover,
			.btn.btn-inverse:focus,
			.btn-inverse:hover,
			.btn-inverse:focus {
				background-color: var(--rojo-intenso-1);
				border-color: var(--rojo-intenso-1);
			}

			/* Keep cancel button border consistent inside modals */
			#modal .modal-footer #btn-cancelar.btn,
			#modal .modal-footer #btn-cancelar.btn:hover,
			#modal .modal-footer #btn-cancelar.btn:focus {
				border-width: 1px;
				border-style: solid;
				border-color: var(--rojo-intenso-3);
				box-shadow: none;
			}

			#modal .modal-footer #btn-aceptar.btn,
			#modal .modal-footer #btn-aceptar.btn:hover,
			#modal .modal-footer #btn-aceptar.btn:focus {
				border: 0;
				box-shadow: none;
			}

			#modal #btn-retirar-todo.btn,
			#modal #btn-retirar-todo.btn:hover,
			#modal #btn-retirar-todo.btn:focus,
			#modal #btn-retirar-todo.btn[disabled],
			#modal #btn-retirar-todo.btn.disabled {
				border: 0;
				box-shadow: none;
			}

			.btn.btn-success,
			.btn-success {
				background-color: var(--verde-profundo-3) !important;
				border-color: var(--verde-profundo-3) !important;
			}

			.btn.btn-success:hover,
			.btn.btn-success:focus,
			.btn-success:hover,
			.btn-success:focus {
				background-color: var(--verde-profundo-1) !important;
				border-color: var(--verde-profundo-1) !important;
			}

			.btn.btn-warning,
			.btn-warning {
				background-color: var(--dorado-3) !important;
				border-color: var(--dorado-3) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-warning:hover,
			.btn.btn-warning:focus,
			.btn-warning:hover,
			.btn-warning:focus {
				background-color: var(--dorado-1) !important;
				border-color: var(--dorado-1) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-orange,
			.btn-orange {
				background-color: var(--naranja-quemado-3) !important;
				border-color: var(--naranja-quemado-3) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-orange:hover,
			.btn.btn-orange:focus,
			.btn-orange:hover,
			.btn-orange:focus {
				background-color: var(--naranja-quemado-1) !important;
				border-color: var(--naranja-quemado-1) !important;
				color: var(--papel-vintage-6);
			}

			.btn.btn-pink,
			.btn-pink {
				background-color: var(--rojo-intenso-3) !important;
				border-color: var(--rojo-intenso-3) !important;
			}

			.btn.btn-pink:hover,
			.btn.btn-pink:focus,
			.btn-pink:hover,
			.btn-pink:focus {
				background-color: var(--rojo-intenso-1) !important;
				border-color: var(--rojo-intenso-1) !important;
			}

			.global-header-banner {
				width: 100%;
				height: clamp(96px, 11.5vw, 180px);
				max-height: 180px;
				overflow: hidden;
				display: flex;
				justify-content: flex-start;
				align-items: stretch;
				background: var(--papel-vintage-4);
				border-bottom: 1px solid var(--carbon-6);
				position: relative;
			}

			.global-header-banner img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: left center;
			}

			.global-header-link {
				display: block;
				width: 100%;
				height: 100%;
			}

			.header-user-overlay {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				z-index: 5;
				padding: 0 10px;
				background: linear-gradient(to bottom, color-mix(in srgb, var(--carbon-1) 35%, transparent), transparent);
			}

			.header-user-overlay .navbar-buttons {
				margin-top: 0;
			}

			.header-user-overlay .ace-nav > li,
			.header-user-overlay .ace-nav > li.green,
			.header-user-overlay .ace-nav > li.light-blue,
			.header-user-overlay .ace-nav > li.purple,
			.header-user-overlay .ace-nav > li.grey,
			.header-user-overlay .ace-nav > li.transparent {
				background: transparent;
			}

			.header-user-overlay .ace-nav > li > a {
				background: color-mix(in srgb, var(--rojo-intenso-1) 88%, transparent);
				color: var(--papel-vintage-6);
			}

			.header-user-overlay .ace-nav > li > a:hover,
			.header-user-overlay .ace-nav > li.open > a {
				background: color-mix(in srgb, var(--rojo-intenso-1) 95%, transparent);
				color: var(--papel-vintage-6);
			}

			.header-user-overlay .user-info,
			.header-user-overlay .user-info small,
			.header-user-overlay .ace-icon {
				color: var(--papel-vintage-6);
			}

			.header-user-overlay .navbar-header {
				float: right !important;
			}

			.header-user-overlay .ace-nav > li {
				height: 50px;
				line-height: 50px;
			}

			.header-user-overlay .ace-nav > li > a {
				height: 50px;
				line-height: 50px;
			}

			.header-user-overlay:after {
				content: "";
				display: table;
				clear: both;
			}

			#navbar.navbar-default.app-navbar {
				background: transparent;
				border: 0;
				box-shadow: none;
				margin-bottom: 0;
				min-height: 0;
				height: 0;
				overflow: visible;
			}

			#navbar.navbar-default.app-navbar .navbar-brand {
				padding: 0;
				height: auto;
			}

			#navbar.navbar-default.app-navbar #navbar-container {
				min-height: 0;
				height: 0;
				padding-left: 0;
				padding-right: 0;
			}

			#navbar.navbar-default.app-navbar .navbar-header {
				display: none;
			}

			.app-navbar-brand-spacer {
				width: 0;
				height: 0;
			}

			@media (max-width: 991px) {
				.global-header-banner {
					height: clamp(90px, 15vw, 140px);
					max-height: 140px;
				}

				.app-navbar-brand-spacer {
					width: 140px;
					height: 40px;
				}
			}

			@media (max-width: 767px) {
				.header-user-overlay {
					padding: 0 6px;
				}

				.header-user-overlay .ace-nav > li,
				.header-user-overlay .ace-nav > li > a {
					height: 42px;
					line-height: 42px;
				}

				.header-user-overlay .user-info {
					display: none;
				}

				.global-header-banner {
					height: 96px;
					max-height: 96px;
				}

				.global-header-banner img {
					object-fit: cover;
					object-position: left center;
				}
			}