.wc-login-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.wc-login-popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	background: rgba(30,30,30, 0.9);
	background: rgba(17, 17, 17, 0.7);
}

.wc-login-popup-content {
	position: relative;
	background: white;
	max-width: 400px;
	margin: 50vh auto 0; /* push down by 50% of viewport height */
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	transform: translateY(-50%); /* pull back up by 50% of its own height */
}

.wc-login-popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
	color: #999;
}

.wc-login-popup-close:hover {
	color: #333;
}

.wc-login-popup-trigger {
	background: #333;
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 3px;
}

.wc-login-popup-trigger:hover {
	background: #555;
}

.woocommerce-error, .woocommerce-message {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	
	border-radius: 10px !important;
	padding: 0.5em 1em !important;
}

.woocommerce-error {
	background: #ffcccc !important;
	color: #a00 !important;
	border: 1px solid #a00 !important;
}

.woocommerce-message {
	background: #ccffcc !important;
	color: #0a0 !important;
	border: 1px solid #0a0 !important;
}

#loginpopupbtn{
	font-size: 14px;
	border: 1px solid rgba(39, 44, 48, 0.95);
	background: rgba(39, 44, 48, 0.95);
	color: #fff;
	border-radius: 7px;
	width: 100%;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	text-transform: uppercase;
	transition: 0.15s;
}
#loginpopupbtn:hover{
	border: 1px solid rgba(39, 44, 48, 1) !important;
	background: rgba(39, 44, 48, 1) !important;
	color: #fff !important;
}