*{
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;
}
.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:520px;
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 .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:150px;
left:-155px;
text-align:right;
top:0px;
font-size:11px;
color:#999;
}
.products .stock_in_store .inner {
width:150px;
margin:auto 0;
line-height:11px;
}
.products .store img{
width:16px;
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 5px;
width:40px;
text-align:center;
font-size:11px;
margin:2px;
}


.single_product .bt {
padding:5px;
width:50px;
text-align:center;
}
.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:inline-block;
width:30px;
padding:4px 0px 6px 0px;
border-radius:0px;
cursor:pointer;
background:#eb5a32;
color:#fff;
opacity:0.9;
font-size:18px;
}
.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;
}

.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 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;}
.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: 600px) {
.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;
}
.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:10%;
}
.products td:nth-child(2){
width:20%;
}
.products td:nth-child(3){
width:60%;
}
.products td:nth-child(4){
width:10%;
}
.products td:nth-child(5){
width:10%;
}
.products td:nth-child(6){
width:15%;
}
.products td:nth-child(7){
width:20%;
}
.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:150px;
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:0 5px;
}
.messages .title_messages{
padding:30px 0 0 15px;
font-weight:bold;
color:#1f4586;
}
.messages .left {
display:inline-block;
vertical-align:top;
width:60%;
max-height:500px;
background:#;
border-radius:3px;
padding:10px;
overflow-y: scroll;
}
.messages .right {
display:inline-block;
vertical-align:top;
width:40%;
padding:0px 10px 10px 10px;
}
.messages .dir_0 {
text-align:right;
}
.messages .dir_1 {
text-align:left;
}
.messages .dir_00 {
text-align:left;
}
.messages .dir_10 {
text-align:right;
}

.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;
}