@font-face {
  font-family: 'Noto Sans';
  src: url('./fonts/NotoSans-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./fonts/NotoSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	margin: 0;
	padding: 0px;
	box-sizing: border-box;
	font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

:root {
	--mdc-theme-primary: #45B5A3;
}

.fullWidth {
	width: 100% !important;
}

.pull_right {
    text-align: right;
}

.left_menu_item {
	padding: 0px !important;
	margin: 0px !important;
	height: 20px !important;
}

.left_menu_item .mdc-button__label {
	padding: 0px;
	margin: 0px;
	color: #333 !important;
	text-transform: none !important;
}

.close-button {
	display: grid;
	place-items: center;
	color: white;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -15px;
	top: -15px;
	background: var(--mdc-theme-primary);
	cursor: pointer;
}

.no-min-width {
	min-width: 0px !important;
}

.chip_box {
	height: 25px !important;
}

.mdc-text-field--outlined.mdc-text-field--dense {
	height: 44px !important;
}

.mdc-notched-outline .mdc-notched-outline__notch {
	width: auto;
	width: fit-content !important;
}

.row-gaps {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 15px;
}

.form-row {
	display: grid;
	grid-template-columns: 50% 50%;
	margin: 0 -2.5px;
}
.form-row > div {
	margin: 0 2.5px;
}

.row1 {
	grid-template-columns: 1fr;
}
.row3 {
	grid-template-columns: repeat(3, 33.332%);
}
.onefield {
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	margin: 0;
}
.onefield:hover {
	border-color: #000;
}
.onefield > .field > label {
	height: 42px !important;
}
.onefield .mdc-notched-outline__leading,
.onefield .mdc-notched-outline__notch,
.onefield .mdc-notched-outline__trailing {
	border: unset;
}
.onefield .mdc-floating-label {
	background-color: #fff;
	display: inline-block;
	padding: 0 3px;
	margin-left: -3px;
}
.rowFIO {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 75% 25%;
	align-items: center;
}
.row4 {
	grid-template-columns: repeat(4, 25%);
}

.mdc-snackbar__surface {
	margin-bottom: 10px;
}