.alerta_naranja{
		background-color: #FFA500;
	}

	.alerta_roja{
		background-color: #F52D2D;
	}
	
	.alerta_morada{
		background-color: #a349a4;
	}
 
	.alerta_negra{
		background-color: black;
	}
	
	.alerta_verde{
		background-color: #46FB46;
	}
	
	.alerta_azul{
		background-color: #B9FAF8;
	}

/*** En boton ****/
 	.btn.alerta_naranja{
		background-color: #FFA500 !important;
		border-color: #FFA500 ;
	}

	.btn.alerta_roja{
		background-color: #F52D2D !important;
		border-color: #F52D2D;
	}
	
	.btn.alerta_morada{
		background-color: #a349a4 !important;
		border-color: #a349a4;
	}
 
	.btn.alerta_negra{
		background-color: black !important;
		border-color: black;
	}
	
	.btn.alerta_verde{
		background-color: #46FB46 !important;
		border-color: #46FB46;
	}
	
	.btn.alerta_azul{
		background-color: #B9FAF8 !important;
		border-color: #B9FAF8;
	}
	
	/*focus*/
	.btn.alerta_naranja:hover{
		background-color: #AA6E00 !important;
		border-color: #FFA500 ;
	}

	.btn.alerta_roja:hover{
		background-color: #A31E1E !important;
		border-color: #F52D2D;
	}
	
	.btn.alerta_morada:hover{
		background-color: #6C306D !important;
		border-color: #a349a4;
	}
 
	.btn.alerta_negra:hover{
		background-color: black !important;
		border-color: black;
	}
	
	.btn.alerta_verde:hover{
		background-color: #2EA72E !important;
		border-color: #46FB46;
	}
	
	.btn.alerta_azul:hover{
		background-color: #7BA6A5 !important;
		border-color: #B9FAF8;
	}
	

	@media (max-width: 767px) {
		.alarmas {
		    color: #000;
		}
	}

	body[data-controller="historico_alarmas"] #detalle_contenido .date-picker + .input-group-addon {
		display: none;
	}
	body[data-controller="historico_alarmas"] #detalle_contenido select {
		font-size:14px !important;
		appearance: none;
		padding: 0px 5px 0px !important;
	}

	#DT_alarmas_historico_wrapper thead th:last-child, 
	#DT_alarmas_historico_wrapper tbody td:last-child {
		display: none !important;
	}

	.alerta_abierta {
		background-color: #F52D2D;
	}
	.alerta_en_tramitacion {
		background-color: #FFA500;
	}
	.alerta_tramitada {
		background-color: #46FB46;
	}
	.alerta_multiple {
		background-color: #a349a4;
	}
	.alerta_observacion {
		background-color: #B9FAF8;
	}
	.alerta_vacio {
		background-color: #ffffff;
	}

	.borde_alerta_vacio {
		border: 1px solid #000 !important;
	}
	
	.borde_alerta_ocupado {
		border: 3px solid #000 !important;
	}

	.contentPop {
		display: none;
	}

	.leyenda_ocupacion .borde_alerta_ocupado {
		border: 2px solid #000 !important;
	}

	@media (width > 728px) {
		.map_container .leyenda>div {
			top: 15rem;
			bottom: inherit !important;
		}
	}