/* RESET */

* {
	font-family: inherit; font-size: inherit;
}

html, body, div, span, form, fieldset, legend, label, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, blockquote, pre, p, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, img, big, cite, code, small, strong, center, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li {
	margin: 0; padding: 0; border: 0; outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

button, label, input, legend, fieldset {
	border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none;
}

button {
	border: 0; background: none; outline: 0; cursor: pointer; padding: auto;
}

button:active {
	opacity: 0.9;
}

button::-moz-focus-inner {
	border: 0;
}

table {
	width: 100%; border-collapse: collapse; border-spacing: 0;
}

table, th, td {
	vertical-align: middle;
}

caption, th, td {
	text-align: left; font-weight: normal; float: none !important;
}

th {
	text-align: center;
}

b, strong {
	font-weight: bold;
}

a, link {
	text-decoration: none; color: #333; cursor: pointer; 
}

ol, ul {
	list-style: none;
}

li {
	display: list-item;
}

hr {
	background: #ccc; height: 1px;
}

mark {
	background: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:invalid {
    box-shadow: none;
}

input:-webkit-autofill { 
	-webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #000 !important; color: #000 !important;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}

input::-webkit-input-placeholder {
    color: #949494;
}

input:-moz-placeholder {
   color: #949494; opacity:  1;
}

input::-moz-placeholder {
   color: #949494; opacity:  1;
}

input:-ms-input-placeholder {
   color: #949494;
}

input::-ms-input-placeholder {
   color: #949494;
}


/* BASE */


html {
	width: 100%;
}

body {
	height: 100%; width: 100%; overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #222; font-size: 12px;
} 


/* COLORS */


.c_333 {
	color: #333;
}

.c_444 {
	color: #444;
}

.c_555 {
	color: #555;
}

.c_666 {
	color: #666;
}

.c_777 {
	color: #777;
}

.c_888 {
	color: #888;
}

.c_999 {
	color: #999;
}

.c_ccc {
	color: #ccc;
}

.c_ddd {
	color: #ddd;
}

.c_eee {
	color: #eee;
}

.c_fff {
	color: #fff;
}

.c_green {
	color: #12BC00;
}

.c_orange {
	color: #f90;
}

.c_red {
	color: #f00;
}

.c_link {
	color: #424b5f;
}

.bg_blue {
	background: #dbefff;
}

.line_th {
	text-decoration: line-through;
}


/* FONTS */


.fz0 {
	font-size: 0;
}

.fz_10 {
	font-size: 10px;
}

.fz_11 {
	font-size: 11px;
}

.fz_12 {
	font-size: 12px;
}

.fz_13 {
	font-size: 13px;
}

.fz_14 {
	font-size: 14px;
}

.fz_15 {
	font-size: 15px;
}

.fz_16 {
	font-size: 16px;
}

.fz_17 {
	font-size: 17px;
}

.fz_18 {
	font-size: 1px;
}

.fz_19 {
	font-size: 19px;
}

.fz_20 {
	font-size: 20px;
}


/* CURSORS */


.cur_p {
	cursor: pointer;
}

.cur_t {
	cursor: text;
}

.cur_d {
	cursor: default;
}


/* BASE */


.hide, .h {
	display: none;
}

.show, .b {
	display: block;
}

.left, .l {
	float: left;
}

.right, .r {
	float: right;
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.fix {
	position: fixed;
}

.ovh {
	overflow: hidden;
}

.bgn, .nobg {
	background: none;
}

.m0 {
	margin: 0;
}

.p0 {
	padding: 0;
}

.ma {
	margin: 0 auto;
}

.m2 {
	margin: 2px;
}

.m3 {
	margin: 3px;
}

.m4 {
	margin: 4px;
}

.m5 {
	margin: 5px;
}

.m6 {
	margin: 6px;
}

.m7 {
	margin: 7px;
}

.m8 {
	margin: 8px;
}

.m9 {
	margin: 9px;
}

.m10 {
	margin: 10px;
}

.t0 {
	top: 0;
}

.t00 {
	top: -1000px;
}

.b0 {
	bottom: 0;
}

.l0 {
	left: 0;
}

.r0 {
	right: 0;
}

.z10 {
	z-index: 10;
}

.z20 {
	z-index: 20;
}

.z30 {
	z-index: 30;
}

.clear {
	float: none; clear: both;
}

.hidden {
	visibility: hidden;
}

.hidden_abs {
	position: absolute; top: -1000px;
}

.strong, .bold {
	font-weight: bold;
}

.ta-center, .center, .tac {
	text-align: center;
}

.ta-right, .tar {
	text-align: right;
}

.ta-left, .ta {
	text-align: left;
}

.i, .italic {
	font-style: italic;
}

.vt {
	vertical-align: top;
}

.uc {
	text-transform: uppercase;
}

.lc {
	text-transform: lowercase;
}

.hr {
	display: block; height: 1px; background: #ccc; border: none; margin: 10px 0;
}

.tdu {
	text-decoration: underline;
}

.no_select {
	user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}

.nowrap, .no_wrap {
	white-space: nowrap;
}

.w100p {
	width: 100%;
}

.h100p {
	height: 100%;
}


/* FLEX */


.fl, .df, .flex { display: flex; }

.fl_g5 { gap: 5px; }

.fl_aic { align-items: center; }

.fl_dr { flex-direction: row; }

.fl_dc { flex-direction: column; }

.fl_wnw { flex-wrap: nowrap; }

.fl_jcc { justify-content: center; }

/* CB */


.cb {
	margin: 0; padding: 0; border: 1px solid #ccc; width: 18px; height: 18px; background: #fff; cursor: pointer;
}

.cb_title {
	margin-left: 7px;
}

.cb_active {
	background: #707b90; border-color: #707b90;
}

.cb_marker {
	position: relative; width: 10px; height: 10px; fill: #fff;
}


/* CHECKBOX */


.checkbox_label {
	font-size: 0; display: block; width: 16px; height: 16px; margin-top: 5px;
}

.checkbox_label__title {
	margin-top: 1px; padding: 0 3px;
}

.checkbox_label_border {
	border: 10px solid #fff;
}

.checkbox_button {
	margin-right: 5px; background: #b6bcc7; color: #fff;
}

.checkbox_button__active {
	background: #707b90;
}

.checkbox {
	-moz-appearance: none; -webkit-appearance: none; -o-appearance: none;
}

.checkbox {
	width: 16px; height: 16px; border: 1px solid #999; cursor: pointer;
	background: #fff url(../img/marker.svg) center no-repeat; background-size: 10px 10px;
}

.checkbox:checked {
	background-color: #707b90; border-color: #707b90;
	/*background-color: #a1a9b7; border-color: #a1a9b7*/
}

.checkbox:disabled {
	border-color: #e5e5e5;
}


/* BLOCKS */


.container {
	min-width: 320px; width: 100%;
}

.content {
	width: 100%; color: #666; margin: 75px 0 80px 0;
}

.content_result {
	width: auto; width: 100%;
}

.content_title {
	display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; padding:0 5px; height: 40px; background: #ECEFF4; border-bottom: 1px solid #ddd;
}

.content_title_block {
	height: 30px; line-height: 30px; margin: 5px 10px; 
}

.content_title_filter {
	display: none; width: 40px; height: 40px; float: right; color: #999; margin-right: 3px;
}

.content_title_filter_inner {
	width: 25px; height: 25px;
}

.content_title_button_block {
	margin-left: 20px;
}

.content_title_button {
	display: block; -text-decoration: underline; height: 30px;  padding: 0 5px; color: #999;
	width: auto; height: 18px; border-radius: 4px; color: #fff;
	background: #bac0cb;
}

.content_title_button_active {
	color: #666;
}

.content_message {
	text-align: center; padding: 10px; color: #888;
}

.header {
	width: 100%; min-width: 320px; position: fixed; top: 0; left: 0; right: 0; z-index: 999;
}

.header_top {
	height: 40px; background: #424B5F;
}

.header_top_msg {
	height: 40px; line-height: 40px; margin: 0 60px; overflow: hidden; word-break: break-all; color: #eee; text-align: center; 
}

.header_menu {
	background: #424B5F; border-top: 1px solid #4F5A6E; border-bottom: 1px solid #4F5A6E;
}

.header_menu_scroll {
	overflow-x: auto;
}

.header_menu_item {
	height: 35px; border-right: 1px solid #4F5A6E; text-align: center;
}

.header_menu_button {
	width: 100%; height: 35px; color: #eee; white-space: nowrap; overflow: hidden;
}

.header_menu_button_active {
	background: #4F5A6E;
}

.footer {
	width: 100%; position: fixed; bottom: 0; right: 0; left: 0; overflow: hidden; z-index: 999; border-top: 2px solid #ECEFF4;
}


/* BOX */

.box {
	display: flex;  width: 100%; height: 70px; background: #616d84; gap: 1px;
}

.box_item {
	display: flex; flex-direction: column; gap: 5px; background: #545f75; 
	font-size: 11px; width: 100%; min-width: 70px; opacity: 0.8; font-weight: bold; color: #929aa7;
}

.box_item__small {
	width: 80px; min-width: 80px;
}

.box_item__active {
	background: #424b5f; color: #ccc; opacity: 1; 
}

.box_item__noborder {
	border-left: none;
}

.box_item_row {
	padding: 5px;
}

.box_item_row__50p {
	height: 50%;
}

.box_item_button {
	width: 18px; height: 18px; background: #929aa7; cursor: pointer;
}

.box_item_value {
	height: 30px; line-height: 30px;text-align: center;
}

.box_item_button:hover {
	outline: 1px solid #929aa7;
}


/* SEARCH */


.search {
	background: #4F5A6E; overflow: hidden;
}

.search_fix {
	width: 100%; position: fixed; top: 75px; z-index: 100;
}

.search_label {
	display: block; height: 30px; margin: 10px; background: #fff;
}

.search_label_m {
	margin-right: 50px;
}

.search_input {
	width: 100%; height: 30px; box-sizing: border-box; padding: 0 4px;
}

.search_filter_button {
	height: 30px; width: 30px; top: 10%;
}

.search_inner_button {
	width: auto; height: 18px; right: 40px; padding: 0 7px; border-radius: 4px; color: #fff; top: 6px; background: #bac0cb;
}

.search_button {
	position: absolute; width: 50px; height: 30px; top: 10px; right: 0;
}

.search_result_row {
	height: 40px;
}

.search_result_title {
	background: #616D84;
}

.search_result_col {
	padding: 0 10px; border: 1px solid #ddd;
}

.search_result_col_inner {
	border-right: 1px solid #999; height: 40px; line-height: 40px;
}

.search_result_thead  {
	position: sticky; top: 125px;
}

.search_result_thead_t0  {
	position: sticky; top: 0px;
}

.search_result_col_button {
	border: 1px solid #ddd;
}

.search_result_nowrap {
	height: 20px; line-height: 20px; overflow: hidden; word-break: break-all;
}

.search_result_button {
	width: 30px; 
}

.search_result_col_40 {
	min-width: 40px;
}

.search_result_col_80 {
	min-width: 80px;
}

.search_result_col_60 {
	min-width: 60px;
}

.search_result_col_100 {
	min-width: 100px;
}

.search_result_col_120 {
	min-width: 120px;
}

.search_result_col_160 {
	min-width: 160px;
}

.search_result_item {
	width: 100%; min-width: 300px; border-bottom: 1px solid #ccc;
}

.search_result_item_inner {
	padding: 10px;
}

.search_result_item_value {
	color: #424b5f; font-weight: bold; padding-left: 3px;
}

.search_result_ctrl_layer {
	position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; background: #424B5F; opacity: 0.8;
}

.search_result_ctrl {
	display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}

.search_result_ctrl_inner {
	flex: 1; display: flex; position: relative; width: 100%; height: 100%; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 3px;
}

.search_result_ctrl_item {
	cursor: pointer; width: 40px; height: 40px; background: #eceff4; color: #676F7F;
}

.search_progress_bar {
	display: flex; flex: 1; height: 100vh; flex-flow: row nowrap; justify-content: center; align-items: center;
}

.search_progress_bar_message {
	width: 150px; padding: 8px; background: #fff;
}

.login {
	width: 240px; margin: 60px auto 0; text-align: center;
}

.login_wrapper {
	margin-top: 15px; outline: 1px solid #bbb; overflow: hidden;
}

.login_label {
	width: 60px; height: 30px; line-height: 30px; float: left; text-align: center; font-size: 12px; color: #666; background: #fff;
}

.login_input {
	width: 150px; height: 30px; background: #fff; padding: 0 5px;
}

.login_error {
	background: #F9F6E7; border-bottom: 1px solid #D4BC4C; padding: 10px; text-align: center; position: relative; top: 40px;
}

.logout_checkbox {
	position: relative; top: 3px; right: 3px;
}

.modal {
	min-width: 300px; margin: 0 auto; background: #fff;
}

.modal_alert {
	width: 280px;
}

.modal_header {
	height: 40px; padding:0 60px 0 20px; background: #424B5F;
}

.modal_header_msg {
	width:100%; height: 40px; line-height: 40px; overflow: hidden; word-break: break-all; color: #eee; text-align: center;
}

.modal_header_btn {
	width: 40px; height: 40px;
}

.modal_message {
	margin: 20px 0; color: #666;
}

.modal_block {
	padding: 10px;
}

.modal_block_sep {
	border-bottom: 1px solid #ddd;
}

.modal_block_m15 {
	margin: 15px;
}

.modal_block_m20 {
	margin: 20px;
}

.modal_block_m25_40 {
	margin: 25px 40px;
}

.modal_search_wrapper {
	background: #ECEFF4; border-bottom: 1px solid #ddd; padding: 10px 15px;
}

.modal_search_input {
	width: 100%; padding: 0 5px; height: 28px; margin-left: -6px; border: 1px solid #ddd;
}

.modal_search_result {
	height: 300px; overflow: hidden; overflow-y: scroll;
}

.item {
	width: 100%; min-width:300px; display: flex; background: #fff; border-bottom: 1px solid #ddd;
}

.item__noborder {
	border: none;
}

.item__inner {
	display: flex; width: 100%; margin: 0 5px; padding: 5px 0;
}

.item__disabled {
	opacity: 0.4;
}

.item_b {
	width: 100%; padding: 5px 0;
}

.item_b__center {
	display: flex; align-items: center;
}

.item_b__marker {
	width: 15px; margin: 5px 0;
}

.item_b__checkbox {
	background: #fff; padding: 13px 15px;
}

.item_row {
	display: flex; flex-wrap: wrap;
}

.item_el {
	white-space: nowrap; overflow: hidden; padding: 1px 10px 1px 0;
}

.item_el__mt {
	margin: 5px;
}

.item_el__mtr {
	margin-right: 5px;
}

.item_el__mtl {
	margin-left: 5px;
}

.item_marker {
	display: block; width: 8px; height: 8px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; 
}

.item_bg {
	background: #ddd;
}

.item_bg__ready {
	background: #4F5A6E; 
}

.item_bg__done {
	background: #12BC00;
}

.item_bg__discount {
	
}

.item_bg__dispatch {
	
}

.item_td__key {
	width: 130px; height: 25px; color: #888; text-align: left;
}

.item_td__value {
	font-weight: bold; text-align: left;
}

.person {
	width: auto;
}

.person_address_item {
	height: 30px; padding-right: 55px;
}

.person_address_suggestions {
	margin-top: 10px;
}

.person_address_suggestions_item {
	width: 100%; height: 30px; padding: 0 20px; text-align: left; color: #888;
}

.person_address_item_button {
	height: 30px; color: #444; text-align: left;
}

.person_address_button {
	display: block; width: 55px; height: 100%; color: #999; text-align: left;
}

.order {
	width: auto
}

.order_items {
	min-width: 320px; margin: 15px;
}

.order_items_menu {
	background: #f5f5f5;
}

.order_items_menu_item {
	border-right: 1px solid #ddd; -height: 30px; text-align: center;
}

.order_items_menu_button {
	width: 100%; height: 32px; color: #888;
}

.order_items_button {
	width: 120px; margin: 2px;
}

.order_items_item {
	border: 1px solid #ccc; margin-bottom: 10px; padding: 10px;
}

.order_items_item_edit {
	width: 60px; height: 50px; background: #fff; text-align: right;
}

.order_items_sortable_hint {
	width: auto;
}

.order_items_sortable_active {
	background: #eceff6;
}

.order_payment_edit {
	min-width: 320px; margin: 15px;
}

.order_payment_green {
	color: #12BC00;
}

.order_payment_red {
	color: #F00;
}

.order_copy_td {
	width: 25px; height: 30px;  vertical-align: top;
}

.data_table {
	width: 100%;
}

.data_table td {
	height: 30px; padding: 5px; border: 1px solid #ddd;
}

.button {
	height: 30px; font-size: 12px;
}

.button_grp {
	margin: 1px;
}

.button_std {
	background: #707B90; color: #eee;
}

.button_std:disabled {
	background: #a1a9b7;
}

.button_light {
	background: #a0a8b6; color: #fff;
}

.button__m3 {
	margin: 3px;
}

.button_extra_light {
	background: #dfe4ee; color: #777;
}

.button_40x40 {
	width: 40px; height: 40px;
}

.button_w80 {
	width: 80px;
}

.button_w100 {
	width: 100px;
}

.button_w120 {
	width: 120px;
}

.button_w150 {
	width: 150px;
}

.button_w100p {
	width: 100%;
}

.svg_icon {
	width: 18px; height: 18px; fill: #B6BCC7;
}

.string_disabled {
	color: #ccc; text-decoration: line-through;
}

.block_disabled {
	opacity: 0.4;
}

.form_fieldset {
	display: block; min-width: 240px; overflow: hidden; padding: 5px 10px 5px; margin: 10px 0px 20px; background: #EDEEF0; border: 1px solid #ddd;
}

.form_legend {
	padding: 4px 8px; background: #707B90; color: #eee;
}

.form_input_wrapper {
	margin: 10px 0 10px 0;
}

.form_input_wrapper__row {
	display: flex; align-items: center; gap: 5px;
}

.form_input_title {
	margin-bottom: 5px;
}

.form_input_label {
	display: block; overflow: hidden; border: 1px solid #ccc; padding: 6px 0; background: #fff; cursor: text;
}

.form_input_label_focus {
	border-color: #A0A7B5;
}

.form_input_label_error {
	border-color: #e97451;
}

.form_input_label_date {
	display: block; border: 1px solid #ccc; padding: 0px 5px; background: #fff; cursor: text;
}

.form_input_label_sel {
	padding-right: 70px;
}

.form_input_tip {
	height: 30px; line-height: 30px; margin: 0 5px;
}

.form_input_button {
	height: 23px; position: absolute; top: 3px; right: 3px;
}

.form_input_textarea {
	width: 100%; height: 16px; line-height: 16px; resize: none; word-wrap: break-word; white-space: pre-wrap;
	border: none; box-sizing: border-box; overflow: hidden; vertical-align: text-bottom; padding: 0 4px;
}

.form_input_textarea:disabled {
	background: #fff;
}

.form_input_date_wrapper {
	margin: 0 5px;
}

.form_input_date {
	height: 30px; width: 18px;
}

.form_input_date_y {
	height: 30px; width: 40px;
}

.form_input_date_button {
	width: 25px; height: 30px; position: relative; left: 35px;
}

.form_input_date_img {
	width: 15px; height: 15px; position: relative; top: 3px;
}

.form_input_xxs {
	width: 36px;
}

.form_input_xs {
	width: 80px;
}

.form_input_s {
	width: 90px;
}

.form_input_m {
	width: 150px;
}

.form_input_l {
	width: 240px;
}

.form_select {
	width: 256px; height: 30px; position: relative; overflow: hidden; border: 1px solid #ccc; margin: 2px 0 2px 0; background: #fff;
}

.form_select_value {
	height: 30px; line-height: 30px; padding-left: 5px; font-size: 13px; color: #555; 
}

.form_select_arrow {
	width: 10px; height: 40px; float: right; position: absolute; right: 7px; top: 9px; background: url("/img/show.svg") no-repeat; 
}

.form_select_select {
	width: 100%; height: 30px; position: absolute; z-index: 999; top: 0; opacity: 0; cursor: pointer;
}

.form_select_option {
	padding: 8px 5px; margin-top: 10px;
}

.form_button_wrapper {
	padding: 0 3px 0 0;
}

.message_done {
	background: #DBF1C1; border-bottom: 1px solid #b0da7f; padding: 12px 0; text-align: center;
}

.message_warn {
	background: #ddbd66; border-bottom: 1px solid #b0da7f; padding: 12px 0; text-align: center;
}

.document_block {
	margin: 10px;
}

.document_sub_item {
	padding: 7px 0;
}

.document_sub_sep {
	border-top: 1px solid #ccc;
}

.document_sub_button {
	height: 20px; border: 1px solid #999; background: #e9e9ed; margin: 0 3px;
}

.document_icon_button {
	width: 27px; height: 27px;
}

.document_td {
	width: 30px; height: 30px; padding-left: 5px; vertical-align: baseline;
}

.document_button {
	margin: 7px 0;
}

.document_button_label {
	background: #707b90; border-right: 1px solid #ddd; height: 28px; width: 30px; line-height: 34px;
}

.document_button_checkbox_16 {
	width: 16px; height: 16px; border-color: #ccc;
}

.document_button_checkbox {
	width: 13px; height: 13px; border: none;
}

.document_button_b {
	height: 28px; width: 130px;
}

.document_fieldset {
	background: #f7f7f7; border: 1px solid #ddd; margin-bottom: 10px;
}

.document_legend {
	margin-left: 10px;
}

.calendar {
	width: 280px; height: 320px; background: #fff;
}

.calendar_row {
	margin: 0 10px; overflow: hidden;
}

.calendar_control {
	display: block; width: 40px; height: 40px; color: #777; font-size: 12px;
}

.calendar_title {
	display: block; width: 180px; height: 40px; color: #666;
}

.calendar_clear {
	display: block; height: 40px; float: right; color: #777; margin: 10px 0;
}

.calendar_cell {
	height: 30px; width: 37px; line-height: 30px; text-align: center;
}

.calendar_other {
	color: #999;
}

.calendar_current {
	text-decoration: underline; color: #707b90;
}

.calendar_weekend {
	background: #f4f4f4;
}

.calendar_weekday {
	background: #dfe4ee; margin-top: 10px;
}

.suggestion_input {
	width: 300px; height: 25px; border: 1px solid #ddd;
}

.suggestion_block {
	display: none; background: #fff; max-height: 275px; border: 1px solid #ddd; border-top: none; overflow: hidden; 
	overflow-y: scroll;
}

.suggestion_item {
	padding: 5px 5px; color: #666; cursor: pointer; overflow: hidden;
}

.suggestion_item:hover {
	background: #B6BCC7; color: #fff;
}

.suggestion_item_active {
	background: #B6BCC7; color: #fff;
}

.suggestion_item_active:hover {
	background: #B6BCC7; color: #333;
}

.filter {
	display: none; border-bottom: 1px solid #ddd;
}

.filter_inner {
	border-bottom: 2px solid #ddd; margin-bottom: 1px; padding: 10px;
}

.filter_block {
	color: #888; margin: 15px 0;
}

.filter_title {
	margin: 5px 0; color: #999;
}

.filter_button {
	border-radius: 10px; min-width: 100px; height: 23px; margin: 5px 5px; padding: 0 10px; background: #DFE4EE; color: #777; border: none;
}

.filter_input_label {
	width: 300px; border: 1px solid #ccc; background: #fff;
}

.filter_input{
	width: 100%; height: 30px; line-height: 30px; padding: 0 4px;
}

.filter_input_close_button {
	width: 30px; height: 30px; background: none !important; padding-top: 2px;
}

.filter_input_close_icon {
	width: 10px; height: 10px;
}

.filter_date_block {
	margin: 10px 0;
}

.filter_date_title {
	width: 25px; height: 30px; line-height: 30px;
}

.filter_active {
	background: #707B90; color: #eee;
}

.filter_arrow {
	position: relative; top: -2px; overflow: hidden; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; margin-right: 6px; transform: rotate(135deg);
}

.filter_arrow_rotate {
	top: 1px; transform: rotate(-45deg);
}

.filter_arrow_active {
	border-color: #eee;
}

.filter_icon_active {
	fill: #707B90;
}

.catalog_tree {
	position: fixed; top: 125px; bottom: 70px; left: 0; z-index: 9; overflow-y: scroll;
}

.catalog_category_item {
	width: 270px; height: 40px; line-height: 40px; background: #fff; border-top: 1px solid #e5e5e5;
	overflow: hidden;
}

.catalog_category_item_mobile {
	-width: 270px; height: 40px; line-height: 40px; background: #fff; border-top: 1px solid #e5e5e5;
	overflow: hidden;
}

.catalog_category_item_top {
	border-top: none;
}

.catalog_category_parent {
	color: #333;
}

.catalog_category_item_active {
	background: #707b90; color: #eee;
}

.catalog_category_item:hover {
	-color: #555;
}

.catalog_category_margin_1 {
	padding-left: 5px;
}

.catalog_category_margin_2 {
	padding-left: 20px;
}

.catalog_category_margin_3 {
	padding-left: 40px;
}

.catalog_category_margin_4 {
	padding-left: 60px;
}

.catalog_category_margin_5 {
	padding-left: 80px;
}

.catalog_manager {
	overflow-y: scroll;
}

.catalog_manager_item {
	width: 100%; height: 40px; line-height: 40px; background: #fff;
}

.catalog_manager_item_border {
	border-top: 1px solid #e5e5e5;
}

.catalog_manager_item_marked {
	background:  #eceff4;
}

.catalog_manager_item_inner {
	width: 300px;
}

.catalog_manager_control {
	margin-right: 5px;
}

.catalog_result {
	margin-left: 280px; margin-bottom: 70px;
}

.catalog_result_list {
	padding: 10px;
}

.catalog_result_title {
	margin: 10px; font-size: 14px; font-weight: bold;
}

.catalog_result_item {
	width: auto;
}

.pagination {
	padding: 20px 0;
}

.pagination_button {
	margin: 0 3px; width: 25px; height: 25px; line-height: 25px; color: #666;
}

.pagination_button_arrow {
	width: 40px;
}

.pagination_button_current {
	background: #545f75; color: #eee
}

.presentation_list {
	width:320px; min-width: 320px;
}

.presentation_preview {
	width: 100%; min-width: 320px; height: 800px; background: #eee; padding: 20px;
}

.presentation_pdf {
	width:; height: 800px; min-width: 300px; background: #3f3f3f; margin: 0 auto;
}

.presentation_pdf_embed {
	min-width: 150px; 
}

.presentation_item {
	border-bottom: 1px solid #ddd; height: 90px;
}

.presentation_item_block {
	width: 100%; padding: 10px; display: flex; gap: 20px; flex-direction: column;
}

.presentation_item_button {
	position: absolute; top: 0; right: 0; width: 40px; height: 40px;
}

.presentation_item_button__preview {
	position: absolute; top: 50%; right: 8px; color: #a1a9b7;
}

.presentation_item_input {
	width: 100px; height: 22px; border: 1px solid #ccc; padding: 3px;
}