.page__header {
	display: flex;
	position: fixed;
	z-index: 80;

	width: 100%;
	min-height: 50px;
	padding-left: 60px;

	background-color: var(--form-color);
	/* border-bottom: 1px solid var(--black20per-color); */
	box-shadow: 0px 0px 8px 0px var(--black20per-color);
}

.header__title {
	max-width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
}

.header__title h1 {
	z-index: 100;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	line-height: 1.2;
	padding-left: 5px;
}

.full__width {
	max-width: calc(100% - 30px);
}

.header__icon {
	z-index: 100;
	flex-shrink: 0;

	width: 30px;
	height: 30px;

	color: var(--table-color);
}

.header__title_caret {
	z-index: 100;
	color: var(--gray-color);
	flex-shrink: 0;

	margin: 5px;

	width: 20px;
	height: 20px;
	transition: all .5s;
}

.header__dropdown {
    cursor: pointer;
}

.header__button {
	position: absolute !important;
	right: 0;
	align-self: flex-end;
}

.header__dropdown_info {
	position: fixed;
	left: 0;
	top: 0;
	width: 100% ;
	padding: 100px 10px 10px 60px;
	transform: translateY(-500px);
	transition: all .3s;
	opacity: 0;
	box-shadow: 0px 1px 5px 2px var(--black20per-color);
	background-color: var(--high-color);
}

.header__dropdown_info td {
    padding: 5px 0;
    word-break: break-word;
    white-space: break-spaces;
    border: none !important;
    background-color: transparent !important;
}

.header__dropdown_info td:first-child {
    text-align: right;
    white-space: nowrap;
    text-transform: uppercase;
    border-left: none !important;
}

.header__dropdown_info .requisites {
    text-decoration: underline;
    text-transform: none;
    margin-right: 6px;
}

.header__dropdown_info span {
    display: inline !important;
}

.header__dropdown_info table {
    font-size: 12px;
    border: none;
}


.header__dropdown_shown .header__dropdown_info {
	transform: translateY(0px);
	opacity: 1;
	z-index: 90;
}

.header__dropdown_shown .header__title_caret {
	-webkit-transform: rotate(180deg) !important;
	transform: rotate(180deg) !important;
}

.page__header .edit-elements {
	z-index: 100;
	padding-left: 10px;
	display: flex;
	align-items: center;
}

.header__lines {
	display: block;
	width: calc(100% - 30px);
}

.header__main_line {
	display: flex;
	width: 100%;
}

.header__additional_line {
	position: relative;
	z-index: 100;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;

	color: var(--contrast-color);
	padding: 0 0 3px 7px;
}

.header__warning {
	margin: 5px;
	width: 20px;
	height: 20px;
	color: var(--danger-color);
}

.header__warning svg {
    width: 100%;
    height: 100%;
}

.dash-tabs,
.horizontal_toolbar_scroll {
	overflow-x: scroll;
	scrollbar-width: none;
	display: flex;
	white-space: nowrap;
}

.dash-tabs {
	margin: 0 10px;
}

.dash-tabs.btns_visible,
.horizontal_toolbar_scroll.btns_visible {
	margin: 0 20px !important;
}

.dash-tabs::-webkit-scrollbar,
.horizontal_toolbar_scroll::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.dash_wrapper {
	max-width: 100%;
	position: absolute;
	bottom: 0;
}

.right-0 {
	right: 0;
}

.dash__prev_btn,
.dash__next_btn {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;

	content: '';
	height: 40px;
	width: 20px;
	cursor: pointer;
}

.dash__prev_btn {
	left: 0;
}

.dash__next_btn {
	right: 0;
}

.dash__prev_btn svg,
.dash__next_btn svg {
	width: 20px;
	height: 20px;
	margin-top: 10px;

	color: var(--table-color);
}

.dash__prev_btn svg {
	transform: rotate(90deg);
}

.dash__next_btn svg {
	transform: rotate(270deg);
}


.header__with_button .header__title {
	max-width: calc(100% - 120px);
}

.header__with_button .dash_wrapper {
	max-width: calc(100% - 120px);
	right: 120px;
}


.big_header {
	align-items: flex-start;
}

.big_header .header__title {
	margin-bottom: 40px;
}

.big_header .header__button {
	align-self: flex-start;
}

.big_header .dash_wrapper {
	max-width: calc(100% - 50px);
	right: 0px;
}


.half__header .header__title {
	max-width: 70%;
}

.half__header .header__dropdown_info {
	width: calc(70% + 25px);
}