:root {
	--c-m: #005475;			/* main color */
	--c-bg: #F1F5F9;			/* main bg color */
	--c-bg-light: #F0F0F0;		/* light bg color */
	--c-w: #FFF;
	--c-m-50: #00547577;		/* main color 50% opacity */
	--c-m-75: #005475BB;		/* main color 75% opacity */
	--c-grey-medium: #B4B4B4;	/* */
	--c-grey-light: #F0F0F0;	/* */
	--c-active: #0054750F;		/* active */ 
	--c-f: #333;				/* font color */
	--c-f-light: #999;			/* font color light */
	--c-f-w: #FFF;				/* font color wight */
	--s-1: 1rem;				 /* size */
	--s-05: 0.5rem;
	--s-075: 0.75rem;
	--s-125: 1.25rem;
	--s-15: 1.5rem;
	--s-2: 2rem;
	--s-3: 3rem;
}
@font-face {
	font-family: 'Montserrat';
	src: url("./Font/Montserrat-Medium.ttf"); /* Формат WOFF */
	font-weight: normal; /* Нормальный вес шрифта */
	font-style: normal; /* Обычный стиль шрифта */
}

body div {
	display: block;
	box-sizing: border-box;
	font-size: var(--s-1);
}
body {
	width: 100vw;
	height: 100vh;
	scrollbar-width: thin;
	margin: 0;
	padding: 0;
	background-color: var(--c-m);
	color: var(--c-f-w);
	font-family: 'Montserrat', sans-serif;
}
body div::-webkit-scrollbar {
    width: 10px; /* Ширина scrollbar */
    background-color: #f5f5f5; /* Цвет фона scrollbar */
}

body div::-webkit-scrollbar-thumb {
    background-color: #005475; /* Цвет ползунка scrollbar */
}
.dropShadow {
	box-shadow: 0 0 0.25rem #0000003F;
}
.active {
	background-color: var(--c-active);
	color: var(--c-m);
}
.placeholder {
	font-style: italic;
	color: var(--c-grey-medium);
}
.hide {
	display: none !important;
}
.invis {
	opacity: 0;
}