/*
This file overwrite default VP one page checkout plugin
 */

/* ==========================================================================
   General stuff
   ========================================================================== */

#ProOPC,
#ProOPC span,
#ProOPC div,
#ProOPC p,
#ProOPC input,
#ProOPC select,
#ProOPC button,
.proopc-finalpage h3,
.proopc-finalpage h2,
.proopc-finalpage h1,
#ProOPC h1,
.proopc-finalpage h4,
.proopc-register-login h3,
.proopc-register-login h2,
.proopc-register-login h4,
.proopc-register-login h1 {
	font: inherit;
}

#ProOPC h1,
#ProOPC .cart-page-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.786em; /* 25px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
	text-transform: none;
	text-align: left;
}

#ProOPC .cart-page-title {
	float: left;
}

#ProOPC h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.357em; /* 19px */
	font-weight: bold;
	color: #72838d;
	margin: 0 0 1em 0;
}

#ProOPC h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.357em; /* 19px */
	font-weight: bold;
	color: #4bc7c7;
	margin: 0 0 1em 0;
}

#ProOPC h4 {
	font-family: Arial, sans-serif;
	font-size: 1.286em; /* 18px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
}

#ProOPC h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.214em; /* 17px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
}

#ProOPC h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.143em; /* 16px */
	font-weight: bold;
	color: #000000;
	margin: 0 0 1em 0;
}

#ProOPC h1 *,
#ProOPC h2 *,
#ProOPC h3 *,
#ProOPC h4 *,
#ProOPC h5 *,
#ProOPC h6 * {
	font: inherit !important;
	color: inherit !important;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: inherit !important;
}

#ProOPC input[type="text"],
#ProOPC input[type="password"],
#ProOPC textarea,
#ProOPC select {
	border: 1px solid #e1e1e1;
	box-shadow: none;
	padding: 7px 8px;
	height: 32px;
	line-height: 1;
	box-sizing: border-box;
}

#ProOPC select {
	height: 32px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

/* Hack for target -webkit- only browser */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#ProOPC select {
		padding-right: 20px;
		background: url("images/select-replacement-arrow.90ff02d4584b.png") no-repeat;
		background-position: -webkit-calc(100% - 10px) center;
		background-position: calc(100% - 10px) center;
		background-size: 7px auto;
		-webkit-appearance: none;
	}
}

.lt-ie9 #ProOPC select {
	padding: 4px 0;
	height: auto;
}

#ProOPC .proopc-btn {
	background: #4bc7c7;
	border: 0;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	color: #fff;
	padding: 6px 18px 7px;
	font: bold 14px 'Open Sans', sans-serif;
	filter: none;
}

#ProOPC .proopc-btn:hover {
	background-color: #24a6a6;
}

#ProOPC .proopc-btn[name=update],
#ProOPC .proopc-btn[name=delete],
#ProOPC .proopc-btn.remove_from_cart {
	background: transparent;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
}

[class^="proopc-icon-"], 
[class*=" proopc-icon-"] {
	margin-top: 3px;
}

.price-title,
.final-price,
.product-discount,
.product-price .PricesalesPrice,
.col-total .PricesalesPrice {
	color: #4bc7c7;
}

.proopc-continue-link .continue_link {
	color: #fff;
	font-size: 1em;
	min-width: 155px;
}

.proopc-continue-link .continue_link:hover,
.proopc-continue-link .continue_link:focus {
	color: #fff;
	text-decoration: none !important;
}

#ProOPC .proopc-empty-continue-link {
	clear: both;
}

#ProOPC .proopc-empty-continue-link a,
#ProOPC .proopc-empty-continue-link a:hover {
	display: inline-block;
}

.cart-images {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Box
   ========================================================================== */

.proopc-bt-address,
.proopc-st-address,
.proopc-shipments,
.proopc-payments,
.proopc-coupon,
.proopc-cartlist,
.proopc-confirm-order,
#ProOPC .proopc-table-striped,
#ProOPC .proopc-register-login h3,
.proopc-register-login .proopc-inner {
	border: 0;
}

#ProOPC .proopc-process-title,
#ProOPC .proopc-register-login h3,
table.cart-summary tr th {
	font: bold 14px 'Open Sans', sans-serif !important;
	line-height: 23px;
	color: #fff !important;
	padding: 12px 18px;
	background: #72838d;
	border: 0;
	text-transform: none !important;
}

#ProOPC .proopc-process-title + div,
#ProOPC .proopc-register-login h3 + div,
table.cart-summary thead + tbody {
	border: 2px solid #e1e1e1;
	border-top: 0;
}

/* Alert message
   ========================================================================== */

.proopc-alert {
	border-radius: 0;
	padding: 1.200em; /*18px*/
	padding-left: 50px; /*50px*/
	color: #41525c;
	font-size: 1.071em; /*15px*/
	background: #d3e4f5 url("images/icon/notice-info.58f06e384456.png") 10px center no-repeat;
	border: 3px solid #4b88c7;
	text-shadow: none;
}

.proopc-error-msg {
    border-color: #f30045;
	background-color: #ffd7e2;
	background-image: url("images/icon/notice-alert.c1d9fa050217.png");
}

.proopc-success-msg {
    border-color: #80c74b;
	background-color: #def4ce;
	background-image: url("images/icon/notice-done.0590654e9b67.png");
}

.proopc-info-msg {
	background-color: #d3e4f5;
	border-color: #4b88c7;
}

.proopc-alert .close {
	font-size: 14px;
	top: -0.714em;
	right: -0.357em;
	color: #000;
}

/* ==========================================================================
   Empty cart page
   ========================================================================== */

#ProOPC .proopc-empty-continue-link .proopc-btn {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	border: 0;
	cursor: pointer;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.143em; /* 16px */
	line-height: 1.4;
	color: #fff;;
	padding: 0.94em 1.563em 1em; /* 15px 25 16px */
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 0; /* Prevent iOS 6 safari rounding of corners for HTML elements */
	border-radius: 0;
}

#ProOPC .proopc-empty-continue-link .proopc-btn a {
	padding: 0;
	color: inherit;
	display: inline;
}

/* ==========================================================================
   First page
   ========================================================================== */

.cart-summary thead {
	border: 2px solid #72838d;
	border-top: 0;
	border-bottom: 0;
}

.col-name a {
	text-transform: none;
	color: #41525c;
	font-family: 'Open Sans', sans-serif;
}

.proopc-table-striped th,
.proopc-table-striped td {
	text-transform: none;
	padding: 10px 10px;
}

.proopc-table-striped td.col-name,
.proopc-table-striped td:first-child {
	padding-left: 18px;
}

.proopc-table-striped td.col-total,
.proopc-table-striped td:last-child {
	padding-right: 18px;
}

.proopc-table-striped .message {
	padding-top: 0;
	border-top: 0;
}

.proopc-table-striped .message > p {
	padding: 10px;
	margin-bottom: 0;
	border-top: 1px solid #EEE;
}

.proopc-table-striped .col-qty {
	min-width: 90px;
}

#ProOPC .col-qty input[type=text] {
	margin-right: 0.5em;
	width: 50px;
	padding-right: 8px;
}

#ProOPC .proopc-register-login .proopc-subtitle {
	text-transform: none;
	font-size: 1.071em;
	padding-top: 10px;
}

.proopc-switch input[type="radio"] {
	position: relative;
	top: -1px;
	margin: 0;
	vertical-align: middle;
}

.proopc-register-login .proopc-switch {
	font-size: 1em;
	margin-bottom: 1em;
}

.proopc-input-group-level label {
	color: #41525c;
}


/* ==========================================================================
   Final page
   ========================================================================== */

#ProOPC .proopc-step {
	display: inline;
	font: inherit !important;
	background: transparent;
	margin: 0 0.2em 0 -0.4em;
}

#ProOPC .proopc-step:after {
	content: '.';
}

#ProOPC .proopc-process-title + div:before,
#ProOPC .proopc-process-title + div:after {
    content: " ";
    display: table;
}

#ProOPC .proopc-process-title + div:after {
    clear: both;
}

.proopc-shipments input[type="radio"], .proopc-payments input[type="radio"] {
	margin-top: 4px;
}

#proopc-shipment-form .vmshipment_name:after,
.poopc-shipment-table .vmshipment_name:after {
	content: ':';
}

#proopc-shipment-form .vmshipment_description {
	font-weight: normal;
}

#proopc-shipment-form .vmshipment_cost {
	display: none;
}

.proopc-cart-summery .col-name {
	width: 50%;
}

#ProOPC .proopc-cart-summery .proopc-qty-update input[type=text] {
	width: 50px;
	padding-right: 8px;
}

#ProOPC .proopc-input-append #proopc-coupon-code[type="text"] {
	font-size: inherit;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media screen and (max-width: 979px) {
	.proopc-login > .proopc-inner {
		min-height: 0 !important;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {

	.cart-product-description > div {
		margin-top: 0;
	}

	.cart-summary .cart-images {	
		display: none;	
	}
	
	.proopc-table-striped td.col-name, .proopc-table-striped td:first-child {
		padding-left: 50%;
	}

	.cart-summary.proopc-table-striped tr {
		border: none;
		border-top: 2px solid #e1e1e1;;
	}

/*	.cart-summary.proopc-table-striped tr + tr:not(.cart-p-list) {
		border-top: 0;
	}*/



	.proopc-table-striped td.message {
		padding-left: 18px;
	}

	.proopc-table-striped td.message > p {
		border-top: 0;
		padding: 5px;
	}
}