:root {
	--primary-style-color: #413fdd;
	--primary-text-color: #212427;
	--input-border-color: #d3d4df;
	--input-label-color: #778899;
	--input-inactive-color: #f6f6fa;
	--error-color: #ff0033;
	--good-color: #26a626;
	--warn-color: #d2ae3b;
	--finish-color: #052005;
	--menu-back-color: #212427;
	--menu-item-hover: #5838D9;
	--cabinet-font-color: #333;
	--content-back: #f8f9fa;
	--content-button: #f3f3f4;
	--borders-color: #ebebed;
	--status-active: #0c3;
	
	--primary-font-family: "Inter", sans-serif;
	--secondary-font-family: "Source Sans 3", serif;
	
	--strong-font-size: 20px;
	--semi-font-size: 16px;
	--primary-font-size: 14px;
	--small-font-size: 12px;
	--extrasmall-font-size: 10px;
	
	--h2-size: 20px;
	
	--input-height: 40px;
	--input-border-radius: 6px;
	
	--gap: 20px;
}

html, body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0; 
	font-size: var(--primary-font-size);
}

* {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
* {white-space-collapse: discard; }

a {
	text-decoration: none;	
	font-family: var(--primary-font-family);
	color: var(--primary-style-color);	
	font-weight: 600;
}
.hidden {
	display: none !important;
}
.overlay {
	position: fixed;
	width:100%;
	height: 100%;
	left:0;
	top: 0;
	background-color:  rgba(33, 36, 39, 0.3);
}

.noPadTop{padding: 0px !important;}
.noPadTop{padding-top: 0px !important;}
.noPadBot{padding-bottom: 0px !important;}
.noPadLeft{padding-left: 0px !important;}
.noPadRight{padding-right: 0px !important;}