.web_logo{
	float:right;
}
.web_logo img{
	width:150px;
	height:auto;	
}

#customWooCommerceButtonForm .fontImage{
	padding-right:10px;
	cursor:pointer;
	display:inline-block;
}

#customWooCommerceButtonForm .activeIcon{
	background:#e28924;
	color:#fff;
	padding:10px;
}

.customWooCommerceButtonForm .gopro{
		background:#A36296 !important;
		color:#fff;
		transition:all .3s ease-in;
}
.customWooCommerceButtonForm .gopro:hover{
		opacity:0.7;
}

.customWooCommerceButtonForm .premium_button{
		background:#0085ba;
		color:#fff;
		padding:5px;
		margin:5px;
		margin-right:0;
		text-decoration:none;
		border-radius:5px;
		font-size:1.2em;
}

.customWooCommerceButtonForm .premium_img{
	max-width:50%;
	max-height:50%;	
}

.customWooCommerceButtonForm .premium_msg{
		display:none;
		background:#F08080;
		border:1px solid red;
		text-align:center;
		padding:10px;
		margin:10px;
}


/*  PRO VERSION MODAL */
#customWooCommerceButtonModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
#customWooCommerceButtonModal .modal-content {
    background-color: #fefefe;
    margin: 10% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
	overflow:hidden;
}

/* The Close Button */
#customWooCommerceButtonModal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#customWooCommerceButtonModal .close:hover,
#customWooCommerceButtonModal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.customWooCommerceButtoncolumns2{
	width:49% ;
	float:left;
}

input.proVersion{
	border:2px solid #fff;
	background:#fefefe !important;
	
}
h2 a.proVersion{
	background:#42b72a !important;
	color:#fff !important
}
h2 a.disabled{
	background:#fefefe !important;
	color:#dddddd !important
}
span.proVersion{
	color:#9c9a9a !important
}

.proVersion:hover{
	cursor:pointer;
}

.proUrl{
	color:#fff;
	background:#42b72a;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
}
.proUrl:hover{
	color:#fff;
	box-shadow:0 2px 2px #777;
}

@media (max-width:767px){
	.customWooCommerceButtoncolumns2{
		float:none !important;
		width:99% !important;
	}
	
	
}
