/*
CUSTOM REGISTRATION - Extension for Opencart
edit this CSS to style: 
- checkout forms
- register account page
- Edit account info
- Edit Address book
*/

.clearfix {clear:both}

/* color for error text and  *asterisks   */
.checkout-content span.required, .checkout-content span.error,
#registration span.required, #registration span.error,
.edit_account_form span.required, .edit_account_form span.error,
.update_address_form span.required, .update_address_form span.error
{color:red}


/* text weight  for * asterisks   */
.checkout-content span.required,
#registration span.required,
.edit_account_form span.required,
.update_address_form span.required
{font-weight:bold}


/* 
Forms - fields spacing for the pages 
-  route=checkout/checkout
-  route=account/register
-  route=account/edit
-  route=account/address/update  
*/
.checkout table.form,
form#registration table.form,
.edit_account_form table.form,
.update_address_form table.form {border-collapse: collapse;}

.checkout .form td,
form#registration table.form td,
.edit_account_form .form td,
.update_address_form .form td  {padding-bottom:10px; vertical-align:middle;}

form#registration .buttons,
.edit_account_form .buttons,
.update_address_form .buttons  {margin-bottom:30px;}




/* labels - registration  */
form#registration td.label {
	display:table-cell;
	width:170px;
	text-align:left; 
	font-weight:normal; 
	font-size:100%; 
	padding:0 10px 0 0
}

/* checkout - general */
.checkout, .intro { font-size: 14px;
    background-color: #000;
    color: #707070;
    padding: 30px 50px;
    width: 1134px;
    margin: 0 auto;
    /*height: 650px;*/
    letter-spacing: 1px;}
.checkout-content {}

.checkout-content .columns_container {margin:0 auto; }
.checkout-content .left {float:left;}
.checkout-content .right {float:right; }



.checkout-content .buttons {display:block; clear:both; float:none;overflow:auto; }
.checkout-content .buttons .right {width:auto; padding:0;}

.checkout-content label {float:none;}
.checkout-content span.wait {float:right}

					
/* Errors and warnings */


.checkout-content .error,
form#registration .error,
.edit_account_form,
.update_address_form .error {display:block; margin:0; padding:0; }





/* checkout billing and shipping form */
.checkout-content #payment-new td,
.checkout-content #shipping-new td {padding-right:20px;}

/* shipping and payment methods forms */
#shipping-method td, #payment-method td {padding:0 4px;}
#shipping-method .comment, #payment-method .comment {font-size:16px; font-weight:bold; margin-bottom:4px;}
#payment-method label {font-weight:bold}

/* input fields style */
.checkout-content input[type="text"], 
.checkout-content input[type="password"] {}
.checkout-content input[type="checkbox"] {margin:0 5px;}

.checkout-content #shopping_cart_confirm input {width:auto}

form#registration input[type="text"], 
form#registration input[type="password"] {   /*width:200px;*/ }

/* Fix for the select dropdown for low-res devices */
@media all and (min-width: 0px) and (max-width: 400px)  {
	form#registration select,
	.checkout-content select,
	.edit_account_form select,
	.update_address_form select
	{
		
	}
}