/********************************************************
			X13 One-Page Checkout Styles
********************************************************/ 
#paymentMethods{
	margin-bottom: 0px;
	background: #fff;
}
.delivery_option_logo img,
.img_w_payment img{
	max-width: 40px;
	height: auto;
	padding: 5px 0px;
}
.delivery_option_price{
	text-align: right;
}
.delivery_option_price label{
	font-weight: bold !important;
}
.opis_w_payment{
	display: block;
}
.opis_w_payment span,
.delivery_option_price span{
	clear: both;
	font-weight: normal;
	display: block;
}
.delivery_option td,
#paymentMethods td{
	border-left: none !important;
	border-right: none !important;
}
#paymentMethods td{
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	white-space: normal;
}
#order-opc .delivery_option > div,
#paymentMethods table{
	margin-bottom: -1px;
}
.delivery_option_radio .radio{
	padding: 15px 3px;
}
#order-opc .delivery_option > div > table.resume td.delivery_option_logo,
.td2_payment{
	width: 80px !important;
	padding-left:0px !important;
}
.td1_payment{
	width: 54px;
}
.td3_payment label{
	width: 100%;
	padding: 15px 0px;
	font-size: 13px;
	font-weight: bold !important;
}
.delivery_option tr label, #paymentMethods tr label{
	min-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	display: block;
	font-size: 13px;
}

.img_w_payment, .delivery_option_logo label {text-align: center}

p.payment_module a.payu-i {
  background: url(../img/payu.png) 15px 12px no-repeat white;
}
p.payment_module a.przelewy24 {
  background: url(../img/przelewy24.png) 15px 12px no-repeat white;
}
p.payment_module a.paypal-i {
  background: url(../img/paypal.png) 15px 12px no-repeat white;
}
p.payment_module a.transferuj-i {
  background: url(../img/transferuj.png) 15px 12px no-repeat white;
}
#paymentMethods .selected,
.delivery_option .selected{
	background: #F2F2F2;
}
.carrier_title{
	font-weight: bold;
	font-size:1.1em;
}
#cgv_all{
	font-weight: 0.8em;
	font-style: italic;
	cursor: pointer;
}

#order-opc #order-detail-content {background: #f7f7f7; padding: 20px; border: 1px solid #e5e5e5;}
#order-opc #order-detail-content #cart_summary {background: #ffffff; box-shadow: 0px 0px 7px #ddd;}
#order-opc .page-heading.step-num {text-align: left; font-weight: 700; font-size: 18px; text-transform: uppercase;}
#order-opc .page-heading.step-num span {background: #fff; border-radius: 0px;  color: #333;  display: inline-block; padding: 0px;}
#order-opc #center_column h1.page-heading#cart_title {text-align: center; font-weight: 700; font-size: 27px; text-transform: uppercase;}
.delivery_options_address {padding: 10px 0px}
.delivery_options_address  .carrier_title {padding: 0px; margin-bottom: 10px !important;}
.page-heading span:after {content:'.'}
.delivery_options_address .table-bordered {}
.delivery_options_address td {padding: 0px 15px !important}
#order-opc p.checkbox {position: relative; padding-left: 25px}
#order-opc p.checkbox .checker {position: absolute; top: 2px; left: 0px}
#order-opc p.checkbox label {display: inline-block;}
#order-opc #submitOrder {width: 80%; margin: 20px auto 0px; text-align: center; padding: 20px; ;}
.checkbox.gift label i {width: 100%; float: left;}
#order-opc #gift_div {padding-left: 0px;}
#order-opc #gift_div label {font-size: 14px;}
#order-opc #gift-price {font-size: 15px; vertical-align: bottom;}
#order-opc .iframe {font-weight: 600; font-size: 13px; color: #e00000;}
#order-opc textarea {border: 1px solid #ddd; background: #fff; padding: 10px 12px;}
#order-opc  #new_account_form .box, #login_form_content, #order-opc .addresses  {background: #f7f7f7; padding: 25px; border: 1px solid #e5e5e5;}
#order-opc .addresses .page-subheading {font-size: 17px;}
#order-opc .addresses ul {padding: 15px; border: 1px solid #e5e5e5}
#order-opc #new_account_title, #opc_invoice_address .page-subheading {text-align: left; font-weight: 600;}
#order-opc  #new_account_form label {color: #333}
#order-opc  #new_account_form .checkbox {margin: 14px 0px; position: relative; padding-left: 25px}
#order-opc  #new_account_form .checkbox div {top: 2px; position: absolute; left: 0px}
#order-opc .required.opc-required.pull-right {font-size: 13px; float: left !important;}
#order-opc #copy-address {background: #0076ca; color: #fff; }
#login_form .page-subheading a {background: #0076ca; color: #fff; ;  font-size: 13px; padding: 6px 16px; margin-left: 10px;}
#order-opc #copy-address:hover, #login_form .page-subheading a:hover {background: #0076ca}
#order-opc .gender-line {margin-bottom: 15px 0px 10px}
#order-opc #login_form {margin-bottom: 0px}
#order-opc #login_form .page-subheading {text-align: left; text-align: left; padding-bottom: 13px;}
#order-opc #login_form_content input {background: #fff; border: 1px solid #c3c3c3}
#order-opc div.selector {background: #fff; border: 1px solid #c3c3c3}
#order-opc  #uniform-id_country.selector,
#order-opc  #uniform-id_country_invoice.selector
{width: 271px !important}
#order-opc #uniform-id_country.selector span,
#order-opc #uniform-id_country_invoice.selector span
{width: 250px !important}
#order-opc  .gender-line label {display: none}
#order-opc  .gender-line .radio-inline label {display: inline-block}
#order-opc  #submitOrder, #order-opc .addresses .button {background: #0076ca; color: #fff; ; text-transform: none}
#order-opc  #submitOrder:hover, #order-opc .addresses .button:hover {background: #1c4887}
.all_gift {background: #f7f7f7; padding: 25px; border: 1px solid #e5e5e5;}
#order-opc tr:hover {cursor: pointer}
#order-opc .delivery_options .table tbody > tr > td, #paymentMethods td {white-space: normal;}
#order-opc .cart_navigation .pull-left.btn.btn-default {margin: 20px 0px}
.submit #SubmitLogin {font-size: 15px; text-transform: none;}
.submit #SubmitLogin i {margin-right: 5px;}
/******************************************************** 
Komunikaty błędów
********************************************************/ 

#order-opc .error, #order-opc .alert {background: #e00000; color: #fff}



/******************************************************** 
Responsywność
********************************************************/ 


@media (min-width: 1200px) {
	
#order-opc #center_column .col-xs-12.col-md-6 {padding-left: 30px; padding-right: 30px}
#order-opc #center_column .col-xs-12.col-md-6.left  {padding-left: 15px}
#order-opc #center_column .col-xs-12.col-md-6.right  {padding-right: 15px}
#order-opc .columns-container .container {max-width: 1160px; margin: 20px auto 0px}

}


@media (max-width: 991px) {
	
#order-opc #new_account_form .box, #login_form_content, #order-opc .addresses {padding: 15px !important;}
#order-opc #uniform-id_country.selector,
#order-opc  #uniform-id_country_invoice.selector {width: 100% !important;}
#order-opc #uniform-id_country.selector span,
#order-opc #uniform-id_country_invoice.selector span {width: 99% !important}


}

@media (max-width: 768px) {

#order-opc .delivery_option > div > table.resume td.delivery_option_logo, .td2_payment {display: none}
.delivery_options .delivery_option_radio, #paymentMethods .td1_payment  {width: 44px !important; padding-left: 17px !important}
#order-opc .delivery_options .table tbody > tr > td.delivery_option_radio {padding-left: 17px !important}
#opc_delivery_methods .order_carrier_content.box {margin-bottom: 0px}
}

@media (max-width: 480px) {
#order-opc .page-heading.step-num {
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

#order-opc .delivery_options .table tbody > tr > td, #paymentMethods td {padding: 8px !important}
#order-opc #voucher {width: 100%;}
#order-opc #voucher .btn.btn-default {width: 100%; margin-top: 10px}
#order-opc .cart_navigation .pull-left.btn.btn-default {margin: 20px auto; float: none !important}
#order-opc .cart_navigation {margin: 0 0 20px; text-align: center;}
#order-opc #submitOrder {width: 100%;}
#order-opc #order-detail-content {padding: 10px;}
}