/*
 * Global CSS settings for LMMS.
 */

:root { /* Theme colors */
	--accent-lite: #F48024;  /* text on white background */
	--accent-dark: #E97A22;  /* text on colored background */
	--select-dark: #E67525;  /* dark background with white text */
	--select-lite: #FCF0C3;  /* light background for row selection */
	--select-hover: rgba(252,240,195,0.3);  /* faded version of --select-lite for hover */
	--label-color: #777777;
	--greyed-text: #AAAAAA;
	--border-color: #999999;
	--row-border-color: #BBBBBB;
	--link-color: #0077CC;
	--link-hover-color: #0066BB;
	--link-hover-shadow: 0 0 1px #0077CC;

	--grid-hf-height: 86px;  /* caption 29px + header 27px + footer 30px */
	--grid-row-height: 25px;

	--animation-spin: animation-spin 2s infinite linear;
}

@keyframes animation-spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}

.overlay {
	background: #000;
	opacity: 0.3;
	position: fixed;
	left: 0; top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
}

.vp-center { /* center within viewport */
	position: fixed;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.float-container:after { /* fix float container height */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

:focus {
	outline: none;
}