/* --- QUADRIDENT --- QUAD.CSS --------------------------------------------------------------------------------------------- */


/*     Common Stylesheet for all QUADRIDENT sites and applications                                                           */


/* --- COLOR DEFINITIONS --------------------------------------------------------------------------------------------------- */


:root
{
	--qd-back-area-a100 : rgba(008,008,028,1.00) ;
	--qd-back-grid-a007 : rgba(124,140,200,0.07) ;

	--qd-norm-text-a100 : rgba(255,255,255,1.00) ;
	--qd-norm-text-a070 : rgba(255,255,255,0.70) ;
	--qd-norm-text-a050 : rgba(255,255,255,0.50) ;
	--qd-norm-text-a030 : rgba(255,255,255,0.30) ;
	--qd-norm-text-a015 : rgba(255,255,255,0.15) ;
	--qd-norm-text-a005 : rgba(255,255,255,0.05) ;

	--qd-norm-line-a100 : rgba(255,255,255,1.00) ;
	--qd-norm-line-a070 : rgba(255,255,255,0.70) ;
	--qd-norm-line-a050 : rgba(255,255,255,0.50) ;
	--qd-norm-line-a030 : rgba(255,255,255,0.30) ;
	--qd-norm-line-a015 : rgba(255,255,255,0.15) ;
	--qd-norm-line-a005 : rgba(255,255,255,0.05) ;

	--qd-hlgt-text-a100 : rgba(034,034,034,1.00) ;
	--qd-hlgt-text-a070 : rgba(034,034,034,0.70) ;
	--qd-hlgt-text-a050 : rgba(034,034,034,0.50) ;
	--qd-hlgt-text-a030 : rgba(034,034,034,0.30) ;
	--qd-hlgt-text-a015 : rgba(034,034,034,0.15) ;
	--qd-hlgt-text-a005 : rgba(034,034,034,0.05) ;

	--qd-hlgt-line-a100 : rgba(034,034,034,1.00) ;
	--qd-hlgt-line-a070 : rgba(034,034,034,0.70) ;
	--qd-hlgt-line-a050 : rgba(034,034,034,0.50) ;
	--qd-hlgt-line-a030 : rgba(034,034,034,0.30) ;
	--qd-hlgt-line-a015 : rgba(034,034,034,0.15) ;
	--qd-hlgt-line-a005 : rgba(034,034,034,0.05) ;

	--qd-hlgt-good-a100 : rgba(116,255,001,1.00) ;
	--qd-hlgt-good-a070 : rgba(116,255,001,0.70) ;
	--qd-hlgt-good-a050 : rgba(116,255,001,0.50) ;
	--qd-hlgt-good-a030 : rgba(116,255,001,0.30) ;
	--qd-hlgt-good-a015 : rgba(116,255,001,0.15) ;
	--qd-hlgt-good-a005 : rgba(116,255,001,0.05) ;

	--qd-hlgt-neut-a100 : rgba(255,192,000,1.00) ;
	--qd-hlgt-neut-a070 : rgba(255,192,000,0.70) ;
	--qd-hlgt-neut-a050 : rgba(255,192,000,0.50) ;
	--qd-hlgt-neut-a030 : rgba(255,192,000,0.30) ;
	--qd-hlgt-neut-a015 : rgba(255,192,000,0.15) ;
	--qd-hlgt-neut-a005 : rgba(255,192,000,0.05) ;

	--qd-hlgt-baad-a100 : rgba(255,061,001,1.00) ;
	--qd-hlgt-baad-a070 : rgba(255,061,001,0.70) ;
	--qd-hlgt-baad-a050 : rgba(255,061,001,0.50) ;
	--qd-hlgt-baad-a030 : rgba(255,061,001,0.30) ;
	--qd-hlgt-baad-a015 : rgba(255,061,001,0.15) ;
	--qd-hlgt-baad-a005 : rgba(255,061,001,0.05) ;

	--qd-acnt-area-a100 : rgba(045,091,255,1.00) ;
	--qd-acnt-area-a070 : rgba(045,091,255,0.70) ;
	--qd-acnt-area-a050 : rgba(045,091,255,0.50) ;
	--qd-acnt-area-a030 : rgba(045,091,255,0.30) ;
	--qd-acnt-area-a015 : rgba(045,091,255,0.15) ;
	--qd-acnt-area-a005 : rgba(045,091,255,0.05) ;

	--qd-acnt-text-a100 : rgba(117,150,255,1.00) ;
	--qd-acnt-text-a070 : rgba(117,150,255,0.70) ;
	--qd-acnt-text-a050 : rgba(117,150,255,0.50) ;
	--qd-acnt-text-a030 : rgba(117,150,255,0.30) ;
	--qd-acnt-text-a015 : rgba(117,150,255,0.15) ;
	--qd-acnt-text-a005 : rgba(117,150,255,0.05) ;
}





/* --- RESOURCE BINDINGS --------------------------------------------------------------------------------------------------- */


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-Thin.ttf)			;
	font-style			: normal													;
	font-weight			: 100														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-ExtraLight.ttf)		;
	font-style			: normal													;
	font-weight			: 200														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-Light.ttf)			;
	font-style			: normal													;
	font-weight			: 300														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-Medium.ttf)			;
	font-style			: normal													;
	font-weight			: 400														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-SemiBold.ttf)		;
	font-style			: normal													;
	font-weight			: 500														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-Bold.ttf)			;
	font-style			: normal													;
	font-weight			: 600														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-ExtraBold.ttf)		;
	font-style			: normal													;
	font-weight			: 700														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-Black.ttf)			;
	font-style			: normal													;
	font-weight			: 800														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-ThinItalic.ttf)		;
	font-style			: italic													;
	font-weight			: 100														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-ExtraLightItalic.ttf);
	font-style			: italic													;
	font-weight			: 200														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-LightItalic.ttf)		;
	font-style			: italic													;
	font-weight			: 300														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-MediumItalic.ttf)	;
	font-style			: italic													;
	font-weight			: 400														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-SemiBoldItalic.ttf)	;
	font-style			: italic													;
	font-weight			: 500														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-BoldItalic.ttf)		;
	font-style			: italic													;
	font-weight			: 600														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-ExtraBoldItalic.ttf)	;
	font-style			: italic													;
	font-weight			: 700														;
}


@font-face
{
	font-family			: Montserrat 												;
	src					: url(../res/fnt/montserrat/Montserrat-BlackItalic.ttf)		;
	font-style			: italic													;
	font-weight			: 800														;
}


/* --- DEFAULT SETTINGS ---------------------------------------------------------------------------------------------------- */


*
{
	border				: none							;
	box-sizing			: border-box					;
	border				: none							;
	border-image		: none							;
	border-radius		: 0								;
	color				: var(--qd-norm-text-a100)		;
	display				: block							;
	font-family			: Montserrat					;
	font-weight			: 300							;
	padding				: 0								;
	margin				: 0								;
	overflow			: hidden						;
	scrollbar-width		: 0								;
	text-overflow		: ellipsis						;
	user-select			: none							;
	white-space			: nowrap						;
	-ms-overflow-style	: none							;
	-webkit-user-select : none							;
}

*::-webkit-scrollbar
{
	display				: none							;
}

base , head , link , script , title
{
	display				: none							;
}

body
{
	background-color	: var(--qd-back-area-a100)		;
	background-image	: linear-gradient(var(--qd-back-grid-a007) 1px, transparent 1px),
						  linear-gradient(to right, var(--qd-back-grid-a007) 1px, transparent 1px) ;
	background-repeat	: repeat						;
	background-size 	: 128px 128px					;
	height				: 100dvh						;
	position			: relative						;
	width				: 100dvw						;
}

input
{
	color-scheme		: dark							;
}

.gone
{
	display				: none !important				;
}

.svg-resource
{
	height				: 0								;
	width				: 0								;
}


/* --- END OF FILE --- QUAD.CSS -------------------------------------------------------------------------------------------- */