/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08-Nov-2017, 08:40:09
    Author     : Simon
*/

	div.actions .action-button.active {
		color: #fff;
		cursor: pointer;
		display: inline-block;
	}
	div.actions .active.play, div.actions .active.pause, div.actions .active.stop {
		background-color: #00897B;
		border-color: #00897B;
	}
	div.actions .active.pay {
		background-color: #FB8C00;
		border-color: #FB8C00;
	}
	div.actions .active.pwd {
		background-color: #ffc400;
		border-color: #ffc400;
	}
	/* fix hover over link changing the color? */
	div.actions .active.pwd a:hover {
		color: white;
	}
	div.actions .active.approve {
		background-color: #C0CA33;
		border-color: #C0CA33;
	}
	div.actions .active.config {
		background-color: #546E7A;
		border-color: #546E7A;
	}
	div.actions .active.template {
		background-color: #039BE5;
		border-color: #039BE5;
	}
	div.actions .active.archive {
		background-color: #757575;
		border-color: #757575;
	}
	div.actions .active.delete {
		background-color: #E53935;
		border-color: #E53935;
	}
	div.actions .active.reset {
		background-color: #e0e0e0;
		border-color: #e0e0e0;
	}
	div.actions .active.resetyellow {
		background-color: #C0CA33;
		border-color: #C0CA33;
	}
	
	div.actions .active.download {
		background-color: #43A047;
		border-color: #43A047;
	}
	div.actions .active.changestatus {
		background-color: #43A047;
		border-color: #43A047;
	}
	div.actions .active.preview {
		background-color: #D81B60;
		border-color: #D81B60;
	}
	div.actions .active.register {
		background-color: #00897B;
		border-color: #00897B;
	}
        
	div.actions .active.status-activate {
			background-color: #43A047;
			border-color: #43A047;
	}
	div.actions .active.status-suspend {
			background-color: #E53935;
			border-color: #E53935;
	}

        
.action-row > div.actions {
	text-align: right;
}
.action-row > div.actions .action-button {
	text-align: center;
	display: inline-block;
	margin: 0 6px 0 0;
	background-color: #eee;
	color: #dadada;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:not-allowed;
	height: 33px;
	min-width: 33px;
}
.action-row > div.actions .action-button.active {
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
.action-row > div.actions .active.play, .action-row > div.actions .active.pause, .action-row > div.actions .active.stop {
	background-color: #00897B;
}
.action-row > div.actions .active.pay {
	background-color: #FB8C00;
}
.action-row > div.actions .active.approve {
	background-color: #C0CA33;
}
.action-row > div.actions .active.config {
	background-color: #546E7A;
}
.action-row > div.actions .active.template {
	background-color: #039BE5;
}
.action-row > div.actions .active.archive {
	background-color: #757575;
}
.action-row > div.actions .active.delete {
	background-color: #E53935;
}
.action-row > div.actions .active.download {
	background-color: #43A047;
}
.action-row > div.actions .active.preview {
	background-color: #D81B60;
}
.action-row .status span {
	background-color: #d6d6d6;
	color: #fff;
	padding: 2px 11px 4px;
	margin-right: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.action-row span.archived {
	background-color: #757575;
}
.action-row span.complete {
	background-color: #43A047;
}
.action-row span.error {
	background-color: #E53935;
}
.action-row span.paused {
	background-color: #00897B;
}
.action-row span.running {
	background-color: #C0CA33;
}
.action-row span.starting {
	background-color: #C0CA33;
}
.action-row span.stopped {
	background-color: #8E24AA;
}
.action-row span.waiting {
	background-color: #00ACC1;
}
.action-row span.deleted {
	background-color: #3949AB; 
}