@charset "utf-8";
/* CSS Document */
/* #crypto-converter .crypto- */


#crypto-converter {
	width:100%;
	display:block;
	float:left;
	padding:3px;
	background:#fff;
	color:#036;
	font-family:Arial, Helvetica, sans-serif;
}
#crypto-converter input[type="text"] {
	width:45%;
	display:inline;
	float:left;	
}
#crypto-converter .crypto-right label {
	width:10%;	
	display:inline;
	float:left;
	text-align:center;
	vertical-align:middle;
     line-height: 2.8;
}
#crypto-converter .crypto-heading {
	color:#333;
}
#crypto-converter .crypto-header {
	background:#CCC;
	padding:5px;	
}
#crypto-converter .crypto-logo {
	float:left;
	width:40px;
	margin-left:20px;
}
#crypto-converter .crypto-logo img {
	width:32px;
	box-shadow: 1px 1px 12px;
}
#crypto-converter .crypto-title{
	font-size:24px;
	text-align:center;
    text-shadow: 1px 1px 3px;
}
#crypto-converter .crypto-mid {
	width:100%;
	display:block;
	float:left;
	background:#fbf9f9;
}
#crypto-converter .crypto-left {
	width:45%;
	float:left;
	padding: 15px 15px;
}
#crypto-converter .crypto-right {
	width:55%;
	float:left;
	padding: 15px 15px;
    padding-right: 5px;
}
/* radio button */
/* The container */
.crypto-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.crypto-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.crypto-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.crypto-container:hover input ~ .crypto-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.crypto-container input:checked ~ .crypto-checkmark {
    background-color: #036;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.crypto-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.crypto-container input:checked ~ .crypto-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.crypto-container .crypto-checkmark:after {
 	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}
#crypto-converter .crypto-coversion {
	padding: 0px 6px;
	width: 35%;
}
#crypto-converter .crypto-currency-list {
	width: 65%;
}
#crypto-converter .crypto-coversion, #crypto-converter .crypto-currency-list {
	display: inline;
    float: left;
}

#crypto-converter .inputwithimg {
    background: white url(http://helpfulinsight.in/clients/testwp/wp-content/plugins/cryto-converter/assets/image/cycoin.png) right no-repeat;
	background-size: 32px 32px;
    padding-right: 35px;
}

#crypto-converter .crypto-AA {
	
}
#crypto-converter .crypto-AA {
	
}