@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-Regular.woff2);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-RegularItalic.woff2);
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-Bold.woff2);
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-BoldItalic.woff2);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-Light.woff2);
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: SecuritasPro;
	src: url(/fonts/SecuritasPro-LightItalic.woff2);
	font-weight: 200;
	font-style: italic;
}


/* Light */




:root {
	--securitas-blue: #031F30;
	--securitas-red: #fe2339;
	--securitas-blue-lighter: #05314d /*#042e47*/;
	--securitas-gray: #f7f7f7;

	--main-font: "SecuritasPro";
	--logo-img: url(/img/logo.png);
	--menu-logo-img: url(/img/logo-menu.png);
	--background-img: url(/img/background.jpg);
	--topbar-background-color: var(--securitas-gray);
	--bottombar-background-color: var(--securitas-gray);
	--main-text-color: var(--securitas-blue);
	--th-text-color: var(--securitas-blue);
	--sec-text-color: var(--securitas-blue);
	--main-accent-color: var(--securitas-blue);
	--main-accent-contrast-color: white;
	--main-accent-selected-color: var(--securitas-blue-lighter);
	--main-accent-selected-contrast-color: white;
	--main-inactive-color: #c0c0c0;
	--main-inactive-contrast-color: white;
	--dialog-background-color: white;
	--card-background-color: white;
	--table-background-color: white;
	--input-backgroud-color: #e0e0e0;
	--text-input-background-color: var(--input-backgroud-color);
	--separator-color: #60606020;
	--background-gradient-top: rgba(247, 247, 247, .95);
	--background-gradient-bottom: rgba(247, 247, 247, .92);
	--shadow-color: #00000029;
	--geom-img-filter: contrast(10%) invert(100%) brightness(175%);
	--md-marks-color: var(--securitas-red);
	--player-buttons-filter: none;
	--show-masvideo-id: 1;

	--fab-color: var(--main-accent-contrast-color);
	--fab-background-color: var(--main-accent-color);
	--fab-hover-color: var(--main-accent-selected-contrast-color);
	--fab-hover-background-color: var(--main-accent-selected-color);

}

:root {
	--main-menu-left-color: var(--securitas-blue);
	--main-menu-right-color: var(--securitas-blue);
	--main-menu-text-color: white;
	--main-menu-hover-color: white;
	--main-menu-hover-background-color: var(--securitas-red);
	--main-menu-link-hover-color: var(--securitas-red);
	--main-menu-separator-color: var(--securitas-blue-lighter);
	--main-menu-active-color: white;
	--main-menu-active-background-color: var(--securitas-blue-lighter);
	--main-menu-switch-on-background-color: var(--securitas-red);
	--main-menu-switch-off-background-color: var(--securitas-blue-lighter);;
	--main-menu-switch-thumb-color: white;
	--main-menu-switch-thumb-border-color: transparent /*var(--securitas-red)*/;
	--main-menu-switch-border-color: var(--securitas-blue);
	--main-menu-logo-alignment: start;
}