#content.cart .container{
	box-sizing:border-box;
	overflow:hidden;
	max-width:800px;
	margin:0 auto;
}

#content.thankyou .container{
	max-width:850px;
	margin:0 auto;
	text-align: left;
}

.cart .hide{
	display:none;
}

#cart{
	color:#222;
}

#cart .row{
	width:auto;
}

#cart h1{
	margin:15px 0 10px;
}

#cart label, #cart a.pay{
	cursor:pointer;
}

#cart .title{
	margin-bottom:0;
}

#cart .desc{
	margin-left:25px;
	float:left;
	font-size:1.1em;
	line-height:1.5em;
	padding:6px 0;
	width:35%;
	text-align: left;
}

#cart .desc span{
	display:block;
	font-size:12px;
}

#cart .qty{
	float:left;
	margin-left:25px;
}

#cart .qty input{
	max-width:50px;
	text-align:center;
	margin-top:13px;
	padding:0;
}

#cart .product .total, #cart .price{
	float:left;
	width:17%;
	line-height:64px;
	margin-left:15px;
}

#cart .product{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#cart .product img{
	vertical-align:middle;
}

#cart .product ul{
	font-size:12px;
	line-height:20px;
	list-style:none;
	padding:0;
}

#cart .delete{
	float:right;
}

#cart .delete a{
	display:block;
	text-decoration:none;
	line-height:32px;
	border:2px solid;
	width:40px;
	height:40px;
	font-size:36px;
	font-weight:100;
	text-align:center;
	margin-top:12px;
}

#cart .product .img{
	float:left;
	width:75px;
}

#cart .product .img img{
	max-width:75px;
	max-height:75px;
}


#cart .control{
	float:right;
	clear:both;
}

#cart .button{
	text-decoration:none;
	line-height:32px;
	text-transform:uppercase;
	height:auto;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	float:left;
	margin-left:25px;
	border:0px;
}

#cart .button a{
	display:block;
	text-decoration:none;
	padding:0 50px;
}

#cart .button a.pay{
}

#total_cart{
	width:100%;
	text-align:right;
	line-height:64px;
	font-size:22px;
	font-weight:100;
	float:right;
    border-top: 2px solid #f2f2f2;
    margin: 25px 0;
}

#personaldata, #shipping_methods{
	clear:both;
}

/* ----- personal data ----- */
#personaldata .row{
	margin:0;
	clear:both;
}

#personaldata labal{
	margin-bottom:5px;
}

#personaldata .input{
	float:left;
	text-align: left;
	width:100%;
}

#personaldata .input.full{
	width:100%;
	max-width: 100%;
}

#personaldata .input.full input{
	width:94.8%;
	display:block;
}

#personaldata .input input{
	width:90%;
	margin:5px 0 15px;
}

#personaldata .input .radio{
	clear:both;
}

#personaldata .input .radio input{
	float:left;
	margin-right:15px;
	width:auto;
}

#personaldata .shipping_data{
	display:none;
}

#personaldata .input textarea{
	max-width:90%;
}

/* ----- methods ----- */
.shipping_method, .payment_method{
	overflow:hidden;
	clear:both;
}

#shipping_methods textarea, #shipping_methods .deliverydate{
	display:none;
}

#shipping_methods .datepicker table{
	width:auto;
}

#shipping_methods .datepicker .ui-datepicker-header{
	font-size:18px;
	padding:10px 30px;
}

#shipping_methods .ui-icon{
	text-indent:0!important;
}

#shipping_methods .datepicker .ui-datepicker-header .ui-datepicker-title{
	text-align:center;
}

#shipping_methods .datepicker .ui-datepicker-header .ui-datepicker-prev{
	float:left;
	display:block;
	text-decoration:none;
}

#shipping_methods .datepicker .ui-datepicker-header .ui-datepicker-next{
	float:right!important;
	display:block;
	text-decoration:none;
}

#shipping_methods .datepicker table td, #shipping_methods .datepicker table th{
	background:#ebebeb;
	border:1px solid #FFF;
}

#shipping_methods .datepicker table th{
	color:#000;
}

#shipping_methods .ui-datepicker{
	width:auto!important;
	float:left;
}

#shipping_methods .datepicker table td.ui-state-disabled span{
    background:#DADADA;
    color:#EBEBEB!important;
}

#shipping_methods .datepicker table td.active a{
    background:#a2ddba;
    color:#FFF!important;
}

#shipping_methods .datepicker table td.ui-state-disabled a{
	color:#FFF;
}

#shipping_methods .datepicker table td a, #shipping_methods .datepicker table td{
	height:50px;
	width:50px;
	text-decoration:none;
	color:#4d4d4d;
	line-height:50px;
	text-align:center;
	font-size:16px;
	padding:0;
	margin:0;
}

#shipping_methods .datepicker table td a{
	display:block;
}

.method{
	clear:both;
	overflow:hidden;
}

.method div{
	float:left;
	line-height:43px;
	margin-right:25px;
}

.method div input{
	width:20px;
}

.method div img{
	vertical-align:middle;
}

.method div.price{
	margin-left:0!important;
	line-height:43px!important;
}

.method .image{
	margin-right:10px;
}

.method .image img{
	height:25px;
	width:auto;
}

.line{
	height:2px;
	width:100%;
	background:#f2f2f2;
	margin-bottom:25px;
}

#cart input[type="submit"]{
	display: block;
	text-decoration: none;
	padding: 0 50px;
	line-height:30px;
	text-transform: uppercase;
	height:32px;
	width:auto;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	border: 2px solid;
	float:left
}

#nextstep{
	display:none;
}

/*****************************************/
/**************** Invoice ****************/
/*****************************************/
#invoice{
	overflow:hidden;
}

#invoice #receipt{
	float:none;
	margin:75px auto 0;
}

.error{
	max-width: 50%;
    padding: 10px 25px;
    background:rgba(234, 184, 184, 0.46);
    border:2px solid #ff0000;
    margin-bottom:15px;
	font-size:14px;
}

/*****************************************/
/**************** Receipt ****************/
/*****************************************/
#receipt{
	width:100%;
	max-width:500px;
	float:left;
	padding:50px 25px;
	text-align:left;
	box-sizing:border-box;
	font-family:'Courier';
	text-align-last:auto;
	background:url(../../templates/soloma4/includes/images/receipt.png);
	background-size:250px;
	background-repeat:repeat;
	overflow:hidden;
	margin-bottom:25px;
}

#receipt .header{
	font-size:15px;
	overflow:hidden;
	margin-bottom:25px;
}

#receipt .header .date{
	float:left;
}

#receipt .header .invoice_no{
	float:right;
}

#receipt .middle .logo{
	margin-bottom:25px;
	text-align:center;
}

#receipt .middle .logo img{
	max-width:80%;
}

#receipt .middle table{
	width:100%!important;
}

#receipt .middle table ul{
	list-style:none;
	padding-left:15px;
}

#receipt .totals{
	text-align:left;
	margin:35px 0 0;
	border-top:1px solid #333;
	width:200px;
	float:right;
	padding:25px 0 0;
}

#receipt .totals span{
	display:inline-block;
	width:100px;
	text-align:right;
}

#receipt .total_bg{
	font-weight:bold;
	clear:both;
	float:right;
	width:200px;
	font-size:14px;
}

#receipt .total_bg span{
	display:inline-block;
	width:100px;
	text-align:right;
}

#orderinfo{
	max-width:300px;
	float:right;
	width:100%;
	text-align-last:auto;
	padding-bottom:25px;
}

.thankyou .title{
	margin:25px 0;
}

@media only screen and (max-width: 767px){
	#content.cart .container{padding:0 15px;}
	#cart .desc{width:calc(100% - 100px);}
	#cart .qty{margin-left:0;clear:both;}
	#cart .product .total, #cart .price{width:calc(50% - 70px)!important;}

	#cart .control{width:100%;box-sizing: border-box;}
	#cart .button{width:calc(50% - 14px);margin-left: 0px;}
	#cart .button:nth-child(2){margin-left:20px;}
	#cart .button a{padding:0;font-size:14px;}

	#personaldata .input,
	#personaldata .input input,
	#personaldata .input.full input{width:100%;box-sizing:border-box;}
	.centered #personaldata .input{max-width:100%;}

	#orderinfo{
		max-width:100%;
		padding:0 15px;
	}

	#receipt{
		width:calc(100% - 20px);
		margin:0 10px;
	}

	#receipt .header .invoice_no{
		clear: both;
		float:left;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
	#content.cart .container{padding:0 30px;}
	#personaldata .input{width:calc(50%);}
	#personaldata label{display:block}
	#personaldata .input input {max-width: 90%!important;}
	#personaldata .input.full input {max-width: 95%!important;}

	#receipt{
		max-width:55%;
		margin:0 10px;
	}

	#orderinfo{
		padding:0 10px;
		max-width:calc(45% - 20px);
	}
}