/** 
* 
* Do not edit or add to this file if you wish to upgrade the module to newer 
* versions in the future. If you wish to customize the module for your 
* needs please contact us to https://www.milople.com/contact-us.html
* 
* @category		Ecommerce 
* @package		Milople_Partialpayment
* @extension	Partial Payment and Layaway Auto
* @copyright	Copyright (c) 2016 Milople Technologies Pvt. Ltd. All Rights Reserved. 
* @url			https://www.milople.com/magento-extensions/partial-payment.html
* 
**/

/*CSS PROPERTY FOR CHECKBOX*/
input[type=radio].css-checkbox {
	position:absolute; 
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0; 
	border:0;
	float:left;
}
input[type=radio].css-checkbox + label.css-label {
	width:100%;
	height:27px; 
	display:inline-block;
	line-height:27px;
	background-repeat:no-repeat;
	background-position: 15px 0;
	vertical-align:middle;
	cursor:pointer;	
}
input[type=radio].css-checkbox:checked + label.css-label {	background-position: 15px -27px;}
label.css-label {
	background-image:url(../images/radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float:left;
}
.partial-payment {
	border: 1px solid #c5c5c5;
	float: left;
	margin: 0 0 10px 23px;
	width: 90%;
}
.partialpayment .required{ color:#ff0000; }
.partial-payment #one, .partial-payment #two{ margin:0; }
.partialpayment {
	background-color: #f4f4f4;
	border: 1px solid #c5c5c5;
	float: left;
	width: 100%;
	max-width: 450px;
}
.partial-payment-lable {
	clear: both;
	margin-left: 24px;
}
.info {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d3d3d3;
	border-radius: 50%;
	color: #333333;
	float: right;
	line-height: 1.1;
	margin-left: 7px;
	padding: 0 5px;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
#light .ppayment {
	background: #fff none repeat scroll 0 0;
	float: left;
	margin:0;
}
#light td:last-child {
	border-right:none;
}
.ppayment thead td {  text-align: center !important; }
.ppayment td:last-child {	text-align:right;	}
.partialpayment h4 {
	float: left;
	margin: 10px 0 10px 24px;
	font-size:16px;
	text-transform: none;
}
.partialpayment p {
	float: left;
	margin: 10px 0 10px 24px;
	text-align:left;
}
.partial-payment > li {
	float: left;
	list-style: outside none none;
	padding: 3px 0;
	position: relative;
	text-align: center;
	width:50%;
}

.white_content {
	border:1px solid #c5c5c5;
	position: relative;
	top: 25%;
	left:5%;
	width: 90%;
	height: 50%;
	margin-bottom:15px;
	z-index:1002;
	overflow: auto;
	float:left;
	background:#FFF;
}	

#light thead tr td {
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
}
#one {	border-right:1px solid #c9c9c9;	}
#light td {
	border-right: 1px solid #c9c9c9;
	padding: 0 5px;
	width: 25%;
	border-bottom:1px solid #c9c9c9;
}
#light > p {
	font-size: 13px;
	background:#fff url("../images/bullet.png") no-repeat;
	background-position:0 5px;
	float:left;
	text-align:left;
	padding-left: 12px;
	width:97%;
	text-align:left;
	margin: 0 auto;
}

.total > td {  font-weight: bold;	}
.total > td:first-child {  text-align: right;	}

/*lightbox css*/
.totalpp {
	background: #3399cc none repeat scroll 0 0;
	color: #fff;
}
.totalpp > td {  font-weight: bold; }
.totalpp > td:first-child {  text-align: right; }

.lightbox {
	/** Hide the lightbox */
	background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	display: none;
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
}

.lightbox:target {
    display: block;
    outline: none;
}

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	max-height:90%;
	max-width:500px;
	width:90%;
 	margin: 2% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; 
	overflow-x:hidden;
	overflow-y:auto;
}

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
}

.lightbox .content {
	display:block;
	position:relative;
}	

.lightbox .content .desc {
	z-index:99;
	bottom:0;
	position:absolute;
	padding:10px;
	margin:0 0 4px 0;
	background:rgba(0,0,0,0.8);
	color:#fff;
	font-size:17px;
	opacity:0;
	transition: opacity ease-in-out 0.5s;
}
	
.lightbox .content:hover .desc	{	opacity:1;	}

.lightbox .next,
.lightbox .prev,
.lightbox .close {
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585;
	position:relative;
	left:20px;
	bottom:10px;
}

.prev {	float:left;	}
.next, .close {	float:right;	}
.clear {
	display:block;
	clear:both;
}
#ajaxload {
	height: 16px;
	width:16px !important;
	display:none;
	position: relative;
	margin-left:10px;
	top:3px;
}
#ppbox #ajaxload {
	float:left;
	margin-top:7px;
}
#advice-validate-one-required-by-name-radio1 {
  height: 11px;
  padding: 0 0 0 6px;
  position: relative;
  top: -54px;
  width: 200%;
}.ppayment td {
  font-size: 14px;
}
#partial-payment {
    clear: both;
    padding: 5px;
}
.checkout-cart-index .partialpayment > a
{
	float:left;
	margin:7px 5px 10px 7px;
}
span.resp {	display:none; }

.partial-payment .active
{
	background-color:#fff;
}
.flexy-dropdown
{
	display:block;
	margin:0 auto 10px;
	width:90%;
	clear:both;
}
.refresh-close
{
	margin: 0 auto;
    width: 90%;
}
.refresh-close #refresh-table
{
	float:left;
	background:#fff;
	padding:5px;
	border:1px solid #cccccc;
	cursor:pointer;
}
#refresh-data{
	float:right;
	cursor:pointer;
	margin-left:5px;
}
#refresh-only-table{
	float:right;
	padding:5px;
	position:relative;
	right:5px;
	cursor:pointer;
	
}
#close-table {
  cursor: pointer;
  float: right;
  left: -7px;
  margin: 0;
  padding: 5px;
  position: relative;
  top: -13px;
  z-index: 999999;
}
.installment_dropdown
{
	display:block;
	margin:0 auto;
}
#light ul {
  clear: both;
}
#light ul li {
  float: left;
  list-style: inside none disc;
  margin: 0 0 0 5px !important;
  text-align: justify;
  width: 96%;
}
.checkout-types #ppbox li {
  	float:left;
	width:50%;
}
sup{text-transform:lowercase;}
#wholecart_partialpayment_form table{text-transform:none; margin:0 !important;}
em.note
{
	background-image:url(../images/bullet.png);
	float:left;
	clear:both;
	border-top:1px solid #c9c9c9;
	font-size:12px;
	padding-top:3px;
	width:3%;
}
p.note-data{float:left;}

/*rotate refresh*/
.rotate-me
{
	animation-name:first;
	animation-duration:2s;
	color:#0000ff;
	font-size:30px;
	overflow:hidden;
	height:14px;
	font-style:normal; animation-iteration-count: infinite; transform: rotate(0deg);width:14px;
	-webkit-transition-timing-function: linear;
}
@keyframes first
{
	0%{transform: rotate(0deg);} 
	100%{ transform: rotate(500deg);}
}

.partialpayment-index-installments .paymentmethod
{
	clear:both;
}
.partialpayment-table tbody th,.partialpayment-table tbody td
{
	border-bottom: 1px solid silver;
}
#myaccount_installments .td_text
{
	text-align:center;
	float:left;
	width:100%;
}
#myaccount_installments .selectAllRow td { border-bottom:none; }
#myaccount_installments .selectAllRow input {  float: left; margin-left:10px;}
#myaccount_installments .selectAllRow label {
  float: left;
  margin-left: 5px;
}
#myaccount_installments tr.first,#myaccount_installments .even {
	background: #eeeded none repeat scroll 0 0;
}
#myaccount_installments.data-table tr.first th {
	border-bottom: 1px solid #d9dde3 !important;
}
.partialpayment-table tbody .first th, .partialpayment-table tbody .even td {
  background: #eaeaea none repeat scroll 0 0;
  border-bottom: 1px solid silver;
}
#myaccount_installments td, #myaccount_partialpayment_orders td
{
	text-align:center;
}
#myaccount_installments td.amount, #myaccount_partialpayment_orders td.amount{
	text-align:right;
	padding-right:40px;
}

/* To change background color of down payment and amount to be paid later totals on cart page and checkout page */
#shopping-cart-totals-table tfoot tr:nth-child(2), 
#shopping-cart-totals-table tfoot tr:nth-child(3), 
#checkout-review-table tfoot tr:nth-last-child(1), 
#checkout-review-table tfoot tr:nth-last-child(2){
	background: rgba(46, 138, 184, 0.1) none repeat scroll 0 0;
}

/* Meadi Queries starts */
@media screen and (max-width: 1070px)
{
	.resp {
		display: block !important;
		float: left;
		font-weight: bold;
		width: 50%;
		text-align:left;
	}
	#myaccount_installments .td_text
	{
		width:50%;
		text-align:right;
	}
	.amount {	text-align: center;  }
	.odd input[type="radio"] {
		float: left;
		margin: 0 0 0 161px;
	}
	#myaccount_partialpayment_orders td, #myaccount_installments td {
		float:left; 
		width:100%;
		text-align:right;
		padding-right:10px;
	}
	#myaccount_partialpayment_orders td:last-child, #myaccount_installments td:last-child {	border-bottom: 2px solid !important;  }
  	th{display:none;}
	#myaccount_installments td.amount, #myaccount_partialpayment_orders td.amount{padding-right:10px;}
}
@media screen and (min-width: 600px) and (max-width: 650px)
{
	#ppbox li {float:left;}
}
@media screen and (max-width: 500px)
{
	.lightbox{overflow:auto;}
}
@media screen and (min-width: 480px) and (max-width: 500px)
{
	#ppbox li {float:left;}
	lightbox .next, .lightbox .prev, .lightbox .close {bottom:10px; left:20px;}
}
@media screen and (max-width: 480px)
{
	.partial-payment {
		height:auto;
	}
	.partial-payment > li{
		width:100%;
	}
	.partial-payment > li:first-child {
		border-bottom:1px solid #c5c5c5;
	}
	#one {
		border-right: none;
	}
	.checkout-types #ppbox li {
		width:100%;
	}
}
@media screen and (max-width: 370px)
{
	.info { 
		float:right; 
		margin-right:190px; 
		margin-left:0;
	}
	.partialpayment {	width:100%;	}
	#myaccount_partialpayment_orders td, #myaccount_installments td{
		float:left; 
		width:100%;
	}
	.partial-payment {	margin:0 0 10px 6px; width:97%;}
	.ppayment tr {
		width: 100% !important;
		float: left;
	}
  	.lightbox .box { padding:10px 5px 10px 0;}
  	.white_content { left:1%;width:99%;}
	#one {  border-right: 1px solid #c9c9c9; }
}
@media screen and (max-width: 360px)
{
	.partialpayment h4 { margin:10px 0 10px 4px; font-size:14px;}
	.partial-payment  { width:93%;} 
	.white_content { width:94%; }
	#light td {width:18%;}
	#ppbox li {float:left;}
	.lightbox .next, .lightbox .prev, .lightbox .close { bottom:10px; left:0; }
	#close-table {top:0; top:16px;}
	#light thead tr td{width:18%; font-size:12px;}
}
@media screen and (min-width:321px) and (max-width:361px)
{
	.info {margin:7px 0 8px 164px !important; }
}
@media screen and (max-width: 320px)
{
	.partialpayment h4 { margin: 0 0 0 5px; font-size:14px; }
	.info {margin:7px 0 8px 147px !important; }
	.partial-payment { width:93%; }
	#ppbox li {float:left;}
	#close-table { left:1px; top:16px;}
	.lightbox .next, .lightbox .prev, .lightbox .close { bottom:10px; left:0; }
	.white_content {width:94%}   
}