:root
{
    --ov_foreground_color: #000000;
    --ov_background_color: #ffffff;
    --ov_primary_color: #3393bd;
    --ov_primary_hover_color: #146a8f;
    --ov_secondary_color: #ffffff;
    --ov_secondary_hover_color: #e4f4ff;
	--ov_icon_color: #263238;
	--ov_light_icon_color: #838383;
	--ov_logo_text_color: #15334a;
	--ov_logo_border_color: #000000;
	--ov_toolbar_background_color: #f5f5f5;
	--ov_toolbar_selected_background_color: #e1e1e1;
    --ov_dialog_foreground_color: #000000;
    --ov_dialog_background_color: #ffffff;
	--ov_border_color: #cccccc;
	--ov_light_border_color: #dddddd;
	--ov_shadow: 0px 0px 10px #cccccc;
	--ov_small_shadow: 0px 0px 3px #cccccc;
}

@font-face
{
	font-family: Quicksand;
	src: url('Quicksand/Quicksand-Regular.ttf');
}

html, body
{
	color: var(--ov_foreground_color);
	background: var(--ov_background_color);
	font-size: 16px;
	font-family: Quicksand, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

a
{
	color: var(--ov_primary_color);
	text-decoration: none;
}

img
{
	display: block;
}

@media (hover)
{

a:hover
{
	text-decoration: underline;
}

}

@media only screen and (max-width: 700px)
{

.only_full_width
{
	display: none;
}

}

@media only screen and (max-height: 700px)
{

.only_full_height
{
	display: none;
}

}