.app-header[data-tema="predeterminado"] {
	background-color: var(--predeterminado);
	}
.app-header[data-tema="azul"] {
	background-color: var(--azul);
	}
.app-header[data-tema="ocre"] {
	background-color: var(--ocre);
	}
.app-header[data-tema="rojo"] {
	background-color: var(--rojo);
	}
	
.app-header__logo[data-tema="predeterminado"] {
	background-color: var(--predeterminadoOscuro);
	}
.app-header__logo[data-tema="azul"] {
	background-color: var(--azulOscuro);
	}
.app-header__logo[data-tema="ocre"] {
	background-color: var(--ocreOscuro);
	}
.app-header__logo[data-tema="rojo"] {
	background-color: var(--rojoOscuro);
	}
	
.app-sidebar__toggle[data-tema="predeterminado"]:focus, .app-sidebar__toggle[data-tema="predeterminado"]:hover {
	background-color: var(--predeterminadoOscuro);
	}
.app-sidebar__toggle[data-tema="azul"]:focus, .app-sidebar__toggle[data-tema="azul"]:hover {
	background-color: var(--azulOscuro);
	}
.app-sidebar__toggle[data-tema="ocre"]:focus, .app-sidebar__toggle[data-tema="ocre"]:hover {
	background-color: var(--ocreOscuro);
	}
.app-sidebar__toggle[data-tema="rojo"]:focus, .app-sidebar__toggle[data-tema="rojo"]:hover {
	background-color: var(--rojoOscuro);
	}
	
.headerRegister[data-tema="predeterminado"] {
	background: var(--predeterminado);
	}
.headerRegister[data-tema="azul"] {
	background: var(--azul);
	}
.headerRegister[data-tema="ocre"] {
	background: var(--ocre);
	}
.headerRegister[data-tema="rojo"] {
	background: var(--rojo);
	}
	
.btn-primary {
	cursor: pointer;
	}
.btn-primary[data-tema="predeterminado"] {
	background-color: var(--predeterminado);
	border-color: var(--predeterminado);
	}	
.btn-primary[data-tema="azul"] {
	background-color: var(--azul);
	border-color: var(--azul);
	}
.btn-primary[data-tema="ocre"] {
	background-color: var(--ocre);
	border-color: var(--ocre);
	}
.btn-primary[data-tema="rojo"] {
	background-color: var(--rojo);
	border-color: var(--rojo);
	}

.btn-outline-primary {
	cursor: pointer;
	}
.btn-outline-primary[data-tema="predeterminado"] {
	color: var(--predeterminado);
	border-color: var(--predeterminado);
	}	
.btn-outline-primary[data-tema="azul"] {
	color: var(--azul);
	border-color: var(--azul);
	}
.btn-outline-primary[data-tema="ocre"] {
	color: var(--ocre);
	border-color: var(--ocre);
	}
.btn-outline-primary[data-tema="rojo"] {
	color: var(--rojo);
	border-color: var(--rojo);
	}
	
.btn-outline-primary[data-tema="predeterminado"]:hover {
	color: #FFF;
	background-color: var(--predeterminado);
	border-color: var(--predeterminado);
	}	
.btn-outline-primary[data-tema="azul"]:hover {
	color: #FFF;
	background-color: var(--azul);
	border-color: var(--azul);
	}
.btn-outline-primary[data-tema="ocre"]:hover {
	color: #FFF;
	background-color: var(--ocre);
	border-color: var(--ocre);
	}
.btn-outline-primary[data-tema="rojo"]:hover {
	color: #FFF;
	background-color: var(--rojo);
	border-color: var(--rojo);
	}

.material-half-bg .cover[data-tema="predeterminado"] {
	background-color: var(--predeterminado);
	}
.material-half-bg .cover[data-tema="azul"] {
	background-color: var(--azul);
	}
.material-half-bg .cover[data-tema="ocre"] {
	background-color: var(--ocre);
	}
.material-half-bg .cover[data-tema="rojo"] {
	background-color: var(--rojo);
	}