@font-face {
	font-family: 'MontserratLight';
	src: url('/static/font/Montserrat-Light.ttf');
}

@font-face {
	font-family: 'Montserrat';
	src: url('/static/font/Montserrat-Regular.ttf');
}

@font-face {
	font-family: 'MontserratMedium';
	src: url('/static/font/Montserrat-Medium.ttf');
}

@font-face {
	font-family: 'MontserratBold';
	src: url('/static/font/Montserrat-Bold.ttf');
}

@font-face {
	font-family: 'MontserratSemiBold';
	src: url('/static/font/Montserrat-SemiBold.ttf');
}

@font-face {
	font-family: 'MontserratExtraBold';
	src: url('/static/font/Montserrat-ExtraBold.ttf');
}

html,body{
	/*width: 100vw;*/
	/*height: 100vh;*/
	/*position: fixed;*/
	overflow: hidden;
	/*pointer-events: none;*/
}

*{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
	--list_row_name: #cfcfcf;
	--font-color: #ffffff;
	--body-bg: linear-gradient(180deg, #1a1a1a, black);
	--list: #202020;
	--bottom_menu_inactive: #a7a7a7;
	--bottom_menu_active: #ffffff;
	--main_header: #121212;
	--main_header_details_row_name: #9f9f9f;
	--pop_big_button: #363636;
	--pop_color: #363636;
	--pop_input_color: #000000;
	--pop_row_info_label: #7c7c7c;

}

body{
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	font-family: 'Montserrat';
	color: var(--font-color);
}

a{
	text-decoration: none;
	color: inherit;
}

input,textarea{
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat';
	-webkit-appearance: none;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
}

.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	opacity: 0;
	transition: opacity 0.3s;
	flex-direction: column;
	/*pointer-events: auto;*/
}

.page_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: var(--body-bg);
}

body[auth="0"] .page_wrapper,
body[auth="0"] .bottom_menu,
body[auth="0"] .object_profile_wrap,
body[auth="1"] .auth_wrap,
body[auth="2"] .page_wrapper,
body[auth="2"] .bottom_menu,
body[auth="2"] .auth_wrap{
	display: none;
}

.big_add_button{
	display: flex;
	margin: auto;
	width: 76vw;
	justify-content: center;
	align-items: center;
	background: #01a301;
	color: white;
	height: 60px;
	border-radius: 5px;
	font-size: 20px;
	margin-top: 30px;
	position: fixed;
	bottom: 90px;
	left: 12vw;
	font-family: 'MontserratMedium';
	z-index: 2;
}

.big_add_button[type="red"]{
	background: #b52c2c;
}