/*
	LK (RIGHT MENU AND TITLE)
*/

.lk-content-only-menu{padding-bottom: 0;}
.lk-content-only-menu .cat-filter-right{float: left;}

.category-list-sub > li,
.category-list-sub > li:last-child
	{padding: 16px 0 16px 12px;}

.title-bar-lk .bread-crumb{display: none;}

.lk-title-outer{overflow: hidden;}
.lk-title-outer .lk-title{margin-left: -15px; line-height: 1.2;}

/*
	LK WRITE (35)
*/

.lk-write-form{margin-right: 55px;}

/* LK ORDERS (34) */

.select-outer{display: inline-block; box-sizing: border-box; width: auto; height: 45px; line-height: 45px; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 1px 0 0 #ECECEC; position: relative;}
.select-outer:after { content: ''; position: absolute; right: 18px; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../img/svg/arr.svg) center center no-repeat; background-size: 12px; }
.select-outer:hover { border-color: #AAA; }

.select-outer select.select { display: inline-block; box-sizing: border-box; padding: 0 62px 0 10px; width: 100%; height: 45px; line-height: 45px; background: transparent; border: 1px solid transparent; border-radius: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.select-outer select.select.error { border-color: red; }
.select-outer select.select:hover { border-color: transparent; }
.select-outer select.select:focus { border-color: transparent; box-shadow: none; }

.select-value{}
.select-items{position: absolute; left: -1px; z-index: 1; max-height: 250px; width: 100%; background: #FFF; border: 1px solid #CCC; border-top: none; box-shadow: 0 0 30px rgba(0,0,0,0.15); overflow-y: scroll;}
.select-value .item,
.select-items .item{padding: 0 50px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.select-items .item{padding-right: 15px;}
.select-items .item + .item{border-top: 1px solid #CCC;}
.select-items .item:hover{background: rgba(0,0,0,0.05);}
.select-value .item i,
.select-items .item i{display: inline-block; margin-right: 10px;}
.select-value .item strong,
.select-items .item strong{display: inline-block; margin-right: 5px;}
.select-value .item span,
.select-items .item span{display: inline-block;}


#lk-orders-filter-toggle{display: none;}

.lk-orders-filter{display: block; margin-bottom: 25px;}
.lk-orders-filter .item{display: inline-block;}
.lk-orders-filter span, .lk-orders-filter .select-outer{margin-right: 10px;}

.lk-orders{margin-right: 10px;}

.lk-orders-table{box-sizing: border-box; float: left; width: 100%; color: #4A4A4A; border: 1px solid #E2E2E2;}
.lk-orders-table-header{float: left; width: 100%; border-bottom: 1px solid #E2E2E2; background: #F3F3F1;}
.lk-orders-table-body{float: left; width: 100%;}
.lk-orders-table-body .row + .row{border-top: 1px solid #DDD;}

.lk-orders-table .check{float: left; width: 45px;}
.lk-orders-table .check label{margin: 18px 0 0 23px;}
.lk-orders-table .right{margin-left: 45px;}
.lk-orders-table .col-item{box-sizing: border-box; float: left; padding: 18px 0; line-height: 1.4;}
.lk-orders-table .col-number{width: 11%;}
.lk-orders-table .col-addr{width: 35%; padding-right: 30px;}
.lk-orders-table .col-date{width: 11%; white-space: nowrap;}
.lk-orders-table .col-sum{width: 10%; text-align: right; white-space: nowrap;}
.lk-orders-table .col-pay{width: 17%; padding-left: 40px;}
.lk-orders-table .col-status{width: 16%; white-space: nowrap;}

.lk-orders-table .addr{padding-left: 24px;}
.lk-orders-table .addr img{float: left; margin-left: -24px;}
.lk-orders-table .status{display: inline-block; width: 10px; height: 10px; background: #FFF; border-radius: 50%;}
.lk-orders-table .status.status1{background: #FFCC00;}
.lk-orders-table .status.status2{background: #BDD632;}
.lk-orders-table .status.status3{background: #D70050;}

.lk-orders-table .row-actions{box-sizing: border-box; padding: 15px;}
.lk-orders-table .row-actions button{padding-left: 22px; padding-right: 22px;}
.lk-orders-table .row-actions button + button{margin-left: 10px; position: relative; top: 1px;}
.lk-orders-table .row-actions span{float: right; margin-top: 15px;}

/* order full */

.order-full{margin-right: 7px;}

.order-all{position: relative; top: -10px;}

.order-top{float: right; margin-top: -50px; font-size: 16px; color: #444; text-align: right;}
.order-top span{color: #777; font-size: 14px;}

.order-table{margin-bottom: 15px; color: #444; border: 1px solid #E2E2E2;}
.order-table__row + .order-table__row{border-top: 1px solid #E2E2E2;}

.order-table__top{display: flex; justify-content: space-between; padding: 17px 15px; align-content: center;}
.order-table__top .col{box-sizing: border-box; white-space: nowrap;}
.order-table__top .col-text{flex: 1 0 0;}
.order-table__top .col-link{padding: 10px 0 0 20px;}
.order-table__top strong{font-size: 16px;}
.order-table__top span{color: #777;}

.order-table__product{display: flex; padding: 10px 40px 10px 35px; position: relative;}
.order-table__product .col{box-sizing: border-box; display: flex; flex: 0 0 0; align-items: center;}
.order-table__product .col-title{flex-basis: 33.333%;}
.order-table__product .col-status{flex-basis: 33.333%; padding-left: 20px;}
.order-table__product .col-controls{flex-basis: 33.333%; justify-content: space-between;}

	.order-table__product .col-title img{margin-right: 15px; width: 70px; height: auto;}

	.order-table__product .status{display: inline-block; width: 10px; height: 10px; background: #FFF; border-radius: 50%;}
	.order-table__product .status.status1{background: #FFCC00;}
	.order-table__product .status.status2{background: #BDD632;}
	.order-table__product .status.status3{background: #D70050;}

	.order-table__product .qty{white-space: nowrap;}
	.order-table__product .qty span{display: inline-block; margin: 0 15px;}
	.order-table__product .qty button{box-sizing: border-box; margin: 0; padding: 0; display: inline-block; width: 45px; height: 45px; color: #9B9A9B; background: #FFF; border: 1px solid #E1E1E1; cursor: pointer;}
	.order-table__product .qty button:disabled{opacity: 0.5; cursor: default;}

	.order-table__product .price{font-weight: bold; font-size: 15px; white-space: nowrap;}

	.order-table__product .check{position: absolute; left: 22px; top: 50%; margin-top: -8px;}
	.order-table__product .delete{position: absolute; right: 10px; top: 50%; margin-top: -8px;}
	
.order-table__controls{display: flex; justify-content: space-between; padding: 16px 15px;}
.order-table__controls .col{display: flex; align-items: center;}
.order-table__controls .col-links{position: relative; padding-left: 25px; white-space: nowrap;}
.order-table__controls .col-links a{margin-right: 25px;}
.order-table__controls .col-search{flex: 0 0 53%;}
.order-table__controls .col-search form{box-sizing: border-box; width: 100%; padding-right: 110px; white-space: nowrap; position: relative;}
.order-table__controls .col-search input{box-sizing: border-box; height: 45px; width: 100%;}
.order-table__controls .col-search button{position: absolute; top: 0; right: 0; padding-left: 18px; padding-right: 18px;}
.order-table__controls .col-search a.button{position: absolute; top: 0; right: 0; padding-left: 18px; padding-right: 18px; height: 19px;}
.order-table__controls .check{position: absolute; left: 7px; top: 50%; margin-top: -10px;}

.order-table__total{display: flex; justify-content: space-between; padding: 15px;}
.order-table__total .col{display: flex; align-items: center; font-size: 16px;}
.order-table__total .col span{font-size: 14px; color: #777;}

.order-info{margin-bottom: 15px; display: flex; margin-bottom: 15px; color: #444; border: 1px solid #E2E2E2;}
.order-info .col{box-sizing: border-box; padding: 15px; flex: 1 0 0;}
.order-info .col + .col{border-left: 1px solid #E2E2E2;}
.order-info strong{display: block; margin-bottom: 12px; font-size: 16px;}
.order-info ul li{display: flex; justify-content: space-between;}
.order-info ul li + li{margin-top: 10px;}
.order-info ul li span.name{color: #777; white-space: nowrap;}
.order-info ul li span.val{text-align: right; margin-left: 10px; white-space: nowrap;}

.order-docs{padding: 15px; color: #444; border: 1px solid #E2E2E2;}
.order-docs strong{display: block; margin-bottom: 16px; font-size: 16px;}
.order-docs__links{display: flex; flex-wrap: wrap;}
.order-docs__links a{display: flex; align-items: center; margin-right: 40px; white-space: nowrap;}
.order-docs__links a i{font-size: 34px;	color: #CCC; text-decoration: none;}
.order-docs__links a span{margin: -6px 0 0 5px; border-bottom: 1px dashed #498FE1;}
.order-docs__links a:hover{color: #000; text-decoration: none;}
.order-docs__links a:hover span{border-color: #000;}

@media (max-width: 1024px)
{
	.lk-orders-table .check input[type="checkbox"]:checked + label::after{left: -6px;}

	.lk-orders-table .col-item{font-size: 0.85em;}
	.lk-orders-table .col-number{width: 12%;}
	.lk-orders-table .col-addr{width: 30%;}
	.lk-orders-table .col-pay{padding-left: 20px;}
	.lk-orders-table .col-status{width: 20%;}

	.lk-write-form{margin-right: 10px;}
	.lk-write-form .row-input-contacts .col{float: left; width: 100%; padding-bottom: 15px; padding-top: 19px; border-bottom: 1px solid #E2E2E2;}
	.lk-write-form .row-input-contacts .col:last-child{padding-bottom: 0; border-bottom: none;}
	.lk-write-form .row-input-comment textarea{max-height: 110px;}
	
	/* order-full */
	
	.order-full input[type="checkbox"]:checked + label::after{left: -6px;}
	
	.order-top{font-size: 14px;}
	.order-top span{font-size: 12px;}
	
	.order-table__product .col-title,
	.order-table__product .col-status{font-size: 12px;}
	
	.order-table__controls .col-links{flex-direction: column; align-items: flex-start;}
	.order-table__controls .col-links a{margin: 2px 0; font-size: 12px;}
	
	.order-table__total .col{font-size: 14px;}
	.order-table__total .col span{font-size: 12px;}
	
	.order-info strong{font-size: 14px;}
	.order-info ul li{font-size: 12px;}
}

@media (max-width: 960px)
{
	#lk-orders-filter-toggle{display: inline-block; float: right;}
	
	.lk-orders-table-header .right{display: none;}
	.lk-orders-table .col-item{float: none; padding: 3px 0; width: auto; text-align: left; font-size: 1em;}
	.lk-orders-table .check label{margin-bottom: 15px; margin-left: 28px;}
	.lk-orders-table .right{padding: 15px 20px 15px 0;}
	.lk-orders-table .col-sum{font-weight: bold;}
	
	/* order-full */
	
	.order-top{margin: 10px 0 20px; float: none; text-align: left;}
	.order-top span{font-size: 14px;}
	
	.order-table__top{flex-direction: column;}
	.order-table__top .col{padding: 0;}
	.order-table__top .col + .col{margin-top: 21px;}
	.order-table__top strong{font-size: 14px;}
	
	.order-table__product{flex-direction: column; padding: 18px 15px 18px 35px;}
	.order-table__product .col-title,
	.order-table__product .col-status{font-size: 14px;}
	.order-table__product .col-title{padding-right: 25px;}
	.order-table__product .col-status{padding: 27px 0 20px;}
	.order-table__product .check{top: 46px;}
	.order-table__product .delete{top: 20px;}
	
	.order-table__controls{flex-direction: column;}
	.order-table__controls .col-links a{margin: 0 0 18px; font-size: 14px;}
	.order-table__controls .check{left: 10px; top: 10px;}
	
	.order-table__total{flex-direction: column;}
	.order-table__total .col + .col{margin-top: 18px;}
	
	.order-info{flex-direction: column;}
	.order-info .col{padding-bottom: 20px;}
	.order-info .col + .col{border-left: none; border-top: 1px solid #E2E2E2;}
	.order-info strong{margin-bottom: 18px;}
	.order-info ul li{flex-direction: column; font-size: 14px;}
	.order-info ul li + li{margin-top: 13px;}
	.order-info ul li span.name{margin-bottom: 5px;}
	.order-info ul li span.val{margin: 0; text-align: left;}
	
	.order-docs__links{flex-direction: column;}
	.order-docs__links a{margin: 0;}
	.order-docs__links a + a{margin-top: 20px;}
}

@media (max-width: 640px)
{
	.lk-orders-table{float: none; width: auto; margin: 0 -25px 0 -20px; border: none;}
	.lk-orders-table-header{height: 0; float: none; width: auto; height: 0; border: none; background: transparent;}
	.lk-orders-table-header .row{height: 0;}
	.lk-orders-table-header .check{margin-top: -53px;}
	.lk-orders-table .row-actions span{float: none; display: block;}
	.lk-orders-table .row-actions{padding-bottom: 0;}
	
	.title-bar-lk{padding: 0 !important; border: none !important;}
	.title-bar-lk .title{display: none !important;}
	.title-bar-lk .bread-crumb{display: block !important;}

	.lk-title-outer{margin: 0 -15px -22px; padding: 13px 0 16px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; border-bottom: 1px solid #E2E2E2; text-align: center;}
	.lk-title-outer .lk-title{margin: 0; padding: 0; font-size: 16px; font-weight: 800;}
    	.title-bar-lk{padding: 0 !important; border: none !important;}
	.title-bar-lk .title{display: none !important;}
	.title-bar-lk .bread-crumb{display: block !important;}

	.lk-title-outer{margin: 0 -15px; padding: 13px 0 16px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; border-bottom: 1px solid #E2E2E2; text-align: center;}
	.lk-title-outer .lk-title{margin: 0; padding: 0; font-size: 16px; font-weight: 800;}

	.lk-content-only-menu{padding-bottom: 0;}
	.lk-content .cat-filter-right{display: none;} /* RIGHT MENU */
	.lk-content-only-menu .cat-filter-right{display: block; float: none; margin: 0 -15px; width: auto; max-width: initial; border: none;}

	.lk-write-form{margin-right: 0;}
	.lk-write-form .row-input-contacts{margin-top: -20px;}
	.lk-write-form .row-input-contacts .col{padding-bottom: 13px;}
	
	/* order-full */
	
	body.lk-order .lk-content{padding-bottom: 0;}
	
	.order-full{margin: 0;}
	.order-all{display: none;}
	
	.order-top{margin: 17px 0 15px;}
	
	.order-table{margin: 0 -15px; padding-bottom: 6px; border-left: none; border-right: none; background: #F0F0F2;}
	.order-table__row{background: #FFF;}
	
	.order-info{margin: 0 -15px; padding-bottom: 6px; border-top: none; border-left: none; border-right: none; background: #F0F0F2;}
	.order-info .col{background: #FFF;}
	
	.order-docs{margin: 0 -15px; border: none;}
}

@media (max-width: 480px)
{
	/* order-full */
	
	.order-table__product .check{left: 10px;}
	.order-table__controls .check{left: -6px;}
}



.order-full .form-total {
	margin: 20px 0 0 0;
}
.order-full .form-total input[type="submit"] {
	float: right;
}

.order-full .error-block {
	font-size: 14px;
	color: #D70050;
	border: 1px solid #D70050;
	padding: 10px 20px;
	margin-bottom: 60px;
}