/* retailsy_wcpemi_ Animations */
.retailsy_wcpemi-spinner {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	background-color: #333;

	border-radius: 100%;
	animation: retailsy_wcpemi-sk-scaleout 1.0s infinite ease-in-out;
  }

  @keyframes retailsy_wcpemi-sk-scaleout {
	0% {
	  transform: scale(0);
	} 100% {
	  transform: scale(1.0);
	  opacity: 0;
	}
  }

/* Popup related CSS */
.retailsy_wcpemi-overlay {
	background-color: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}

.retailsy_wcpemi {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	min-width: 700px;
	max-width: 840px;
	min-height: 100px;
	height: auto;
	background-color: #fff;
	z-index: 999999;
	border-radius: 5px;
	display: none;
}

.retailsy_wcpemi-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding: 0 5px 0 25px;
	border-bottom: 1px solid #f0f0f0;
}

.retailsy_wcpemi-header__col1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

.retailsy_wcpemi-header--close {
	width: 30px;
	font-size: 21px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
	margin-left: 25px;
	padding: 15px 25px;
	cursor: pointer;
}

.retailsy_wcpemi-header__title {
	font-size: 21px;
	color: #222;
}

.retailsy_wcpemi-body {
	padding: 10px 25px 5px 25px;
}

.retailsy_wcpemi-method {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}

.retailsy_wcpemi-method__item {
	cursor: pointer;
	font-size: 14px;
	padding: 6px 12px;
	margin-right: 5px;
	border-radius: 4px;
	transition: background-color 200ms ease-in-out;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.retailsy_wcpemi-emis {
	display: none;
	margin-top: 10px;
}

.retailsy_wcpemi-emis.retailsy_wcpemi-emis--selected {
	display: -ms-flexbox;
	display: flex;
}

.retailsy_wcpemi-bank {
	width: 30%;
	height: 280px;
	padding-right: 15px;
	overflow-x: auto;
}

.retailsy_wcpemi-bank__item {
	cursor: pointer;
	font-size: 15px;
	padding: 6px 12px;
	margin-bottom: 5px;
	border-radius: 4px;
	transition: background-color 200ms ease-in-out;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.retailsy_wcpemi-plan {
	width: 70%;
	height: 280px;
	overflow-x: auto;
	display: none;
}

.retailsy_wcpemi-plan.retailsy_wcpemi-plan--selected {
	display: block;
}


.retailsy_wcpemi-plan .retailsy_wcpemi-plan__row:first-child {
	margin-bottom: 15px;
}

.retailsy_wcpemi-plan .retailsy_wcpemi-plan__row:first-child .retailsy_wcpemi-plan__col {
	font-weight: bold;
}
.retailsy_wcpemi-plan__row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	margin-bottom: 10px;
}

.retailsy_wcpemi-plan__col {
	-ms-flex-positive: 1;
	    flex-grow: 1;
	-ms-flex-preferred-size: 0;
	    flex-basis: 0;
	text-align: center;
}

.retailsy_wcpemi-footer {
	padding: 5px 25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.retailsy_wcpemi-m-emis {
	display: none;
}

/* Vaiable product price selector */
.retailsy_wcpemi-variable-message {
	text-align: center;
	padding: 30px 20px 10px 20px;
}

.retailsy_wcpemi-variable-prices {
	padding: 6px 10px 20px 10px;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
}

.retailsy_wcpemi-variable-prices > div {
	padding: 8px 20px;
	margin: 10px;
	border-radius: 4px;
	cursor: pointer;
}

@media ( max-width: 699px ) {
	.retailsy_wcpemi-overlay {
		display: none;
	}

	.retailsy_wcpemi {
		width: 100%;
		min-width: 100%;
		height: 100%;
		border-radius: 0;
	}

	.retailsy_wcpemi-header {
		padding: 10px 15px;
	}

	.retailsy_wcpemi-body {
		padding: 5px 15px;
	}

	.retailsy_wcpemi-emis,
	.retailsy_wcpemi-emis.retailsy_wcpemi-emis--selected {
		display: none;
	}

	.retailsy_wcpemi-method__item {
		font-size: 13px;
		text-align: center;
		margin-bottom: 5px;
	}

	.retailsy_wcpemi-m-emis {
		display: none;
		margin-top: 10px;
		padding-bottom: 50px;
		overflow-y: auto;
		max-height: 73vh;
	}

	.retailsy_wcpemi-m-emis.retailsy_wcpemi-m-emis--selected {
		display: block;
	}

	.retailsy_wcpemi-m-bank {
		margin-bottom: 10px;
		padding: 10px 15px;
		overflow: hidden;
		height: 42px;
		background: #f5f5f5;
		cursor: pointer;
		transition: height 200ms ease-in-out;
	}

	.retailsy_wcpemi-m-bank.retailsy_wcpemi-m-bank--selected {
		height: auto;
		transition: height 200ms ease-in-out;
	}

	.retailsy_wcpemi-m-bank__title {
		font-size: 14px;
		color: #111;
		margin-bottom: 12px;
		position: relative;
	}

	.retailsy_wcpemi-m-bank__title::after {
		content: "\f067";
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		top: 6px;
		right: 0;
		color: #555;
	}

	.retailsy_wcpemi-m-bank__title.retailsy_wcpemi-m-bank__title--selected::after {
		content: "\f068";
	}

	.retailsy_wcpemi-m-plan {
		border-top: 1px solid #ccc;
		padding-top: 10px;
	}

	.retailsy_wcpemi-m-plan .retailsy_wcpemi-m-plan__row:first-child {
		margin-bottom: 5px;
	}

	.retailsy_wcpemi-m-plan__row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}

	.retailsy_wcpemi-plan__col {
		font-size: 13px;
	}
	.retailsy_wcpemi-m-plan__col {
		-ms-flex: 1;
		    flex: 1;
		text-align: center;
		font-size: 13px;
	}

	.retailsy_wcpemi-footer {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		padding: 10px 15px;
		box-shadow: 0 0 60px rgba(0,0,0,0.1);
	}

}


.retailsy_wcpemi-method__item.retailsy_wcpemi-method__item--selected, .retailsy_wcpemi-method__item.retailsy_wcpemi-method__item--selected:hover, .retailsy_wcpemi-variable-prices > div:hover {
    background-color: rgba(var(--color-hover), 1);
    color: #ffffff;
}

.retailsy_wcpemi-variable-prices > div:hover span {
    color: #fff;
}

.retailsy_wcpemi-bank__item:hover, .retailsy_wcpemi-method__item:hover, .retailsy_wcpemi-bank__item.retailsy_wcpemi-bank__item--selected {
    background-color: #f0f0f0;
    color: #6d6d6d;
}


button.button.retailsy_wcpemi-popup-trigger {
    margin-left: 5px;
}

.retailsy-emi-content {
    display: inline-block;
	font-size: 17px;
}

.retailsy-emi-content a.retailsy_wcpemi-popup-trigger {
	font-weight: 600;
    text-decoration: none;
	cursor: pointer;
}

.retailsy-emi-content a.retailsy_wcpemi-popup-trigger:after {
    font-family: 'FontAwesome';
    font-style: normal;
    content: "\f105";
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    font-size: 18px;
    line-height: 21px;
}