.uk-float-left {
    float: left;
}
*[class*=lib-line] {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.lib-line-3 {
    -webkit-line-clamp: 3;
}
.uk-flex-space-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.uk-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    }
    .img-scaledown {
    display: block;
    width: 100%;
    height: 100%;
}
.img-scaledown img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.uk-list {
    padding: 0;
    list-style: none;
}
.uk-list>li:after, .uk-list>li:before {
    content: "";
    display: table;
}
[class*=uk-float-] {
    max-width: 100%;
}
.uk-float-right {
    float: right;
}

.payment{margin-bottom: 10px;overflow: hidden;}
	.order-1 {margin: 20px 0;}
	.order-1 .payment .step {margin-bottom: 15px;}
	.order-1 .payment .step .item {
		float: left;list-style-type: none;
		width: 33.33%;
	}
	.order-1 .payment .step .link {
		display: block;
		padding: 8px 35px 8px 30px;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		font-weight: bold;
		background: #f0f0f0;
		position: relative;
	}
	.order-1 .payment .step .item:first-child .link {padding-left: 20px;}
	.order-1 .payment .step .active .link {background: #f4f9fd;}
	.order-1 .payment .step .link:before, 
	.order-1 .payment .step .link:after {
		content:"";
		position: absolute;
	    top: 50%;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    border-top: 20px solid transparent;
	    border-bottom: 20px solid transparent;
	    border-left: 13px solid;
	    right: -13px;
	}
	.order-1 .payment .step .link:before {
	    border-left-color: #fff;
	    z-index: 1;
	}
	.order-1 .payment .step .item:last-child .link::before{display: none;}
	.order-1 .payment .step .link:after {
	    z-index: 2;
	    border-left-color: #f1f1f1;
	}
	.order-1 .payment .step .step-3 .link:after, .order-1 .payment .step .step-3 .link:after {display: none;}
	.order-1 .payment .step .active .link:after  {border-left-color: #f4f9fd;}
	.order-1 .payment .step .number {
		display: inline-block;
		margin-right: 5px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #999;
		color: #fff;
		text-align: center;
		font-size: 12px;
		line-height: 24px;
	}
	.order-1 .payment .step .complete .number {text-indent: -999px;background: url(../images/icon-checked.png) 0% 0% no-repeat;}
	.order-1 .payment .step .active .number {background: #0492d5;}
	.order-1 .information .uk-panel {
		background: #fff;
		border: 1px solid #e1e1e1;
	}
	.order-1 .information .panel-head {
		padding: 10px 15px;
		background: #f0f0f0;
		border-bottom: 1px solid #e1e1e1;
	}
	.order-1 .information .panel-head .title {
		margin: 0;
		font-size: 18px;
		line-height: 20px;
		color: #333;
	}
	.order-1 .information .panel-head .title .number {color: #666;font-size: 13px;}
	.order-1 .information .panel-head .change {color: #0386ca;font-size: 12px;}
	.order-1 .listorder>.item {padding: 15px 15px;overflow: hidden;}
	.order-1 .listorder>.item+.item {border-top: 1px dotted #ccc;}
	.order-1 .listorder .colimg {width: 80px;margin-right: 15px;}
	.order-1 .listorder .colinfo {width: calc(100% - 95px);-moz-width: calc(100% - 95px);-webkit-width: calc(100% - 95px);-o-width: calc(100% - 95px);-ms-width: calc(100% - 95px)}
	.order-1 .listorder .colimg .img {height: 80px;border: 1px solid #ebebeb;}
	.order-1 .listorder .colinfo .title {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 5px;
		width:70%;
		height: 54px;
		font-weight: bold;
	}
	.order-1 .listorder .colinfo .title .link {color: #555;font-size:12px;}
	.order-1 .listorder .colinfo .title .link:hover {color: #288ad6;}
	.order-1 .listorder .colinfo .price {font-size: 13px;line-height: 18px;text-align: right}
	.order-1 .total {padding: 8px 15px;border-top: 1px solid #ebebeb;}
	.order-1 .total .tt-price {border-top: 1px dashed #ccc;padding-top: 15px;}
	.order-1 .total .tt-price .price {color: #d60c0c;}
	.order-1 .customer .panel-body {padding: 20px 30px 5px 30px;}
	.order-1 .customer .col.left  {float: left;width: 150px;}
	.order-1 .customer .col.right  {float: right;width: -moz-calc(100% - 165px);width: -webkit-calc(100% - 165px);width: -o-calc(100% - 165px);width: calc(100% - 165px)}
	.order-1 .customer label.label, 
	.order-1 .customer span.no-required {
		display: block;
		font-size: 13px;
		color: #000;
		font-weight: bold;
	}
	.order-1 .customer span.no-required {font-weight: normal;}
	.order-1 .customer span.no-required {color: #999;}
	.order-1 .customer .panel-body .text, 
	.order-1 .customer .panel-body .select {
		border: 1px solid #e1e1e1;
		font-size: 13px;
		color: #252525;
		height: 32px;
		margin-bottom: 10px;
		    padding: 0 10px;
		-webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .12);
		-moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .12);
		-o-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .12);
		box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .12);
	}
	.order-1 .customer .sex .item+.item {margin-left: 20px;}
	.order-1 .customer .sex input {margin-right: 5px;}
	.order-1 .form .row {margin-bottom: 15px;}
	.order-1 .form textarea {
		padding: 5px 10px;
		height: 80px;
	}
	.order-1 .form .row .text::-webkit-input-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.order-1 .form .row .text::-moz-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.order-1 .form .row .text:-ms-input-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.order-1 .form .row .text:-moz-placeholder {
	    color: #999;
	    font-size: 13px;
	}

	.continue.uk-text-right {
	    padding: 10px;
	    background: #fff;
	}
	.order-1 .continue .btn {
		display: inline-block; 
		position: relative; 
		padding: 8px 50px 8px 40px; 
		background: #d60c0c; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		color: #fff; 
		border: none; 
		font-size: 14px;
		font-weight: bold;
		line-height: 20px; 
		cursor: pointer; 
	} 
	.order-1 .continue .btn:after {
		content: ""; 
		display: block; 
		position: absolute; 
		width: 12px;
		height: 8px; 
		background: url(templates/backend/images/spritesheet.png) -264px -81px no-repeat; 
		top: 14px;
		right: 15px; 
	} 
	@media (max-width: 768px) {
		.order-1 {margin: 10px 0;}
		.order-1 .payment .step .item {width: 50%;}
		.order-1 .payment .step .item:last-child {display: none;}
		.customer {margin-top: 10px;}
	}
	@media (max-width: 567px) {
		.order-1 .payment .step .item {
			position: relative;
			width: 100%;
		}
		.order-1 .payment .step .item:first-child {display: none;}
		.order-1 .payment .step .item:before {
			content: "";
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			top: initial;
			bottom: -5px;
			left: -5px;
			border-top: 5px solid #1a6c4b;
			border-left: 5px solid transparent;
			z-index: 100
		}
		.order-1 .payment .step .link {
			padding: 8px 30px 8px 15px;
			margin-left: -5px;
		}
		.order-1 .payment .step .active .link {background: #3cca90;}
		.order-1 .payment .step .link:before, .order-1 .payment .step .link:after {display: none;}
		.order-1 .customer .panel-body {padding: 10px;}
		.order-1 .form .row {margin-bottom: 10px;}
		.order-1 .customer .col.left {
			float: none;
			width: 100%;
			margin: 0 0 5px 0;
		}
		.order-1 .customer .col.right {
			float: none;
			width: 100%;
		}
		.order-1 .customer span.no-required {display: inline-block;}
	}