* {
	box-sizing: border-box;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: #f6f6f6;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button {
	background-color: #b1c3d5;
	height: 0px;
}

::-webkit-scrollbar-track {
	background-color: #999;
}

::-webkit-scrollbar-track-piece {
	background-color: #f7f8fb;
}

::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #b1c3d5;
	border-radius: 5px;
}

::-webkit-scrollbar-corner {
	background-color: #999;
}
}

::-webkit-resizer {
	background-color: #b1c3d5;
}

@keyframes hide {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

#link_to_site {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #f7f8fb;
	opacity: 0;
	display: table-cell;
	vertical-align: center;
	text-align: center;
	animation: hide 0.5s;
}

@keyframes jump_shadow {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#link_to_site img {
	position: fixed;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -32px;
	opacity: 0.5;
	animation: jump_shadow 0.7s linear infinite;
}


@keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes right_slide {
	0% {
		right: -100px;
	}

	20% {
		right: 0px;
	}

	80% {
		right: 0px;
	}

	100% {
		right: -100px;
	}
}

.connect_base {
	position: fixed;
	right: -100px;
	top: 10px;
	background: #46ad3e;
	color: #fff;
	width: 100px;
	padding: 15px 0 15px 20px;
	animation: right_slide 2s;
}

.page {
	display: block;
	min-height: 1200px;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 10px #ccc;

}

h1 {
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 5px 0px;
	color: #1f4586;
	font-size: 20px;
}

h2 {
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 5px 0px;
	color: #1f4586;
	font-size: 18px;
}

h3 {
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 5px 0px;
	color: #1f4586;
	font-size: 16px;
}

.line_1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #1f4586;
	height: 40px;
}

.lk {}

.lk a {
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	text-decoration: none;
}

.lk a:hover {
	background: #223960;
	transition: 0.3s;
}

.lk .logged_user {
	display: flex;
	position: relative;
}

.lk .info_client_price {
	display: flex;
	justify-content: center;
	align-items: center;
}

.lk .info_client_price .inner {
	font-size: 10px;
	background-color: #f0634b;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 5px;
}

.lk .logged_user .exit_lu a {
	display: block;
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
	background: #333;
}

.lk .logged_user .exit_lu a:hover {
	background: #555;
}

.lk .logged_user .exit_lu img {
	width: 16px;
	height: auto;
	margin: 12px 0px 0px 0px;
}

.header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 2px 3px #eee;
}

.header .left {}

.header .right {
	text-align: right;
}

.header .right .my_cart {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 12px;
	width: 700px;
	padding: 12px 10px 10px 10px;
	text-align: right;
}


.header .right .my_cart .icon {
	width: 40px;
	height: auto;
	margin: 0 0 0 0;
	opacity: 1;
}

.header .right .my_cart .contacts_in_header {
	width: 180px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.header .right .my_cart .contacts_in_header .contacts_in_header_text {
	padding-left: 20px;
	text-align: left;
}

.header .right .my_cart .my_cart_table {}

.header .right .my_cart .my_cart_table tr td:nth-child(2n+1) {
	text-align: right;
	width: 130px;
}

.header .right .my_cart .my_cart_table tr td:nth-child(2n) {
	text-align: left;
	width: 85px;
	background: #f9f9f9;
}


@keyframes wow_2 {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
	}

	100% {
		pacity: 1;
	}
}

.cart_count {
	font-weight: bold;
	animation: wow_2 1s;
}

.orders_count {
	font-weight: bold;
}

.header .left .logo {}

.header .left img {
	width: 170px;
	height: auto;
	margin: 10px 10px;
}

.content {
	padding: 0 20px;
}

.content_page {
	display: block;
	width: 100%;
	padding: 10px;
}

.content_page .products {
	border-collapse: collapse;
	border: 1px solid #dee2e6;
	font-size: 1em;
	color: #555555;
}

.content_page .products td {
	border: 1px solid #dee2e6;
	padding: 5px 5px 5px 5px;
}

.content_page .products tr:nth-child(2n+1) {
	background: #f7f8fb;
}

.content_page .products tr:hover {
	background: #eaf1fc;
	cursor: default;
}

.content_page .products tr:hover:nth-child(1) {
	background: #f7f8fb;
	cursor: default;
}

.content_page .products tr:nth-child(1) {}

.products {
	width: 100%;
}

.products td {
	font-size: 12px;
}

.title_tbl td {
	height: 50px;
	text-align: center;
}

.single_product:nth-child(1) {
	font-weight: bold;
}

.single_product:nth-child(2n+1) {
	background: #f6f6f6;
}

.single_product:hover {
	background: #eaf6fd;
	cursor: default;
}


.products .id {
	vertical-align: middle;
	overflow: hidden;
	width: 110px;
}

.products .id .prod_man {
	font-weight: bold;
}

.products .id .prod_id {
	font-size: 11px;
}

.products .image {
	vertical-align: middle;
	padding: 4px 2px 0px 5px !important;
	width: 50px;
	height: 40px;
	text-align: center;
}

.products .image img {
	height: 100%;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

.products .name {
	vertical-align: middle;
}

.products .store {
	vertical-align: bottom;
	width: 40px;
	padding: 0px;
	text-align: center;
	position: relative;
}

.products .stock_in_store {
	position: absolute;
	height: 100%;
	display: flex;
	/* display: none; */
	width: 50px;
	left: -55px;
	text-align: right;
	top: 0px;
	font-size: 11px;
	color: #999;
}

.products .stock_in_store .inner {
	width: 50px;
	margin: auto 0;
	line-height: 11px;
}

.products .store img {
	width: 14px;
	height: auto;
}

.products .stock {
	vertical-align: middle;
	width: 55px;
	padding: 5px 5px 5px 5px;
}

.products .price_old {
	vertical-align: middle;
	width: 73px;
	text-align: right;
	font-size: 11px;
	color: #666;
	padding: 5px 5px 5px 5px;
}

.products .price {
	vertical-align: middle;
	width: 73px;
	font-size: 11px;
	text-align: right;
	padding: 5px 5px 5px 5px;
	position: relative;
}

.products .price .stick_discount {
	position: absolute;
	left: 3px;
	top: 0px;
	color: #1f4586;
	opacity: 0.9;
	font-weight: bold;
	font-size: 9px;
}

.products .price .stick_discount span {
	font-size: 8px;
}

.products .count {
	vertical-align: middle;
	width: 110px;
	text-align: center;
	position: relative;
}

.count_block {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	align-items: center;
	justify-content: center;
}

.count .prod_count {
	padding: 3px 2px;
	width: 26px;
	height: 22px;
	text-align: center;
	font-size: 11px;
	outline: none;
	border-radius: 3px;
	border: 1px solid #d1d2d3;
}


.single_product .bt {
	padding: 5px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

.orders_product .store {
	width: 20px;
	text-align: center;
}

.orders_product .store img {
	width: 12px;
	height: auto;
}

.orders_product .key {
	width: 3%;
	text-align: center;
}

.orders_product .id {
	width: 4%;
	text-align: center;
}

.orders_product .name {
	width: 55%;
}

.orders_product .prod_type {
	width: 5%;
}

.orders_product .store {
	width: 5%;
}

.orders_product .price {
	width: 10%;
	text-align: right;
}

.orders_product .count {
	width: 5%;
	text-align: right;
}

.orders_product .summ {
	text-align: right;
}

.bt .empty {
	width: 0px;
	height: 0px;
	position: relative;
}

@keyframes wowololo {
	0% {
		left: 30px;
		opacity: 1;
	}

	10% {
		left: 60px;
		opacity: 0.9;
	}

	50% {
		left: 60px;
		opacity: 0.9;
	}

	100% {
		left: 60px;
		opacity: 0;
	}
}

.bt .wow {
	position: absolute;
	background: #1f4586;
	left: 60px;
	top: 50%;
	margin-top: -37px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	box-shadow: 0 0 5px 3px #ccc;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	opacity: 0;
	animation: wowololo 1s;
	z-index: 0;
}

.single_product .bt .button_plus {
	display: flex;
	/* width: 30px; */
	height: 30px;
	padding: 0px 0px;
	border-radius: 3px;
	cursor: pointer;
	background: #eb5a32;
	opacity: 0.9;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.single_product .bt .button_plus:hover {
	opacity: 1;
	transition: 0.3s;
}

.single_product .bt .button_plus:active {
	background: #d2502c;
	transition: 0.3s;
}



.nav_page {
	margin: 20px;
	text-align: center;
}

.nav_page a {
	display: inline-block;
	padding: 7px 12px;
	color: #333;
	border: 1px solid #f7f8fb;
	background: #eee;
	text-decoration: none;
}

.nav_page a:hover {
	background: #c4e4f8;
	color: #000;
}

.nav_page .active {
	background: #c4e4f8;
	font-weight: bold;
}

.nav_page .link_start {
	color: #ccc;
	border: 1px solid #f7f8fb;
	background: #f7f8fb;
	text-decoration: none;
	cursor: default;
}

.nav_page .link_start:hover {
	color: #ccc;
	border: 1px solid #f7f8fb;
	background: #f7f8fb;
	text-decoration: none;
	cursor: default;
}

.nav_page .link_finish {
	color: #ccc;
	border: 1px solid #f7f8fb;
	background: #f7f8fb;
	text-decoration: none;
	cursor: default;
}

.nav_page .link_finish:hover {
	color: #ccc;
	border: 1px solid #f7f8fb;
	background: #f7f8fb;
	text-decoration: none;
	cursor: default;
}

.stock {
	width: 70px;
	text-align: center;
}

.stocknum {
	display: inline-block;
	position: relative;
	width: 19px;
	height: 26px;
}

.stocknum img {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 26px;
	width: auto;
	opacity: 0.9;
}

.stocknum:hover img {
	opacity: 1;
}

.stocknum span {
	position: absolute;
	display: none;
}

@keyframes up_top {
	0% {
		left: -18px;
		width: 1px;
		opacity: 0.5;
	}

	100% {
		left: -107px;
		width: 90px;
		opacity: 0.8;
	}
}

.stocknum:hover span {
	position: absolute;
	display: block;
	width: 90px;
	height: 44px;
	overflow: hidden;
	top: -7px;
	left: -107px;
	text-align: center;
	background: #fff;
	color: #333;
	opacity: 0.8;
	border-radius: 5px 0px 0px 5px;
	animation: up_top 0.3s;
	font-size: 11px;
	line-height: 13px;
}

.stocknum:hover span b {
	display: block;
	width: 90px;
	padding: 2px 0 0 0;
}


.search_form {
	border-top: 5px dotted #fff;
	border-bottom: 5px dotted #fff;
	padding: 10px 0 10px 20px;
	margin: 5px 0px 15px 0px;
	background: #dee8f5;
}


.form_selecteds {
	width: 100%;
	padding: 0 0 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}

.form_selecteds .form_selected {
	width: 150px;
}

.form_selecteds .wrap_check {
	width: 150px;
	position: relative;
}

.form_selecteds .wrap_check .name {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	color: #777;
}

.form_selecteds .wrap_check .title {
	width: 120px;
	padding: 3px 5px 0 5px;
	height: 26px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	cursor: pointer;
	position: relative;
	user-select: none;
}

.form_selecteds .wrap_check .title:focus {
	outline: none;
	border: 1px solid #7595cc;
	background: #f6f6f6;
}

.form_selecteds .wrap_check .title:hover {
	background: #f6f6f6;
	transition: 0.2s;
}

.form_selecteds .wrap_check .title span {
	color: #999;
	animation: show 0.5s;
}

.form_selecteds .wrap_check .title b {
	color: #999;
	float: right;
	opacity: 0;
}

.form_selecteds .wrap_check .title.checkin {}

.form_selecteds .wrap_check .title.checkin b {
	color: #333;
	opacity: 1;
}

.form_selecteds .wrap_check .title.checkin span {
	color: #333;
	font-weight: bold;
}

.form_selecteds .wrap_check .title .active {
	background: #ec5e36;
}

.form_selecteds .wrap_check .title .tip {
	content: "";
	position: absolute;
	top: -6px;
	left: 14px;
	width: 11px;
	height: 11px;
	background: #fff;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	transform: rotate(45deg);
}

@keyframes show_2 {
	0% {
		opacity: 0.4;
		top: 40px;
	}

	100% {
		opacity: 1;
		top: 37px;
	}
}

.form_selecteds .wrap_check .title .data {
	position: absolute;
	top: 37px;
	left: 0px;
	z-index: 9;
	left: 0px;
	background: #fff;
	padding: 6px 7px 6px 1px;
	border-radius: 3px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: 1px solid #dbdbdb;
	animation: show_2 0.1s ease-in-out;
	font-weight: normal;
	cursor: default;
	user-select: none;
}

.form_selecteds .wrap_check .title .data:hover {
	display: block !important;
}

.form_selecteds .wrap_check .title .data .check {
	padding: 2px 0 2px 20px;
	height: auto;
	margin: 2px;
	cursor: pointer;
	position: relative;
	font-size: 15px;
	color: #333;
	background: #fff;
}

.form_selecteds .wrap_check .title .data .check:hover {
	color: #ec5e36;
	text-decoration: underline;
	transition: 0.2s;
}

.form_selecteds .wrap_check .title .data .checked {
	color: #ec5e36;
}

.form_selecteds .wrap_check .title .data .checked:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	border: 1px solid #ec5e36;
	background: #ec5e36;
	left: 6px;
	top: 9px;
}

.form_selecteds .wrap_check .title .data .check:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	border: 1px solid #ccc;
	left: 6px;
	top: 9px;
}

.form_selecteds .wrap_check .title .data .check input {
	opacity: 0;
	position: absolute;
	display: none;
	right: 0px;
	top: 0px;
}

.form_selecteds #clean_form {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -5px;
	top: -20px;
	cursor: pointer;
	opacity: 1;
}

.form_selecteds #clean_form img {
	width: 100%;
	height: 100%;
}

.form_selecteds #clean_form:hover {
	opacity: 0.7;
	transition: 0.2s;
}

.form_selecteds #clean_form:active {
	opacity: 1;
}

.form_selecteds .submit_button {
	position: absolute;
	right: 10px;
	bottom: 0px;
	cursor: pointer;
	background: #1f4586;
	color: #fff;
	font-size: 13px;
	border: none;
	border-radius: 3px;
	padding: 4px 9px;
	opacity: 0.9;
}

.form_selecteds .submit_button:hover {
	opacity: 1;
	transition: 0.3s;
	background: #555;
}



.form_selecteds .title {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	color: #777;
}


.form_selecteds select {
	width: 120px;
	padding: 2px 3px;
	border: 1px solid #ccc;
	color: #444;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
}

.form_selecteds .data .sel_opt {
	text-transform: capitalize;
}

.form_selecteds .chislo input {
	width: 100px;
	color: #777;
	font-family: 'Open Sans', sans-serif;
	padding: 0 0 0 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	height: 27px;
}

.current_date {
	background: #e8e6e5;
	color: #333 !important;
}

.form_selecteds .search_cai {
	position: relative;
}

.form_selecteds .search_cai .null {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 113px;
	top: -8px;
	opacity: 1;
	cursor: pointer;
}

.form_selecteds .search_cai .null img {
	width: 100%;
	height: 100%;
}

.form_selecteds .search_cai .null:hover {
	opacity: 0.7;
	transition: 0.2s;
}

.form_selecteds .search_cai .null:active {
	opacity: 1;
}

.form_selecteds .search_cai input {
	width: 120px;
	padding: 2px 3px;
	border: 1px solid #ccc;
	color: #444;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
}





@keyframes disappear1 {
	0% {
		background: #ec5e36;
	}

	40% {
		background: #ec5e36;
	}

	100% {
		background: #1f4586;
	}
}

.search_found {
	display: block;
	position: absolute;
	top: -28px;
	left: -25px;
	background: #1f4586;
	color: #fff;
	min-width: 30px;
	height: 30px;
	padding: 0 5px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 15px;
	z-index: 999;
	animation: disappear1 4s;
}

.nav_search {
	display: flex;
	flex-wrap: no-wrap;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 10px;
	background: #f9f9f9;
	width: 100%;
}

.nav_search .children {
	display: block;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #f1f1f1;
	margin: 5px 3px 0px 0px;
	padding: 8px 20px 5px 20px;
	border-radius: 8px 8px 0 0;
	text-decoration: none;
	color: #999;
	font-size: 12px;
}

.nav_search .children:hover {
	background: #f9f9f9;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	transition: 0.3s;
}

.nav_search .active {
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: -1px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
}

.nav_search .children.button_nav_sale {
	border-radius: 8px;
	border: 2px solid #ec5e36;
	padding: 6px 16px 6px 28px;
	margin: 5px 3px 1px 0px;
	height: auto;
	background-color: #ffffff;
	color: #ec5e36;
	position: relative;
	font-size: 11px;
	font-weight: bold;
}

.nav_search .children.button_nav_sale::after {
	content: "";
	position: absolute;
	right: -10px;
	top: -10px;
	width: 26px;
	height: 26px;
	background-image: url(img/procent_icon_red.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.nav_search .children.button_nav_sale::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 3px;
	width: 20px;
	height: 20px;
	background-image: url(img/download-file-1-svgrepo-com.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.nav_search .children.button_nav_sale:hover {
	transform: scale(1.02);
	transition: none;
}

.nav_search .children.button_nav_sale:active {
	transform: scale(1);
	transition: none;
}



.reg_form {
	width: 100%;
}

.reg_form tr {
	height: 40px;
}

.reg_form .reg_form_left {
	width: 50%;
	text-align: right;
	font-size: 12px;
	padding: 2px 3px;
	color: #666;
}

.reg_form .reg_form_right {
	width: 50%;
	padding: 2px 3px;
}

.reg_form .reg_form_right input {
	border: 1px solid #ccc;
	padding: 2px 3px;
	width: 200px;
	border-radius: 3px;
}

.reg_form .reg_form_right select {
	border: 1px solid #ccc;
	padding: 2px 3px;
	width: 200px;
	border-radius: 3px;
}

.reg_form .reg_form_right button {
	border: 1px solid #ccc;
	background: #eee;
	padding: 4px 3px;
	width: 150px;
	font-size: 12px;
	border-radius: 3px;
	cursor: pointer;
}

.reg_form .reg_form_right button:hover {
	background: #ddd;
	border: 1px solid #999;
	transition: 0.3s;
}

@keyframes show_errors {
	0% {
		height: 1px;
	}

	100% {
		height: 30px;
	}
}

.errors {
	font-size: 12px;
	color: #fff;
	background: red;
	overflow: hidden;
	height: 30px;
	padding: 0 0 0 10px;
	line-height: 30px;
	border-radius: 3px;
	animation: show_errors 0.5s;
}

.no_errors {
	font-size: 12px;
	color: #fff;
	background: green;
	overflow: hidden;
	height: 30px;
	padding: 0 0 0 10px;
	margin: 5px 0;
	line-height: 30px;
	border-radius: 3px;
	animation: show_errors 0.5s;
}

.no_errors a {
	color: #fff;
}

.two_page {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;

}

.two_page h2 {
	background: #f6f6f6;
	font-weight: normal;
	text-align: center;
	padding: 5px 0;
}

.two_page .left {
	padding: 0 10px 0 7px;
	flex-grow: 1;
}

.two_page .right {
	padding: 0 7px 0 10px;
	flex-grow: 1;
}


.content_page .prods_cart {
	border-collapse: collapse;
	border: 1px solid #dee2e6;
	font-size: 1em;
	color: #555555;
}

.content_page .prods_cart td {
	border: 1px solid #dee2e6;
	padding: 5px 5px 5px 5px;
	user-select: none;
}

.content_page .prods_cart tr:nth-child(2n+1) {
	background: #f7f8fb;
}

.content_page .prods_cart tr:hover {
	background: #eaf1fc;
	cursor: default;
}

.content_page .prods_cart tr:hover:nth-child(1) {
	background: #f7f8fb;
	cursor: default;
}

.prods_cart {
	width: 100%;
}

.prods_cart td {
	font-size: 12px;
}

.title_tbl td {
	text-align: center;
}

.single_product .name {
	font-size: 15px;
}

.single_product .stock {
	font-size: 14px;
}

.single_product .price_old {
	font-size: 12px;
}

.single_product .price {
	font-size: 12px;
}

.single_product:nth-child(1) {
	font-weight: bold;
}

.single_product:nth-child(2n+1) {
	background: #f6f6f6;
}

.single_product:hover {
	background: #eaf6fd;
	cursor: default;
}


.prods_cart .id {
	vertical-align: middle;
	width: 80px;
}

.prods_cart .id .prod_man {
	font-weight: bold;
}

.prods_cart .id .prod_id {
	font-size: 11px;
}

.prods_cart .image {
	vertical-align: middle;
	padding: 0px 2px 0px 5px;
	width: 50px;
	height: 50px;
	text-align: center;
}

.prods_cart .image img {
	height: 100%;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

.prods_cart .name {
	vertical-align: middle;
}

.prods_cart .store {
	vertical-align: middle;
	width: 50px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.prods_cart .stock {
	vertical-align: middle;
	width: 55px;
	padding: 5px 5px 5px 5px;
}

.prods_cart .price_old {
	vertical-align: middle;
	width: 73px;
	text-align: right;
	font-size: 11px;
	color: #999;
	padding: 5px 5px 5px 5px;
}

.prods_cart .price {
	vertical-align: middle;
	width: 73px;
	font-size: 11px;
	text-align: right;
	padding: 5px 5px 5px 5px;
}

.prods_cart .summ {
	vertical-align: middle;
	width: 73px;
	font-size: 11px;
	text-align: right;
	padding: 5px 5px 5px 5px;
}

.prods_cart .itogo {
	text-align: right;
	padding: 5px 5px 5px 5px;
}

.prods_cart .count {
	vertical-align: middle;
	width: 110px;
	text-align: center;
	position: relative;
}

.itogo {
	font-size: 14px !important;
}

.del_td {
	text-align: center;
	width: 90px;
}

.del {
	cursor: pointer;
}

.prods_cart .key {
	width: 50px;
	text-align: center;
}

.prods_cart .prod_type {
	width: 40px;
	text-align: center;
}

.prods_cart .prod_type img {
	width: 24px;
	height: auto;
	opacity: 0.7;
}

.block_add_orders {
	margin: 10px 0px;
}



.block_add_orders {
	text-align: right;
}

@keyframes disappear1 {
	0% {
		background: #ec5e36;
	}

	40% {
		background: #ec5e36;
	}

	100% {
		background: #1f4586;
	}
}

.block_add_orders textarea {
	display: block;
	width: 100%;
	height: 30px;
	resize: none;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: 1px solid #dee2e6;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	border-radius: 3px;
	opacity: 1;
	transition: 0.3s;
}

.block_add_orders textarea::placeholder {
	color: #999;
}

.block_add_orders textarea:focus {
	outline: none;
	border: 1px solid #8b9bab;
	transition: 0.3s;
}

.block_add_orders textarea:focus::placeholder {
	color: #fff;
}

.block_add_orders button {
	margin: 0 5px;
	padding: 5px 10px;
	cursor: pointer;
	background: #ec5e36;
	border: 0px;
	color: #fff;
	border-radius: 3px;
	opacity: 1;
}

.block_add_orders button:hover {
	opacity: 0.8;
	transition: 0.2s;
}

.block_add_orders button:active {
	background: #666;
	transition: 0.2s;
}

.block_add_orders button:focus {
	outline: none;
}

.title_name {
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
}

.list_orders {
	display: flex;
	width: 100%;
	margin-top: 1px;
}

.list_orders:nth-child(2n+1) {
	background: #f7f8fb;
}

.list_orders:nth-child(2n) {
	background: #eaecf0;
}

.list_orders:hover {
	background: #d2dff5;
	cursor: pointer;
}

.title_orders:hover {
	background: #fff;
	cursor: default;
}

.list_orders div {
	padding: 4px 5px;
	text-align: center;
	border: 1px solid #fff;
}

.list_orders.on_list {
	color: #444;
	font-size: 13px;
}

.list_orders.title_orders {
	background: #fff;
	cursor: default;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.list_orders .orders_id {
	width: 10%;
	position: relative;
}

.list_orders .status {
	width: 20%;
}

.list_orders .count_sum {
	width: 30%;
}

.list_orders .price_sum {
	width: 20%;
}

.list_orders .date_create {
	width: 20%;
}

/* Список заказов менеджера *************************************************************/

.list_orders_manager {
	display: flex;
	width: 100%;
	margin-top: 1px;
}

.list_orders_manager:nth-child(2n) {
	background: #f7f8fb;
}

.list_orders_manager:nth-child(2n+1) {
	background: #dee2e6;
}

.list_orders_manager:hover {
	background: #d2dff5;
	transition: 0.1s;
	cursor: pointer;
}

.title_orders:hover {
	background: #fff;
	cursor: default;
}

.list_orders_manager div {
	padding: 4px 5px;
	text-align: center;
	border: 1px solid #fff;
}

.list_orders_manager.on_list {
	color: #444;
	font-size: 13px;
}

.list_orders_manager.title_orders {
	background: #fff;
	cursor: default;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.list_orders_manager .orders_id {
	width: 10%;
	position: relative;
}

.list_orders_manager .status {
	width: 10%;
}

.list_orders_manager .count_sum {
	width: 20%;
}

.list_orders_manager .price_sum {
	width: 10%;
}

.list_orders_manager .date_create {
	width: 20%;
}

.list_orders_manager .user_name {
	width: 30%;
}

.list_orders_manager_title {
	font-weight: bold;
	font-size: 12px;
	background: #fff !important;
}

.list_orders_manager_title:hover {
	background: #fff;
	cursor: default;
}

.list_orders_manager_title div b:hover {
	color: #1f4586;
	cursor: pointer;
}

/**************************************************************/
.list_all {
	background: #fff;
	display: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	padding: 0px;
}

.content_page .order_detail_table {
	width: 99%;
	border-collapse: collapse;
	border: 1px solid #eee;
	background: #fbfdfe;
	font-size: 12px;
	color: #555555;
	margin: 0px auto 10px auto;
}

.content_page .order_detail_table td {
	border: 1px solid #eee;
	padding: 3px;
}

.content_page .order_detail_table tr:nth-child(2n+1) {
	background: none;
}

.content_page .order_detail_table tr:nth-child(1) {
	font-weight: normal;
}

.content_page .order_detail_table tr:hover {
	background: none;
	cursor: default;
}

.order_detail_table .prod_type {
	width: 20px;
	text-align: center;
}

.order_detail_table .prod_type img {
	width: 14px;
	height: auto;
	opacity: 0.7;
}

.st_new {
	background: #f6f698;
	color: #baa42c;
}

.st_accept {
	background: #7bee87;
	color: #42904a;
}

.st_remove {
	background: #fd9191;
	color: #834141;
}

.st_execute {
	background: #b8cadf;
	color: #3f6895;
}

.title_td {
	position: relative;
}

.title_td .sort_up {
	width: 15px;
	height: 15px;
	color: #fff;
	background: #ccd3da;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: -7px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma;
}

.title_td .sort_up:hover {
	background: #1f4586;
	transition: 0.3s;
}

.title_td .sort_up:active {
	background: #132c56;
	transition: 0.3s;
}

.title_td .sort_down {
	width: 15px;
	height: 15px;
	color: #fff;
	background: #ccd3da;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: -7px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma;
	z-index: 7;
}

.title_td .sort_down:hover {
	background: #1f4586;
	transition: 0.3s;

}

.title_td .sort_down:active {
	background: #132c56;
	transition: 0.3s;
}

.count .minus {
	width: 22px;
	height: 22px;
	padding: 0px;
	cursor: pointer;
	border: 1px solid #bebebe;
	background: #f6f6f6;
	background: linear-gradient(#f6f6f6, #ebebeb);
	border-radius: 3px;
	outline: none;
}

.count .minus:hover {
	border: 1px solid #999;
}

.count .minus:active {
	border: 1px solid #a5b3cc;
	background: #ebebeb;
	background: linear-gradient(#ebebeb, #dde3ee);
}

.count .plus {
	width: 22px;
	height: 22px;
	padding: 0px;
	cursor: pointer;
	border: 1px solid #bebebe;
	background: #f6f6f6;
	background: linear-gradient(#f6f6f6, #ebebeb);
	border-radius: 3px;
	outline: none;
}

.count .plus:hover {
	border: 1px solid #999;
}

.count .plus:active {
	border: 1px solid #a5b3cc;
	background: #ebebeb;
	background: linear-gradient(#ebebeb, #dde3ee);
}

.del {
	height: 22px;
	color: #666;
	cursor: pointer;
	border: 1px solid #bebebe;
	background: #f6f6f6;
	background: linear-gradient(#f6f6f6, #ebebeb);
	border-radius: 3px;
	outline: none;
}

.del:hover {
	color: #555;
	border: 1px solid #999;
}

.del:active {
	color: #999;
	border: 1px solid #a5b3cc;
	background: #ebebeb;
	background: linear-gradient(#ebebeb, #dde3ee);
}

.litle {
	font-size: 13px;
}

@media screen and (max-width: 640px) {
	.header .right .my_cart .contacts_in_header .contacts_in_header_text {
		position: absolute;
		left: 0;
		top: 90px;
		padding-left: 15px;
	}
}

/* ******************************************************************************************************************************************************** */
@media screen and (max-width: 700px) {
	.products .stock_in_store {
		left: 40px;
		top: -20px;
	}

	.content_page {
		display: block;
		width: 100%;
		padding: 10px;
		overflow: hidden;
	}

	.form_selecteds .submit_button {
		right: -5px;
		bottom: -23px;
	}

	.products {
		border: none !important;
	}

	.products tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid #ccc !important;
		border-left: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;
	}

	.products tr:nth-child(1) {
		border-top: 1px solid #ccc !important;
		margin: 0 0 15px 0;
	}

	.products tr:nth-child(1) td {
		padding: 10px 0 10px 0;
		margin: 0px 0 0px 0;
	}

	.products tr .title_td {
		width: 20% !important;
		font-size: 11px !important;
		text-align: center !important;
		padding-top: 16px !important;
	}

	.products tr .no_title_td {
		display: none;
	}

	.products tr:nth-child(2) {
		border-top: 1px solid #ccc !important;
	}

	.products td {
		border: none !important;
	}

	.products td:nth-child(1) {
		width: 15%;
	}

	.products td:nth-child(2) {
		width: 15%;
	}

	.products td:nth-child(3) {
		width: 70%;
		font-size: 13px;
	}

	.products td:nth-child(4) {
		width: 10%;
	}

	.products td:nth-child(5) {
		width: 20%;
	}

	.products td:nth-child(6) {
		width: 25%;
		font-size: 16px;
		text-align: left;
	}

	.products td:nth-child(7) {
		width: 20%;
		display: none;
	}

	.products td:nth-child(8) {
		width: 30%;
	}

	.products td:nth-child(9) {
		width: 15%;
	}

	.prods_cart {
		border: none !important;
	}

	.prods_cart tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid #ccc !important;
		border-left: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;
	}

	.prods_cart tr:nth-child(1) {
		display: none;
	}

	.prods_cart tr:nth-child(2) {
		border-top: 1px solid #ccc !important;
	}

	.prods_cart td {
		border: none !important;
	}

	.prods_cart td:nth-child(1) {
		display: none;
	}

	.prods_cart td:nth-child(2) {
		width: 15%;
		order: 8;
	}

	.prods_cart td:nth-child(3) {
		width: 75%;
		order: 8;
	}

	.prods_cart td:nth-child(4) {
		width: 10%;
		order: 2;
	}

	.prods_cart td:nth-child(5) {
		width: 20%;
		order: 8;
	}

	.prods_cart td:nth-child(5):after {
		content: " P";
	}

	.prods_cart td:nth-child(6) {
		width: 35%;
		order: 8;
	}

	.prods_cart td:nth-child(7) {
		width: 20%;
		order: 8;
	}

	.prods_cart td:nth-child(7):after {
		content: " P";
	}

	.prods_cart td:nth-child(8) {
		width: 25%;
		order: 8;
	}

	.prods_cart tr:nth-last-child(1) td:nth-child(2) {
		width: 100% !important;
	}

	.prods_cart tr:nth-last-child(1) td:nth-child(2):after {
		content: " P";
	}

	.header {
		display: flex;
		flex-direction: row;
		flex-wrap: no-wrap;
		justify-content: space-between;
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		box-shadow: 0 2px 3px #eee;
	}

	.header .left {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.header .left .logo {
		width: 120px;
		display: block;
		top: 10px;
		left: 10px;
		position: absolute;
		float: right;
		padding: 0px;
	}

	.header .left img {
		width: 100%;
		height: auto;
		margin: 0px;
	}

	.header .right {
		width: 100%;
		text-align: right;
	}

	.header .right .my_cart {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		font-size: 12px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		text-align: right;
	}

	.header .right .my_cart img {
		display: none;
	}

	.list_orders {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-top: 10px;
	}

	.orderst:nth-child(2n+1) .list_orders {
		background: #f6f6f6;
	}

	.list_orders:hover {
		background: #c4e4f8;
		cursor: pointer;
	}

	.title_orders:hover {
		background: #1f4586;
		cursor: default;
	}

	.list_orders div {
		padding: 4px 5px;
	}

	.list_orders.on_list {
		color: #444;
		font-size: 13px;
	}

	.list_orders.title_orders {
		border-top: 1px solid #ccc;
		background: #1f4586;
		cursor: default;
		color: #fff;
		font-size: 12px;
	}

	.list_orders .orders_id {
		width: 20%;
		order: 1;
		border-bottom: none;
	}

	.list_orders .status {
		width: 35%;
		order: 3;
		border-bottom: none;
		border-right: 1px solid #ccc;
	}

	.list_orders .count_sum {
		width: 20%;
		order: 4;
	}

	.list_orders .price_sum {
		width: 45%;
		order: 8;
	}

	.list_orders .date_create {
		width: 45%;
		order: 2;
		border-bottom: none;
	}

	.list_orders .info {
		width: 35%;
		order: 8;
	}

	.list_all {
		background: #fff;
		display: none;
		padding: 0px;
		border-bottom: 0px;
	}

	.list_all .name {
		width: 40%;
	}
}

/* ********************************************************************* */
@media screen and (max-width: 375px) {
	.header .left .logo {
		width: 120px;
		display: block;
		top: 10px;
		left: 10px;
		position: absolute;
		float: right;
		padding: 0px;
	}
}

/* ********************************************************************* */
/* ********************************************************************* */
@media screen and (max-width: 320px) {
	.header .left .logo {
		width: 80px;
		display: block;
		top: 10px;
		left: 10px;
		position: absolute;
		float: right;
		padding: 0px;
	}
}

/* ********************************************************************* */

/* Меню ---------------------------------------------------------------- */
@media screen and (min-width:601px) and (max-width:10000px) {

	.line_1 .menu {
		position: relative;
	}

	.line_1 .menu ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0px;
		padding: 0px;
	}

	.line_1 .menu ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		font-size: 14px;
		text-transform: uppercase;
	}

	.line_1 .menu ul li a {
		color: #fff;
		display: block;
		padding: 0px 15px;
		height: 40px;
		line-height: 40px;
		text-decoration: none;
	}

	.line_1 .menu ul li a:hover {
		background: #223960;
		transition: 0.3s;
	}

	.line_1 .current_menu {
		background: #ec5e36;
		opacity: 1;
		transition: 0.3s;
	}
}

/*Мобильное меню ----------------------------------------------*/
@media screen and (max-width:600px) {
	.line_1 {
		justify-content: flex-end;
		height: 40px;
	}

	.line_1 .menu {
		width: 360px;
		max-width: 360px;
		height: 40px;
		z-index: 9999;
		margin: 0px;
		position: absolute;
		top: 0px;
		left: -320px;
		background: #333;
		transition: 0.7s;
	}

	.line_1 .menu:hover {
		top: 0px;
		left: 0px;
		width: 320px;
		transition: 0.7s;
	}

	.line_1 .menu::before {
		content: "☰";
		position: absolute;
		right: 0px;
		top: 0px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		opacity: 1;
		transition: 0.3s;
	}

	.line_1 .menu:hover::before {
		opacity: 0;
		transition: 0.3s;
	}

	.line_1 .menu ul {
		padding: 5px 0px;
		margin: 0px;
		list-style-type: none;
		width: 320px;
		background: #444;
		transition: 0.5s;
	}

	.line_1 .menu ul li {
		box-sizing: border-box;
		margin: 0;
	}

	.line_1 .menu li {
		position: relative;
	}

	.line_1 .menu li:before {
		position: absolute;
		content: "›";
		color: #fff;
		font-size: 26px;
		top: -3px;
		right: 10px;
	}

	.line_1 .menu ul li ul {
		box-sizing: border-box;
		padding: 0 0 0 0px;
		width: 100%;
	}

	.line_1 .menu li {
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

	.line_1 .menu ul li a {
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		padding: 7px 10px 9px 15px;
		display: block;
		border-bottom: 1px solid #666;
		box-sizing: border-box;
	}

	.line_1 .menu ul li ul li a {
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		padding: 7px 10px 9px 15px;
		display: block;
		border-bottom: 1px solid #666;
		box-sizing: border-box;
	}

	.lk {}

	.lk a {
		color: #fff;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0px 10px;
		text-decoration: none;
	}

	.lk a:hover {
		background: #223960;
		transition: 0.3s;
	}

	.lk .logged_user {
		display: flex;
	}

	.lk .logged_user .exit_lu a {
		display: block;
		padding: 0px 10px;
		height: 40px;
		line-height: 40px;
		background: #333;
	}

	.lk .logged_user .exit_lu a:hover {
		background: #555;
	}

	.lk .logged_user .exit_lu img {
		width: 20px;
		height: auto;
		margin: 10px 0px 0px 0px;
	}

	.nav_search {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #ccc;
		padding: 0px 10px 5px 10px;
		background: #f9f9f9;
	}

	.nav_search .children {
		display: block;
		border: 1px solid #ddd;
		background: #f1f1f1;
		margin: 5px 3px 0px 0px;
		padding: 8px 15px;
		border-radius: 8px;
		text-decoration: none;
		color: #999;
		font-size: 12px;
	}

	.nav_search .children:hover {
		background: #fff;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-bottom: -1px;
		text-decoration: none;
		color: #333;
		font-size: 12px;
		transition: 0.3s;
	}

	.nav_search .active {
		background: #fff;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-bottom: -1px;
		text-decoration: none;
		color: #333;
		font-size: 12px;
	}
}

/*--------------------------------------------------------------------------*/

hr {
	border: none;
	height: 1px;
	background: #ccc;
	width: 98%;
}

#buyers_orders {}

#buyers_orders .block {
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: baseline;
	font-size: 12px;
}

#buyers_orders .block:nth-child(1) {
	border-top: 1px solid #ccc;
}

#buyers_orders .block .title {}

#buyers_orders .block .buyer_name {}

#buyers_orders .block .count_sum {}




#buyers_orders .block .status {}



/* Список скидок *************************************************************************** */
.discounts_buyer {
	display: inline-block;
	margin: 0 auto;
	padding: 15px;
}

.discounts_buyer .disc_block {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	min-height: 100px;
	border-radius: 5px;
	margin: 0 30px 30px 0;
	background: #d9e7fd;
	text-align: left;
	position: relative;
	color: #1f4586;
	box-shadow: 0 0 2px 0 #ccc;
}

.discounts_buyer .disc_block .disc_target {
	padding: 10px 15px 15px 15px;
	font-size: 13px;
	color: #333;
}

.discounts_buyer .disc_block .disc_target b {
	font-size: 14px;
	line-height: 23px;
}

.discounts_buyer .disc_block .disc_count {
	width: 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* *************************************************************************** */

/* Форма добавления скидки *************************************************************************** */
#discount_add_form {
	padding: 20px 130px 20px 20px;
	background: #dee8f5;
	position: relative;
	border-top: 5px dotted #fff;
	border-bottom: 5px dotted #fff;
	position: relative;
}

#discount_add_form select {
	border: 1px solid #ccc;
	padding: 3px 5px;
	border-radius: 3px;
	width: 150px;
	color: #666;
}

#discount_add_form .count_dicount {
	border: 1px solid #ccc;
	padding: 4px 3px;
	border-radius: 3px;
	text-align: center;
	width: 35px;
	color: #666;
}

#plus_discount {
	display: block;
	position: absolute;
	right: 20px;
	top: 17px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	background: #1f4586;
}

#plus_discount:hover {
	background: #3864ae;
	transition: 0.2s;
}

#plus_discount:active {
	background: #666;
	transition: 0.1s;
}

/* *************************************************************************** */

/* Список скидок менеджер *************************************************************************** */
.discounts_manager {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}

.discounts_manager .status {
	margin: 20px 0 0 0;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding: 0 0 0 17px;
}

.discounts_manager .disc_block {
	display: block;
	vertical-align: top;
	width: 100%;
	border-radius: 3px;
	margin: 7px 0px 0px 0px;
	background: #f7f8fb;
	text-align: left;
	position: relative;
	border: 1px solid #dee2e6;
}

.discounts_manager .disc_block:hover {
	border: 1px solid #cad1d7;
}

.new_disc_block {
	opacity: 1;
	animation: show 2s;
}

.discounts_manager .disc_block .disc_target {
	display: inline-block;
	padding: 10px 15px 10px 35px;
	font-size: 13px;
	color: #333;
	width: calc(100% - 110px);
	background: #f7f8fb;
	cursor: pointer;
}

.discounts_manager .disc_block .disc_target b {
	font-size: 12px;
	line-height: 23px;
}

.discounts_manager .disc_block .disc_count {
	display: inline-block;
	width: 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.discounts_manager .disc_edit_users {
	display: none;
	width: 99%;
	margin: 0 auto;
	padding: 1px 15px 15px 15px;
	background: #f7f8fb;
	cursor: default;
	border-radius: 0 0 5px 5px;
	position: relative;
}

.discounts_manager .disc_edit_users .status {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin: 12px 0 1px 0;
}

.discounts_manager .disc_edit_users .status span {
	font-weight: normal;
	color: #1f4586;
	cursor: pointer;
}

.discounts_manager .disc_edit_users .status span:hover {
	color: #3c67af;
	text-decoration: underline;
	transition: 0.2s;
}

.discounts_manager .disc_edit_users .status span:active {
	color: #333;
	text-shadow: 0 0 1px #333;
}

@keyframes msg {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.msg {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 20px 0 0 0;
	font-size: 16px;
	margin: 0px 0px;
	background: #f7f8fb;
	border-radius: 5px;
	color: #666;
	text-align: center;
	animation: msg 0.4s;
	z-index: 2;
}

.discounts_manager .disc_edit_users .disc_edit_check input {
	transform: scale(0.8);
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 4px;
	left: 0px;
}

.discounts_manager .disc_edit_users .disc_edit_check {
	display: inline-block;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #5d6872;
	margin: 2px 15px 2px 0px;
	padding: 2px 1px 1px 17px;
	user-select: none;
	z-index: 1;
}

.discounts_manager .disc_edit_users .disc_edit_check:hover {
	color: #1f4586;
	border-bottom: 1px solid #1f4586;
	text-shadow: 0 0 1px #6d91cd;
	transition: 0.2s;
}

.discounts_manager .disc_block .button_del {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 26px;
	padding: 0px;
	transform: rotate(45deg);
	color: #999;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.discounts_manager .disc_block .button_del:hover {
	background: #f0634b;
	color: #fff;
	transition: 0.2s;
}

.discounts_manager .disc_block .button_del:active {
	background: #be4733;
	color: #fff;
	transition: 0.2s;
}

.but_links_users {
	width: 100%;
	text-align: right;
	margin: 10px 0 0 0;
}

.but_links_users .status_disc {
	border: 1px solid #ccc;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	padding: 2px 3px;
	border-radius: 3px;
	text-align: center;
	width: 105px;
	color: #666;
}

.links_users {
	display: inline-block;
	padding: 4px 6px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	background: #1f4586;
}

.links_users:hover {
	background: #3864ae;
	transition: 0.2s;
}

.links_users:active {
	background: #666;
	transition: 0.1s;
}

.count_dicount {
	border: 1px solid #ccc;
	padding: 4px 3px;
	border-radius: 3px;
	text-align: center;
	width: 35px;
	color: #666;
}

.red_del {
	background: red !important;
	transition: 0.4s;
}

/* *************************************************************************** */
.order_detail_link {
	color: #2a68b1;
	text-decoration: none;
}

.order_detail_link:hover {
	text-shadow: 0 0 1px #2a68b1;
	transition: 0.3s;
}


/* Список клиентов *************************************************************************** */
.buyers {
	display: block;
	padding: 10px 0px;
}

/* *************************************************************************** */
.manager_order_detail {
	float: left;
}

.manager_order_detail button {
	cursor: pointer;
	font-size: 12px;
	border: none;
	background: none;
	font-family: 'Open Sans', sans-serif;
}

.manager_order_detail button:nth-child(2) {
	color: #42b74e;
}

.manager_order_detail button:hover:nth-child(2) {
	text-shadow: 0 0 1px #42b74e;
	transition: 0.3s;
}

.manager_order_detail button:nth-child(3) {
	color: #be3737;
}

.manager_order_detail button:hover:nth-child(3) {
	text-shadow: 0 0 1px #be3737;
	transition: 0.3s;
}

.manager_order_detail button:nth-child(4) {
	color: #2a68b1;
}

.manager_order_detail button:hover:nth-child(4) {
	text-shadow: 0 0 1px #2a68b1;
	transition: 0.3s;
}

.manager_order_detail button:nth-child(5) {
	color: #333;
}

.manager_order_detail button:hover:nth-child(5) {
	text-shadow: 0 0 1px #333;
	transition: 0.3s;
}

/**********************************************************************************/
/** Список клиентов *************************************************************************/
.clients .status {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	color: #666;
}

.clients .status:nth-child(2) {
	margin: 0px 0 0 0;
}

.client_block {
	display: block;
	background: #f7f8fb;
	font-size: 12px;
	color: #333;
	margin: 5px 0px 0px 0px;
	border: 1px solid #dee2e6;
	border-radius: 3px;
}

.client_block:hover {
	border: 1px solid #cad1d7;
	transition: 0.2s;
}

.client_block .client_id {
	display: inline-block;
	width: 50px;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

.client_block .client_target {
	display: inline-block;
	width: 600px;
	cursor: pointer;
	padding: 10px 0px 10px 0px;
}

.client_block .client_target .client_name {
	display: inline-block;
	width: 250px;
	white-space: nowrap;
	font-weight: bold;
}

.client_block .client_target .client_no_active {
	color: red;
}

.client_block .client_target .client_phone {
	display: inline-block;
	color: #1f4586;
	font-weight: bold;
	width: 130px;
}

.client_block .client_target .client_email {
	display: inline-block;
	width: 200px;
}

.client_block .client_info {
	display: inline-block;
	width: 500px;
	padding: 10px 0px 10px 0px;
}

/**********************************************************************************/
.client_edit {
	position: relative;
	width: 99%;
	background: #f7f8fb;
	padding: 0px 20px 10px 20px;
	margin: 0 auto;
	color: #222;
	display: none;
	border-radius: 0 0 5px 5px;
}

.client_edit .client_discount input {
	transform: scale(0.8);
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 4px;
	left: 0px;
}

.client_edit .client_discount {
	display: inline-block;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #5d6872;
	margin: 2px 15px 2px 0px;
	padding: 2px 1px 1px 17px;
	user-select: none;
	z-index: 1;
}

.client_edit .client_discount:hover {
	color: #1f4586;
	border-bottom: 1px solid #1f4586;
	text-shadow: 0 0 1px #6d91cd;
	transition: 0.2s;
}

.client_edit .bt_form {
	display: inline-block;
	padding: 3px 7px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	background: #1f4586;
	border-radius: 5px;
	position: relative;
}

.client_edit .status_client {
	border: 1px solid #cad1d7;
	border-radius: 3px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #666;
	padding: 2px 5px;
}

.client_edit .active_client {
	border: 1px solid #cad1d7;
	border-radius: 3px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #666;
	padding: 2px 5px;
}

.client_edit .stat {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding: 12px 0 2px 20px;
}

.client_edit .stat span {
	font-weight: normal;
	color: #1f4586;
	cursor: pointer;
	user-select: none;
}

.client_edit .stat span:hover {
	color: #3c67af;
	text-decoration: underline;
	transition: 0.2s;
}

.client_edit .stat span:active {
	color: #333;
	text-shadow: 0 0 1px #333;
}

.client_edit .bt_form:hover {
	background: #224f9b;
	transition: 0.2s;
}

.client_edit .bt_form:active {
	background: #1a335d;
}

/**********************************************************************************/


/**********************************************************************************/
.wrap_select_client {
	text-align: left;
	margin: 0 0 20px 0;
}

.wrap_select_client .select_client {
	position: relative;
}

.wrap_select_client .select_client .link_client {
	display: inline-block;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	background: #f7f8fb;
}

.wrap_select_client .select_client .data_client {
	display: none;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 30px;
	background: #fff;
	padding: 5px 20px 20px 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 5px 10px 1px #ccc;
	z-index: 999;
}

.wrap_select_client .select_client .data_client .status {
	margin: 15px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

.wrap_select_client .select_client .data_client .client_name {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	margin: 5px 15px 5px 0px;
	border-bottom: 1px solid #777;
}

.wrap_select_client .select_client .data_client .client_name a {
	color: #555;
	text-decoration: none;
}

.wrap_select_client .select_client .data_client .client_name a:hover {
	color: #1f4586;
	border-bottom: 1px solid #1f4586;
	text-shadow: 0 0 1px #1f4586;
	transition: 0.2s;
}

.wrap_select_client .select_client .data_client .selected_client {
	color: #1f4586;
	border-bottom: 1px solid #1f4586;
	text-shadow: 0 0 1px #1f4586;
}

/*****************/

.form_order_edit {
	padding: 10px;
	border-bottom: 1px solid #dee2e6;
	margin: 0 0 10px 0;
}

.form_order_edit button {
	cursor: pointer;
	font-size: 14px;
	border: none;
	background: none;
	font-family: 'Open Sans', sans-serif;
}

.form_order_edit button:nth-child(2) {
	color: #42b74e;
}

.form_order_edit button:hover:nth-child(2) {
	text-shadow: 0 0 1px #42b74e;
	transition: 0.2s;
}

.form_order_edit button:nth-child(3) {
	color: #be3737;
}

.form_order_edit button:hover:nth-child(3) {
	text-shadow: 0 0 1px #be3737;
	transition: 0.2s;
}

.form_order_edit button:nth-child(4) {
	color: #2a68b1;
}

.form_order_edit button:hover:nth-child(4) {
	text-shadow: 0 0 1px #2a68b1;
	transition: 0.2s;
}

.form_order_edit button:nth-child(5) {
	color: #333;
}

.form_order_edit button:hover:nth-child(5) {
	text-shadow: 0 0 1px #333;
	transition: 0.2s;
}


/* Сообщения *****************************************************************/
.messages {
	margin: 20px 0 0 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}


.messages .left {
	order: 2;
	vertical-align: top;
	width: 60%;
	max-height: 500px;
	box-shadow: 0 2px 1px 0 #cccccc;
	border: 1px solid #f1f2f3;
	border-radius: 3px;
	padding: 10px;
	overflow-y: scroll;
}

.messages .right {
	order: 1;
	vertical-align: top;
	width: 40%;
	padding: 0px 10px 10px 10px;
}

.messages .dir_0 {
	text-align: left;
}

.messages .dir_1 {
	text-align: right;
}

.messages .dir_00 {
	text-align: right;
}

.messages .dir_10 {
	text-align: left;
}

.messages .message {
	display: inline-block;
	text-align: left;
	margin: 10px 5px;
	background: #f7f8fb;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px 0 #ccc;
	color: #666;
	min-width: 60%;
	max-width: 80%;
	padding: 10px 10px 10px 35px;
	position: relative;
}

.messages .dir_10 .message:before,
.dir_1 .message:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/img/icon_manager.png) no-repeat;
	background-size: cover;
	top: 12px;
	left: 8px;
	opacity: 1;

}

.messages .dir_00 .message:before,
.dir_0 .message:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/img/icon_client.png) no-repeat;
	background-size: cover;
	top: 12px;
	left: 8px;
	opacity: 1;
}

.messages .message .date_msg {
	font-size: 10px;
	color: #999;
}

.messages textarea {
	display: block;
	width: 100%;
	height: 70px;
	resize: none;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: 1px solid #dee2e6;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	border-radius: 3px;
	opacity: 1;
	transition: 0.3s;
}

.messages textarea::placeholder {
	color: #999;
}

.messages textarea:focus {
	outline: none;
	border: 1px solid #8b9bab;
	transition: 0.3s;
}

.messages .button {
	background: #ec5e36;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}

.messages .button:hover {
	background: #f8724d;
	transition: 0.2s;
}

.messages .button:active {
	background: #d03e15;
}

@media screen and (max-width: 600px) {
	.messages .left {
		display: block;
		width: 100%;

	}

	.messages .right {
		display: block;
		width: 100%;
		padding: 10px 0px 10px 0px;
	}
}

/**********************************************************************************/



.in_align_right {
	text-align: right;
	margin: 10px 0 0 0;
}




.display_block {
	display: block !important;
}

.none {
	display: none !important;
}


/* REPORTS *************************************/

.report_1 {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
}

.report_1 tr td {
	padding: 3px;
	text-align: left;
}

.report_1_title {
	font-weight: bold;
	font-size: 14px;
}

.input_button_report {
	cursor: pointer;
	font-weight: normal;
	background: #333;
	color: #fff !important;
	height: 28px !important;
	width: 100px !important;
	opacity: 0.8;
	transition: 0.3s;
}

.input_button_report:hover {
	opacity: 1;
	transition: 0.3s;
}

/************************************************/

.footer {
	min-height: 5px;
	background: #dee2e6;
	margin-top: 50px;
}

/* Данные пользователя **********************************/
.user_data {
	text-align: left;
	padding: 0 20px;
}

.lk_table {
	border-collapse: separate;
	border-spacing: 10px;
	max-width: 100%;
}

.lk_table tr td {
	padding: 0px;
	text-align: left;
}

.lk_table tr .lk_table_td1 {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	width: 120px;
}

.lk_table tr .lk_table_td2 {
	width: 400px;
}

.lk_table tr .lk_table_td2 input {
	width: 100%;
	background: #fff;
	border: 1px solid #1f4586;
	padding: 5px;
}

.lk_table tr .lk_table_td2 input[disabled] {
	background: #f6f6f6;
	border: 1px solid #ddd;
}

.lk_table tr .lk_table_td2 select {
	width: 100%;
	background: #fff;
	border: 1px solid #1f4586;
	padding: 5px;
}

.lk_table tr .lk_table_td2 select[disabled] {
	background: #f6f6f6;
	border: 1px solid #ddd;
}

.lk_table tr .lk_table_td2 textarea {
	width: 100%;
	height: 100px;
	background: #fff;
	border: 1px solid #1f4586;
	padding: 5px;
	font-size: 14px;
}

.lk_table tr .lk_table_td2 textarea[disabled] {
	background: #f6f6f6;
	border: 1px solid #ddd;
}

.lk_edit_form .lk_button {
	display: inline-block;
	user-select: none;
	cursor: pointer;
	background: #333;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	border-radius: 5px;
	opacity: 0.8;
	transition: 0.3s;
}

.lk_edit_form .lk_button:hover {
	opacity: 1;
	transition: 0.3s;
}

.order_buttons {
	display: inline-block;
	user-select: none;
	cursor: pointer;
	background: #333;
	border: none;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	opacity: 0.8;
	transition: 0.3s;
}

.order_buttons:hover {
	opacity: 1;
	transition: 0.3s;
}

.order_input {
	width: 50px;
	padding: 2px 5px;
	text-align: center;
}


#remember_password {
	font-size: 13px;
}

.rem_pass {
	text-align: left;
}

#info_search {
	font-size: 12px;
}

#info_search span.title {
	font-weight: bold;
}

.download_buttons {
	display: flex;
	flex-direction: row;
}

.download_buttons .but {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
	color: #2a68b1;
	margin-left: 10px;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid #f1f2f3;
	background-color: #ffffff;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
	padding: 5px 7px 5px 5px;
}

.download_buttons .but:nth-child(1) {
	margin-left: 0;
}

.download_buttons .but:hover {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.download_buttons .but:active {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.download_buttons .but img {
	width: 18px;
	height: auto;
	margin-right: 5px;
}

.delivery_day {
	font-size: 12px;
	white-space: nowrap;
	margin-top: 0px;
	opacity: 0.8;
}

.store {
	vertical-align: middle !important;
}

.store_id {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #eb5a32;
	color: #ffffff;
	font-weight: bold;
	margin: 0 auto;
}

.store_id_1 {
	background-color: #eb6c49;
	color: #ffffff;
}
.store_id_2 {
	background-color: #558dd1;
	color: #ffffff;
}
.store_id_3 {
	background-color: #5eac75;
	color: #ffffff;
}
.store_id_4 {
	background-color: #60b3da;
	color: #ffffff;
}
.store_id_5 {
	background-color: #4a53cf;
	color: #ffffff;
}