.calculator-header {
	padding-top: 20px !important;
}

.crypto-calculator-container {
	width: 100%;
}

div.crypto-calculator-container > div.crypto-calculator-sidebar {
	display: inline-block;
	margin: 0 auto;
	margin: 30px 0;
	overflow:hidden;
	padding-left: 0px;
}

div.crypto-calculator-container > div.crypto-calculator-main {
	display: inline-block;
	text-align: center;
	background: #EAEAEA;
	margin: 30px 0;
	min-height: 470px;
	padding: 10px;
}

div.crypto-calculator-container > div.crypto-calculator-main > div.calculate {
	margin-bottom: 10px;
	padding: 40px 0;
}

div.crypto-calculator-container > div.crypto-calculator-main > div.calculate > div.output > input,
div.crypto-calculator-container > div.crypto-calculator-main > div.calculate > div.input > input {
	text-align: left;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 1px solid transparent;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	height: 55px;
	width: 210px;
	font-size: 18px;
	padding: 10px;
}

/* Webkit fix for up/down arrows in number input */
div.output > input[type=number]::-webkit-inner-spin-button,
div.input  > input[type=number]::-webkit-inner-spin-button,
div.output > input[type=number]::-webkit-outer-spin-button,
div.input  > input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox fix for up/down arrows in number input */
input[type='number'] {
	-moz-appearance: textfield;
}

div.crypto-calculator-container > div.crypto-calculator-main > div.calculate > div.input,
div.crypto-calculator-container > div.crypto-calculator-main > div.calculate > div.output {
	display: inline-block;
	vertical-align:top;
	margin: 0 15px;
}

div.from-currency-output,
div.to-currency-output {
	width: 285px;
	height: inherit;
	text-align: center;
	display: inline-block;
}

div.equals {
	display: inline-block;
	font-size: 20px;
	height: inherit;
	margin: 40px 0 10px 0;
	padding: 5px 0;
	width: 15px;
}

img.sidebar-flag {
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
}

h2.worldcurrency {
	font-size: 22px !important;
	vertical-align: top;
	display: inline-block;
	margin: 5px;
	max-width: 125px;
}

ul.list-conversion {
	margin: 5px;
}

li.quote-link {
	list-style: none;
}

.chart-container {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.chart-container > div.chart-text {
	margin-bottom: 12px;
	font-size: 16px;
}

.sm-currency-icon {
	height: 30px;
	width: 30px;
	display: inline-block;
	margin: 5px;
}

.lg-currency-icon {
	height: 95px;
	width: 95px;
	display: inline-block;
	vertical-align: top;
}

.dropdown-menu.convert-from,
.dropdown-menu.convert-to {
	max-height: 30rem;
	max-width: 210px;
	overflow-y: auto;
	overflow-x: wrap;
	margin: 0;
	padding: 0;
}

.dropdown-menu > form {
	background: #e8e8e8;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 10px;
	margin-bottom: 5px;
	border-bottom: grey;
}

.menu-items {
	padding: 0 15px;
}

.menu-items > .dropdown-heading {
	padding: 0 10px;
}

.btn-currency {
	width: 100%;
	text-align: left;
	white-space: normal;
}

.btn-currency:focus,
.btn-currency:hover,
.btn-currency:active {
	text-decoration: none;
	background-color: #eee;
}

.dropdown-coins {
	margin: 0;
	width: 210px;
	white-space: normal;
	border-radius: 5px 5px 0 0;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid lightgray;
	border-left: 1px solid grey;
}

.dropdown-coins::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.single-unit {
	font-size: 22px !important;
	padding: 10px 0 !important;
}

.cc-d-inline-block {
	display: inline-block;
}

.cc-d-inline {
	display: inline;
}

.cc-font-14 {
	font-size: 14px !important;
}

.cc-text-bold {
	font-weight: 700 !important;
}

.cc-py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.cc-pl-20 {
	padding-left: 20px !important;
}
.cc-px-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}