.record-active circle
{
	fill:red;
}

.record-inactive circle
{
	fill:var(--main-color);
}

.record-active, .record-inactive, .playback-active, .playback-inactive
{
	cursor: pointer;
}

.playback-active
{
	fill:#25B24B;
}

.playback-inactive
{
	fill:#009ABA;
}

.playback-impossible
{
	fill:#000000;
}

/*Settings for the record panel aside node*/

#aside-record button:hover
{
	background-color: #344869;
	color: white;

}

#aside-record button.hidden
{
	display: none;
}

#aside-record button
{
	display: block;
	border: 1px solid var(--button-border-color);
	background-color: var(--main-background-color);
	padding: 5px 10px;
	font-size: medium;
	cursor: pointer;
	margin-top: 10px;
	width: 80px;
}

#aside-record h3
{
	margin-bottom: 10px;
}

#aside-record .record-panel
{
	padding: 5px;
}

#newRecordingName
{
	margin-bottom: 6px;
	width: 135px;
}

#newRecordingNameLink
{
	max-width: 300px;
	display: block;
	margin: 10px;
}

#newRecordingNameLink.hidden
{
    display: none;
}

/*Settings for the playback panel*/

#aside-play input[type = "checkbox"]
{
	width: auto;
}