/*
* Omm
* Main CSS
* Version 1.4
* Last updated 22/11/22
*/

/* ==========================================================================
	Fonts
========================================================================== */

/* Metropolis light */

@font-face {
	font-family: 'metropolis-light';
	src: url('../font/metropolis-light/metropolis-light.woff2') format('woff2'),
	url('../font/metropolis-light/metropolis-light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Metropolis medium */

@font-face {
	font-family: 'metropolis-medium';
	src: url('../font/metropolis-medium/metropolis-medium.woff2') format('woff2'),
	url('../font/metropolis-medium/metropolis-medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Metropolis semibold */

@font-face {
	font-family: 'metropolis-semibold';
	src: url('../font/metropolis-semibold/metropolis-semibold.woff2') format('woff2'),
	url('../font/metropolis-semibold/metropolis-semibold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
	HTML
========================================================================== */

/* Force border box */

*, *::after, *::before {
		box-sizing: border-box;
}

/* Text selection colour */

::-moz-selection {
	background: #c0e2ee;
	color: #49546a;
	text-shadow: none;
}
::-webkit-selection {
	background: #c0e2ee;
	color: #49546a;
	text-shadow: none;
}
::selection {
	background: #c0e2ee;
	color: #49546a;
	text-shadow: none;
}
a::-moz-selection,
a::-webkit-selection,
a::selection {
	color: #49546a;
}

/* Placeholder text colour */

::-webkit-input-placeholder {
	color: #d3d9e7;
}
:-ms-input-placeholder {
	color: #d3d9e7;
}
::placeholder {
	color: #d3d9e7;
}

/*
*
* Element defaults
*
*/

html {
	color: #7a8294;
	font-size: 16px;
	font-family: 'metropolis-medium', Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.4;
	background: linear-gradient(135deg, #eef1f8 0%, #d8e0f2 100%) fixed;
	overflow-x: hidden;
}
body {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
h1 {
	font-family: 'metropolis-medium', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 35px;
	color: #49546a;
	margin: 0;
	padding: 0;
}
h2 {
	display: inline-block;
	font-family: 'metropolis-medium', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 25px;
	color: #49546a;
	margin: 0;
	padding: 0;
}
h3 {
	font-family: 'metropolis-medium', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #49546a;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
}
a {
	color: #4797d7;
	color: #369fbf;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.3s ease;
}
/*
a:hover {
	color: #49546a;
	transition: color 0.2s ease;
}
*/
input[type=text] {
	width: 100%;
	padding: 6px 20px;
	font-size: 14px;
	color: #7a8294;
	border-radius: 10px;
	outline: none;
	border: none;
	background-color: #ffffff;
}

/* Misc */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	margin: 15px 0;
	padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
	padding: 15px 20px;
	line-height: 1.4;
	border-radius: 10px;
	outline: none;
	border: 2px solid #d3d9e7;
	width: 100%;
	background-color: #ffffff;
	min-height: 125px;
	-webkit-appearance: none;
	transition: border 0.3s ease;
}
textarea:hover,
textarea:focus {
	border: 2px solid #2ca9b7;
	transition: border 0.2s ease;
}

/* ==========================================================================
	Header
========================================================================== */

.header {
	margin-top: 50px;
	margin-bottom: 50px;
}
.header .logo {
	width: 160px;
}
#logo-back-container {
	margin-right: 115px;
}
.header img.logo,
.header svg.logo {
	margin-right: 0;
}
.header .dot {
	float: right;
	margin-left: 15px;
}
.header .dot img,
.header .dot svg {
	padding: 12px;
	width: 50px;
}
.header .wallet > .grid-cell:last-of-type {
	max-width: 65px;
}
.header .wallet.active .dot {
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.header > .grid.grid-center .grid-cell:last-of-type {
	position: relative;
}
.header h1 {
	display: inline-block;
}
.header .refresh {
	display: inline-block;
	transform: translateY(-5px);
	margin-left: 5px;
}
.header .refresh .refresh-button {
	padding: 5px 10px;
	margin-left: 0px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: transparent;
	transition: background-color 0.3s, box-shadow 0.3s ease;
}
.header .refresh .refresh-button:hover {
	background-color: #ffffff;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: background-color 0.2s, box-shadow 0.2s ease;
}
.header .refresh img {
	width: 17px;
	margin-bottom: 2px;
}
.header .refresh span {
	font-size: 14px;
}

/*
*
* Wallet
*
*/

.header .wallet-content {
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.header .wallet-content.active {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}
.header .wallet-content {
	z-index: 999;
	position: absolute;
	pointer-events: none;
	margin-top: 10px;
	right: 0;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.header .wallet-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.header .wallet-content li {
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 20px;
	padding-left: 30px;
}
.header .wallet-content li#menu-wallet {
	background-image: url(../img/icon/wallet.svg);
}
.header .wallet-content li#menu-copy {
	background-image: url(../img/icon/copy.svg);
}
.header .wallet-content li#menu-change {
	background-image: url(../img/icon/wallet.svg);
}
.header .wallet-content a {
	color: #7a8294;
	transition: color 0.3s ease;
}
.header .wallet-content a:hover {
	color: #49546a;
	transition: color 0.2s ease;
}

/* ==========================================================================
	Notification
========================================================================== */

/* Notice */

.notice {
	background-color: #f0f3fb;
	padding: 15px;
	border-radius: 15px;
	margin-top: 15px;
	text-align: center;
}

/* Notifications */

.notification.panel {
	pointer-events: none;
	opacity: 0;
	right: 50px;
	margin-top: 0px;
	max-width: 200px;
	color: #49546a;
	font-size: 14px;
	z-index: 9999;
	position: fixed;
	padding: 15px 25px;
	border-radius: 10px;
	border-image-slice: 1;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: opacity 0.3s ease;
}
.notification.active {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.2s ease;
}

/* ==========================================================================
	Wrapper
========================================================================== */

/* Navigation container width */

.wrapper .navigation-container {
	max-width: 275px;
}

/* ==========================================================================
	Navigation
========================================================================== */

.navigation ul {
	padding: 0;
	margin: 0;
	width: 210px;
}
.navigation ul li {
	list-style-type: none;
	margin-bottom: 15px;
}
.navigation ul li a {
	position: relative;
	display: block;
	color: #7a8294;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
	border-radius: 10px;
	transition: background-color 0.3s ease, color 0.3s ease,  box-shadow 0.3s ease;
}
.navigation ul li a:hover,
.navigation ul li a.active {
	color: #49546a;
	background-color: #ffffff;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
	transition: background-color 0.2s ease, color 0.2s ease  box-shadow 0.2s ease;
}
.navigation ul li a .grid .grid-cell:first-of-type {
	max-width: 35px;
}
.navigation ul li a svg,
.navigation ul li a img {
	width: 22px;
}
.navigation ul li:first-of-type a svg,
.navigation ul li:first-of-type a img {
	width: 23px;
	margin-left: -1px;
	margin-top: -1px;
}

/* Navigation earn styles */

.navigation-earn svg {
	width: 16px !important;
	margin-left: 2px;
}

/* Default icon colour */

.navigation ul li a svg path,
.navigation ul li a svg rect,
.navigation ul li a svg circle {
	stroke: #7a8294 !important;
	transition: stroke 0.3s ease;
}

/* Hover / active icon colour */

.navigation ul li a:hover svg path,
.navigation ul li a:hover svg rect,
.navigation ul li a:hover svg circle {
	stroke: #49546a !important;
	transition: stroke 0.2s ease;
}
.navigation ul li a.active svg path,
.navigation ul li a.active svg rect,
.navigation ul li a.active svg circle {
	stroke: #49546a !important;
	transition: stroke 0.2s ease;
}

.navigation ul li:first-of-type a svg rect {
	stroke: none !important;
}

/* Vote notification dot */

.navigation .vote-dot {
	position: relative;
}
.navigation .vote-dot::after {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 25px;
	background: linear-gradient(120deg, #9d4df1, #00d3c2);
	right: -20px;
	top: 6px;
	animation: spin 4s linear infinite;
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* ==========================================================================
	Grids
========================================================================== */

/* Grid setup */

.grid {
	display: flex;
}
.grid-cell {
	flex: 1;
}

/* Grid alignment */

.grid-top {
	align-items: flex-start;
}
.grid-bottom {
	align-items: flex-end;
}
.grid-center {
	align-items: center;
}

/* Grid cell alignment */

.grid-cell-top {
	align-self: flex-start;
}
.grid-cell-center {
	align-self: center;
}
.grid-cell-bottom {
	align-self: flex-end;
}

/* Margins */

.no-margin {
	margin: 0 !important;
}
p + p.no-margin {
	margin-top: 0 !important;
}

/* ==========================================================================
	Liquidity
========================================================================== */

.list.liquidity {
	margin-top: 25px;
}
.liquidity thead tr th,
.liquidity tbody tr td {
	text-align: right;
}
.list.liquidity tr td:last-of-type {
	min-width: 150px;
}
.list.liquidity tr td:nth-of-type(4) {
	min-width: 150px;
}
.list.liquidity tbody tr.pool td:first-of-type {
	padding-left: 120px;
	background-size: 85px;
	background-position: 0px 12px;
}
.list.liquidity tbody tr.pool td:first-of-type {
	background-image: url(../img/icon/liquidity-pair.png);
	background-repeat: no-repeat;
	background-position: 35px center;
	background-size: 75px;
}
.list.liquidity tbody tr.pool.omm-usds td:first-of-type {
	background-image: url(../img/icon/liquidity-omm-usds.png);
}
.list.liquidity tbody tr.pool.omm-iusdc td:first-of-type {
	background-image: url(../img/icon/liquidity-omm-usdc.png);
}
.list.liquidity tbody tr.pool.omm-sicx td:first-of-type {
	background-image: url(../img/icon/liquidity-omm-sicx.png);
}

/* ==========================================================================
	Modules
========================================================================== */

/*
*
* Containers / panels
*
*/

/* Containers */

section {
	margin-bottom: 75px;
}
section h2 {
	margin-right: 15px;
}
section .grid.panel {
	margin-top: 25px;
}

/* Panel */

.panel {
	padding: 25px 35px;
	border-radius: 15px;
	background-color: #ffffff;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
}

/* Panel layout */

h2 + .grid.panel {
	margin-top: 25px;
}
.panel .button {
	margin-top: 15px;
}

/* Side by side */

.grid.side-by-side > .grid-cell:first-of-type {
	margin-right: 35px;
}

/*
*
* Dropdowns
*
*/

.dropdown {
	cursor: pointer;
}
.dropdown::after {
	content: url(../img/icon/arrow-down.svg);
	display: inline-block;
	width: 10px;
	margin-left: 6px;
	cursor: pointer;
}
.dropdown-content {
	position: absolute;
	z-index: 3;
	max-width: 350px;
	right: 0;
	margin-top: 20px;
	font-size: 14px;
	background: #ffffff;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.dropdown-content {
	pointer-events: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.dropdown-content.active {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/*
*
* Buttons / Actions
*
*/

/* Buttons */

.button {
	display: inline-block;
	padding: 5px 25px;
	color: #49546a;
	border: 2px solid;
	border-image-source: linear-gradient(45deg, #3f9dd5, #00d3c2);
	border-image-slice: 1;
	text-decoration: none;
	cursor: pointer !important;
	box-shadow: 0 2.8px 2.2px rgba(30, 128, 177, 0.017), 0 6.7px 5.3px rgba(30, 128, 177, 0.024), 0 12.5px 10px rgba(30, 128, 177, 0.03), 0 22.3px 17.9px rgba(30, 128, 177, 0.036), 0 41.8px 33.4px rgba(30, 128, 177, 0.043), 0 100px 80px rgba(30, 128, 177, 0.06);
	transition: box-shadow 0.3s ease, color 0.3s ease;
}
.button:hover {
	border-image-source: linear-gradient(45deg, #0973aa, #019e9a);
	box-shadow: 0 2.8px 2.2px rgba(30, 128, 177, 0.034), 0 6.7px 5.3px rgba(30, 128, 177, 0.048), 0 12.5px 10px rgba(30, 128, 177, 0.06), 0 22.3px 17.9px rgba(30, 128, 177, 0.072), 0 41.8px 33.4px rgba(30, 128, 177, 0.086), 0 100px 80px rgba(30, 128, 177, 0.12);
	transition: box-shadow 0.2s ease, color 0.2s ease;
}
.button.purple {
	border-image-source: linear-gradient(45deg, #6081df, #9d4df1);
}
.button.purple:hover {
	border-image-source: linear-gradient(45deg, #3035ca, #551dde);
}
.button.red {
	background-color: #fb6a6a;
}
.button.red:hover {
	background-color: #f72c2c;
}
.button.disabled {
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
	border-image-source: linear-gradient(45deg, #7a8294, #7a8294);
	cursor: not-allowed !important;
}

/* Cancel */

.cancel {
	margin-right: 15px;
	font-size: 14px;
	text-decoration: none;
	color: #49546a;
	cursor: pointer !important;
	transition: color 0.3s ease;
}
.cancel:hover {
	color: #49546a;
	transition: color 0.2s ease;
}

/*
*
* Metadata
*
*/

.metadata {
	margin: 0;
}
.metadata dt {
	margin-bottom: 5px;
	font-size: 14px;
	color: #7a8294;
}
.metadata dd {
	margin-left: 0;
	color: #49546a;
}

/*
*
* Toggle
*
*/

ul.toggle {
	display: inline-block;
	position: relative;
	margin: 0;
	margin-bottom: -9px;
	padding-left: 0;
}
ul.toggle li {
	float: left;
	list-style: none;
	margin-right: 15px;
	font-size: 14px;
	cursor: pointer;
	transition: color 0.3s ease;
}
ul.toggle li:after {
    content: '';
    display: block;
    width: 0px;
    height: 2px;
    margin-top: 3px;
    background: transparent;
    border-radius: 3px;
    transition: width 0.3s ease, background-color 0.3s ease;
}
ul.toggle li:last-of-type {
	margin-right: 0;
}
ul.toggle li.active,
ul.toggle li:hover {
	color: #49546a;
	transition: color 0.3s ease;
}
ul.toggle li.active:after,
ul.toggle li:hover:after {
    width: 100%;
	background: linear-gradient(to right, #3f9dd5 0%, #00d3c2 100%);
}

/*
*
* Banner
*
*/

.banner {
	position: relative;
	margin-top: 25px;
	padding: 15px 25px;
	border-radius: 100px;
	background-color: #f5f6f7;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
}
.banner .close {
	max-width: 35px;
}
.banner .close img {
	width: 25px;
	cursor: pointer;
}

.banner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -3px;
	border-radius: 100px;
	background: linear-gradient(40deg, #9d4df1, #00d3c2);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.banner:before {
	opacity: 1;
	transition: opacity 0.2s ease;
}

/*
*
* Dropdown
*
*/

.dropdown {
	cursor: pointer;
}
.dropdown::after {
	content: url(../img/icon/arrow-down.svg);
	display: inline-block;
	width: 10px;
	margin-left: 6px;
	cursor: pointer;
}

/*
*
* Tooltip
*
*/

.tooltip {
	position: relative;
	cursor: help !important;
}
.tooltip .tooltip-icon {
	width: 15px;
	margin-bottom: 5px;
}

/* Tooltip content */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	min-width: 200px;
	left: 27px;
	bottom: 30px;
	text-align: left;
	font-size: 14px;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #ffffff;
	opacity: 0;
	padding: 15px;
	border-radius: 10px;
	cursor: default;
	pointer-events: none;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.tooltip .tooltip-content {
	transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	transition: opacity 0.3s, transform 0.3s;
}
.tooltip:hover .tooltip-content,
.tooltip.active .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}
a .tooltip-content {
	color: #7a8294;
}

/*
*
* Text
*
*/

/* Text styles */

.text-bold {
	font-family: 'metropolis-semibold', Helvetica, sans-serif;
	font-weight: normal;
}
.label {
	font-size: 14px;
	color: #7a8294;
}

/* Text alignment */

.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}

/* Text color */

.text-green {
	color: #5ac1c5 !important;
}
.text-green,
span.text-green,
dd.text-green,
.supply .supply-apy,
.market-expanded .market-toggle li.toggle-supply span {
	background: linear-gradient(-135deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-purple {
	color: #9d4df1 !important;
}
span.text-purple,
dd.text-purple,
.text-purple,
.borrow .borrow-apy,
.market-expanded .market-toggle li.toggle-borrow span {
	background: linear-gradient(35deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-red {
	color: #fb6a6a !important;
}
.text-dark {
	color: #49546a !important;
}
.value-risk-total.alert-purple {
	color: #9d4df1 !important;
}
.value-risk-total.alert {
	color: #ff5b5b !important;
}

/*
*
* Inputs
*
*/

/* Asset input */

.input-asset .grid-cell:first-of-type {
	max-width: 120px;
}
.input-asset input[type="text"] {
	width: 100%;
	height: 40px;
	text-align: right;
	border-radius: 0 10px 10px 0;
}
.input-asset.stake input[type="text"] {
	width: 100%;
	height: 40px;
	text-align: right;
	border-radius: 0 10px 10px 0;
	border: 2px solid #d3d9e7;
	margin-top: 5px;
}
.input-asset.stake .asset::after {
	display: none;
}
.input-asset .asset {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	padding-left: 50px;
	margin-top: 5px;
	font-family: 'metropolis-medium';
	font-weight: normal;
	line-height: 17px;
	color: #49546a;
	border-radius: 10px 0 0 10px;
	border: 2px solid #021338;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	background-repeat: no-repeat;
	transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.input-asset .asset:hover,
.input-asset .asset.active {
	border: 2px solid #2ca9b7;
	color: #49546a;
	cursor: pointer;
	transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.input-asset.text-only .asset {
	padding-left: 20px;
}
.input-asset + .input-asset {
	margin-top: 15px;
}

/* Asset input parent panel styles*/

.input-asset .asset {
	border: 2px solid #d3d9e7;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.input-asset .asset:hover,
.input-asset .asset.active {
	border: 2px solid #2ca9b7;
}
.input-asset.static .asset {
	border: 2px solid #0b284c;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	background-color: #0b284c;
}
.input-asset.static .asset:hover {
	border: 2px solid #0b284c;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
	cursor: default;
}

/* Asset input arrow */

.input-asset .asset.icx {
	background-image: url(../img/logo/icx-new.svg);
	background-position: 15px center;
	background-size: 25px;
}
.input-asset .asset.sicx {
	background-image: url(../img/logo/sicx-new.svg);
	background-position: 15px center;
	background-size: 25px;
}
.input-asset .grid-cell:first-of-type {
	max-width: 90px;
}

#panel-stake .input-asset .asset,
#panel-unstake .input-asset .asset {
	border: none;
	background-position: 0px center;
	padding-left: 40px;
	padding-top: 12px;
	background-size: 30px;
	border-radius: 0;
	font-size: 16px;
}
#panel-stake .input-asset input[type="text"],
#panel-unstake .input-asset input[type="text"] {
	border: 2px solid #d3d9e7;
	border-radius: 10px;
	transition: border 0.3s ease;
	height: 35px;
}
#panel-stake .input-asset input[type="text"]:hover,
#panel-stake .input-asset input[type="text"]:focus {
	border: 2px solid #5ac1c5;
	transition: border 0.2s ease;
}
#panel-stake .input-asset.unstake input[type="text"]:hover,
#panel-stake .input-asset.unstake input[type="text"]:focus,
#panel-unstake .input-asset input[type="text"]:hover,
#panel-unstake .input-asset input[type="text"]:focus {
	border: 2px solid #9278f4;
	transition: border 0.2s ease;
}
#panel-stake .notice,
#panel-unstake .notice {
	margin-top: 25px;
}

/* dropdown-content */

.input-asset + .dropdown-content {
	width: 500px;
	padding-bottom: 10px;
}
#new-proposal-contract .input-asset + .dropdown-content {
	right: initial;
	left: 310px;
	margin-top: -20px;
}
.input-asset + .dropdown-content tr,
.input-asset + .dropdown-content tr:hover {
	box-shadow: none;
}
.input-asset + .dropdown-content tbody tr td {
	transition: background-color 0.3s ease;
}
.input-asset + .dropdown-content tbody tr:hover td {
	background-color: #e6e9f0;
	transition: background-color 0.2s ease;
}
.input-asset + .dropdown-content tr::after {
	display: none;
}
.input-asset + .dropdown-content td:last-child {
	text-align: right;
}
.input-asset + .dropdown-content tbody td:first-of-type {
	background-position: 15px center !important;
	padding-left: 70px;
}
.input-asset + .dropdown-content thead th:first-of-type {
	padding-left: 15px;
}
.input-asset + .dropdown-content tbody td:last-child,
.input-asset + .dropdown-content thead th:last-child {
	padding-right: 15px;
}
.input-asset + .dropdown-content th:last-child {
	text-align: right;
}
.input-asset + .dropdown-content thead {
	border-bottom: 1px solid #d3d9e7;
}

/*
*
* Stylistic
*
*/

/* Borders */

.border-left {
	border-left: 1px solid #d3d9e7;
}
.border-right {
	border-right: 1px solid #d3d9e7;
}
.border-top {
	border-top: 1px solid #d3d9e7;
}
.border-bottom {
	border-bottom: 1px solid #d3d9e7;
}

/* Radius */

.radius-left-none {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.radius-right-none {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.radius-top-none {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.radius-bottom-none {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/*
*
* Visibility
*
*/

.hide {
	display: none;
}
.show {
	display: block;
}

/*
*
* Dot
*
*/

.dot {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 100px;
	background-color: #ffffff;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
	transition: box-shadow 0.3s ease;
}
.dot svg,
.dot img {
	padding: 10px;
}
.dot:hover {
	cursor: pointer;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease;
}

/*
*
* Plus / minus
*
*/

.plus,
.minus {
	float: left;
	margin-top: 7px;
	width: 35px;
	height: 35px;
	padding-top: 5px;
	text-align: center;
	border: 2px solid #00b1a3;
	border-radius: 25px;
	cursor: pointer;
	color: #00b1a3;
	transition: color 0.3s ease, background 0.3s ease;
}
.plus:hover,
.minus:hover {
	color: #ffffff;
	background: #00b1a3;
	transition: color 0.2s ease, background 0.2s ease;
}

/* Minus colours */

.minus {
	padding-top: 3px;
	border: 2px solid #9d4df1;
	color: #9d4df1;
}
.minus:hover {
	color: #ffffff;
	background: #9d4df1;
}

/*
*
* Separator
*
*/

.separator-full span {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px !important;
}
.separator-full::before {
	content: '';
	width: 40%;
	height: 1px;
	background-color: #c7ccd5;
	display: block;
	margin-bottom: -14px;
}
.separator-full::after {
	content: '';
	width: 40%;
	height: 1px;
	background-color: #c7ccd5;
	display: block;
	margin-top: -8px;
	margin-left: auto;
}

/*
*
* Pagination
*
*/

ul.pagination {
	display: block;
	padding: 0;
	text-align: center;
	margin: 0;
	margin-top: 15px;
}
ul.pagination li {
	display: inline-block;
	padding: 5px;
	border: 2px solid #d3d9e7;
	border-radius: 3px;
	width: 35px;
	text-align: center;
	transition: background-color 0.2s ease;
}
ul.pagination li.active {
	border: 2px solid #d3d9e7;
	border-image-source: linear-gradient(45deg, #3f9dd5, #00d3c2);
	border-image-slice: 2;
}
ul.pagination li:hover {
	background-color: #d3d9e7;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

/*
*
* Search
*
*/

.search {
	background-image: url(../img/icon/search.svg);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 15px;
	max-width: 300px;
	display: block;
	margin-left: auto;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
	transition: box-shadow 0.3s ease;
	padding-left: 45px !important;
}
.search:hover,
.search:focus {
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease;
}

/*
*
* Graphical option selector
*
*/

.graphical-options label {
	transition: background-color 0.3s ease;
}
.graphical-options label:hover {
	background-color: #f0f3fb;
	transition: background-color 0.2s ease;
}
.graphical-options [type="radio"]:not(:checked) + label svg path {
	transition: fill 0.3s ease;
}
.graphical-options label:hover svg path {
	transition: fill 0.2s ease;
}
.graphical-options label img,
.graphical-options label svg {
	height: 25px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.graphical-options [type="checkbox"]:checked,
.graphical-options [type="checkbox"]:not(:checked),
.graphical-options [type="radio"]:checked,
.graphical-options [type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}
.graphical-options .checkbox-tools:checked + label,
.graphical-options .checkbox-tools:not(:checked) + label {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 112px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}
.graphical-options .checkbox-tools:checked + label,
.graphical-options .checkbox-tools label:hover {
	background-color: #f0f3fb;
}
.graphical-options .checkbox-tools:checked + label .text-bold {
	color: #49546a;
}
.graphical-options .checkbox-tools:checked + label::before,
.graphical-options .checkbox-tools:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.graphical-options .checkbox-tools:checked + label .uil,
.graphical-options .checkbox-tools:not(:checked) + label .uil{
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
}
.graphical-options label .sicx {
	width: 40px;
}

/*
*
* OR
*
*/

.or {
	text-align: center;
	margin-left: 7px;
	width: 50px;
}
.or::before {
	content: 'OR';
	display: block;
	position: absolute;
	padding: 5px;
	background-color: #ffffff;
	z-index: 9;
	font-size: 12px;
	letter-spacing: 3px;
	color: #7a8294;
	margin-top: 23px;
	margin-left: 8px;
}
.or::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 70px;
	background-color: #d3d9e7;
	margin-top: 0px;
	margin-left: 23px;
}

/*
*
* Inputs
*
*/

input[type="text"].input-edit {
	border: 2px solid #d3d9e7;
	border-radius: 10px;
	transition: border 0.3s ease;
	height: 35px;
	text-align: right;
}
input[type="text"].input-edit:hover,
input[type="text"].input-edit:focus {
  border: 2px solid #5ac1c5;
  transition: border 0.2s ease;
}

/*
*
* Animations
*
*/

/* Underline animation */

.animation-underline {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: -9px;
}
.animation-underline:after {
    content: '';
    display: block;
    width: 0px;
    height: 2px;
    margin-top: 3px;
    background: transparent;
    border-radius: 3px;
    transition: width 0.3s ease, background-color 0.3s ease;
}
.animation-underline.active:after,
.animation-underline:hover:after {
    width: 100%;
	background: linear-gradient(to right, #3f9dd5 0%, #00d3c2 100%);
}

/* ==========================================================================
	Modal
========================================================================== */

/* Modal layout */

.modal-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: linear-gradient( -45deg, rgb(213,221,241, 0.75) 0%, rgb(241,244,249, 0.75) 100%);
	transition: all 0.3s;
}
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 138px;
	width: 50%;
	height: auto;
	max-width: 340px;
	z-index: 99999;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}

/* Modal content */

.modal-content {
	background: #ffffff;
	position: relative;
	border-radius: 10px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.modal-content h3 {
	margin-bottom: 5px;
	font-weight: normal;
}
.modal-content h3 + p {
	font-size: 25px;
	color: #49546a;
	margin-bottom: 15px;
}
.modal-actions {
	border-top: 1px solid #d3d9e7;
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
}
.modal-content .grid.comparison  {
	margin-top: 25px;
	margin-bottom: 25px;
}
.modal .before-after {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Modal visible */

.modal-show {
	visibility: visible;
}
.modal-show ~ .modal-overlay {
	opacity: 1;
	visibility: visible;
}

/* Modal animation */

.modal .modal-content {
	transform: scale(0.7);
	opacity: 0;
	transition: all 0.3s;
}
.modal-show .modal-content {
	transform: scale(1);
	opacity: 1;
}

/* Claim modal */

#modal-claim-rewards h3 + p {
	margin-bottom: 5px;
}

/* Sign in modal */

#modal-sign-in {
	max-width: 360px;
}
.sign-in-options > .grid-cell {
	margin-top: 15px;
	text-align: center;
}
.sign-in-options > .grid-cell a {
	color: #7a8294;
	padding: 15px 25px;
	font-size: 16px;
	border-radius: 10px;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.sign-in-options > .grid-cell a:hover {
	color: #49546a;
	background-color: #e5ebf5;
	transition: color 0.2s ease, background-color 0.2s ease;
}
.sign-in-options .grid-cell img {
	margin-bottom: 10px;
	height: 50px;
}
#modal-sign-in .label.message {
	margin-top: 15px;
}

/* Ledger modal */

#modal-sign-in-ledger {
	max-width: 400px;
}
#modal-sign-in-ledger table {
	border-collapse: collapse;
	width: 100%;
}
#modal-sign-in-ledger table td {
	transition: background-color 0.2s ease;
}
#modal-sign-in-ledger table tr:hover td{
	background-color: #d3d9e7;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
#modal-sign-in-ledger table tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
#modal-sign-in-ledger table tr td:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#modal-sign-in-ledger table tr td:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#modal-sign-in-ledger .modal-content h3 {
	margin-bottom: 15px;
	color: #49546a;
}

/* ==========================================================================
	List / Table
========================================================================== */

/*
*
* Default list
*
*/

.list {
	width: 100%;
	border-collapse: collapse;
}
.list th {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}
.list td {
	padding-top: 20px;
	padding-bottom: 20px;
}
.list tbody tr {
	border-radius: 10px;
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
	transition: box-shadow 0.3s ease;
}
.list tbody tr.active {
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
.list tbody tr:hover {
	cursor: pointer;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease;
}

/* Begin hover affordance */

.list tbody tr,
.list tbody tr.expanded {
	position: relative;
}
.list tbody tr::after,
.list tbody tr.expanded::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -2px;
	border-radius: 12px;
	background: linear-gradient(-45deg, #9d4df1, #00d3c2);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.list.bomm-votes tr::after {
	display: none;
}
@supports selector(:nth-child(1 of x)) {
	.list tbody tr::after,
	.list tbody tr.expanded::after {
		display: none;
	}
}
.list tbody tr:hover::after,
.list tbody tr.active::after,
.list tbody tr.active + tr.expanded::after {
	opacity: 1;
	transition: opacity 0.2s ease;
}
.list tbody tr.available-to-supply::after {
	display: none;
}
.list tbody tr.active::after {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.list tbody tr.active + tr.expanded::after {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/* End mobile markets */

.list tbody td {
	background-color: #ffffff;
	transition: border-radius 0.6s ease, border 0.6s ease;
}
.list tr th:first-of-type,
.list tr td:first-of-type {
	padding-left: 35px;
	text-align: left;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.list td:last-child,
.list th:last-child {
	padding-right: 35px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Active */

.list tr.active td:first-of-type {
	border-bottom-left-radius: 0;
}
.list tr.active td:last-child {
	border-bottom-right-radius: 0;
}

/*
*
* Assets
*
*/

.list tbody tr.usdb td:first-of-type {
	background-image: url(../img/logo/usdb.png);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}
.list tbody tr.usds td:first-of-type,
.list tbody tr.usdb.usds td:first-of-type {
	background-image: url(../img/logo/usds.svg);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}
.list tbody tr.usdc td:first-of-type {
	background-image: url(../img/logo/usdc.svg);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}
.list tbody tr.icx td:first-of-type {
	background-image: url(../img/logo/icx.svg);
	background-repeat: no-repeat;
	background-position: 33px center;
	background-size: 35px;
}
.list tbody tr.sicx td:first-of-type {
	background-image: url(../img/logo/sicx.svg);
	background-repeat: no-repeat;
	background-position: 33px center;
	background-size: 35px;
}
.list tbody tr.bnusd td:first-of-type {
	background-image: url(../img/logo/bnusd.svg);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}
.list tbody tr.baln td:first-of-type {
	background-image: url(../img/logo/baln.svg);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}
.list tbody tr.omm td:first-of-type {
	background-image: url(../img/logo/omm-symbol.svg);
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size: 39px;
}

/*
*
* Spacer
*
*/

.list tbody tr.spacer {
	display: block;
	margin-top: 15px;
}

/* Metdata font size */

.overview .metadata dd {
	font-size: 20px;
}

/*
*
* Supply / Borrow
*
*/

/* Layout */

.supply .title,
.borrow .title {
	margin-bottom: 15px;
}
.chart-apy {
	margin-bottom: 15px;
}
.chart-apy .tv-lightweight-charts {
	width: 100% !important;
	max-width: 100% !important;
}
.chart-apy .tv-lightweight-charts tr {
	box-shadow: none;
}
.chart-apy .tv-lightweight-charts table {
	width: 100% !important;
}
.tv-lightweight-charts tbody tr {
	box-shadow: none !important;
}
.tv-lightweight-charts tbody tr:hover {
	box-shadow: none;
}
.supply .message,
.borrow .message {
	margin-top: 118px;
	margin-bottom: 99px;
}

/* Space between Supply / Borrow and available legend */

.supply .legend > .grid-cell:first-of-type,
.borrow .legend > .grid-cell:first-of-type {
	margin-right: 25px;
}

/*
*
* Supply
*
*/

/* Space between Supply and Borrow */

.supply {
	padding-right: 35px;
	margin-right: 35px;
}

.supply .supply-apy {
	color: #00b1a3;
	font-size: 20px;
}

/*
*
* Borrow
*
*/

.borrow h2 {
	margin-right: 7px;
}
.borrow .borrow-apy {
	color: #9d4df1;
	font-size: 20px;
}

/* Ensure disabled text is dark */

input[type="text"].input-supply:disabled,
input[type="text"].input-supply-available:disabled,
input[type="text"].input-borrow:disabled,
input[type="text"].input-borrow-available:disabled {
	-webkit-text-fill-color: #49546a;
	text-fill-color: #49546a;
	opacity: 1;
}
input[type="text"].input-supply,
input[type="text"].input-supply-available,
input[type="text"].input-borrow,
input[type="text"].input-borrow-available {
	width: 100%;
	color: #49546a;
	padding-left: 30px;
	border-radius: 5px;
	background-color: transparent;
	border: 2px solid transparent;
	box-shadow: none !important;
	outline: none;
	text-align: left;
	font-size: 18px;
	cursor: text;
	transition: border 0.3s ease;
}
.adjust input[type="text"].input-supply,
.adjust input[type="text"].input-supply-available,
.adjust input[type="text"].input-borrow,
.adjust input[type="text"].input-borrow-available {
	margin-top: 10px;
	margin-bottom: 3px;
	border: 2px solid #d3d9e7;
	outline: none;
	padding: 3px;
	padding-right: 10px;
	text-align: right;
	min-height: 37px;
	transition: border 0.3s ease;
}

/* Supply input focus */

.adjust input[type="text"].input-supply:focus,
.adjust input[type="text"].input-supply:hover,
.adjust input[type="text"].input-supply-available:focus,
.adjust input[type="text"].input-supply-available:hover {
	border: 2px solid #2ca9b7;
	transition: border 0.2s ease;
}

/* Borrow input focus */

.adjust input[type="text"].input-borrow:focus,
.adjust input[type="text"].input-borrow:hover,
.adjust input[type="text"].input-borrow-available:focus,
.adjust input[type="text"].input-borrow-available:hover {
	border: 2px solid #8165e9;
	transition: border 0.2s ease;
}

/*  */

.input-supply.new {
	padding-right: 64px !important;
}
.input-supply + .ticker {
	font-size: 18px;
	color: #49546a;
	text-align: right;
	position: absolute;
	margin-top: 16px;
	margin-left: -60px;
}
.balance {
	color: #49546a;
	font-size: 18px;
	margin-top: 7px;
	margin-left: 30px;
}

.tooltip.tooltip-small .tooltip-icon {
	width: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
}
#tooltip-icx-sicx .tooltip-content {
	width: 235px;
	margin-left: -170px;
}

/*
*
* Loader
*
*/

.loader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
}
.stats-container .loader {
	height: 139px;
	scale: 1.5;
}

/* ==========================================================================
	Home specific styles (Layout styles: sizing, spacing, etc.)
========================================================================== */

/*
*
* Overview
*
*/

#staking-overview {
	margin-top: 0;
}

/*
*
* Staking
*
*/

#panel-stake,
#panel-unstake {
	margin-top: 25px;
}

/*
*
* Stake
*
*/

#panel-stake .stake-container > .grid-cell:first-of-type {
	padding-right: 25px;
}
#panel-stake .stake-container > .grid-cell:last-of-type {
	padding-left: 25px;
}
#panel-stake .stake-container > .grid-cell:first-of-type .title {
	margin-bottom: 5px;
}
#panel-stake .stake-container .input-asset.stake {
	margin-bottom: 35px;
}
#panel-stake .stake-container .input-asset.unstake {
	margin-top: 10px;
}
#panel-stake .button {
	margin-top: 30px;
}
#panel-stake .stats-container .title,
#panel-unstake .stats-container .title {
	margin-bottom: 10px;
}
#panel-stake .stats-container .notice {
	margin-top: 0;
}
#panel-stake .supply-apy {
	font-size: 20px;
}
#panel-stake .title .tooltip .tooltip-content {
	width: 255px;
	left: -130px;
}

/*
*
* Unstake
*
*/

#panel-unstake .unstake-container > .grid-cell:first-of-type {
	padding-right: 25px;
}
#panel-unstake .unstake-container > .grid-cell:last-of-type {
	padding-left: 25px;
}
#panel-unstake .unstake-container > .grid-cell:first-of-type .title {
	margin-bottom: 5px;
}
#panel-unstake .stats-container .notice {
	margin-top: 0;
}
#panel-unstake .stats-container .notice .tooltip .tooltip-content {
	width: 240px;
	left: -170px;
}

.graphical-options #withdraw-wait [type="radio"]:checked + label svg path,
.graphical-options #withdraw-wait [type="radio"]:checked + label svg circle {
	stroke: #49546a !important;
}
.graphical-options #withdraw-keep [type="radio"]:checked + label svg path {
	fill: #49546a !important;
}

/*
*
* Modals
*
*/

.modal-boost .modal-actions {
	flex-direction: column-reverse;
	display: flex;
}
.modal-boost .modal-actions .cancel {
	margin-top: 15px;
	margin-right: 0;
}

/* ==========================================================================
	Vote specific styles (Layout styles: sizing, spacing, etc.)
========================================================================== */

/*
*
* Proposals
*
*/

/* Proposal cards */

#proposal-cards > .grid.grid-center > .grid-cell:last-of-type {
text-align: right;
}
#proposal-cards > .grid.grid-center {
	margin-bottom: 25px;
}
#proposal-cards > .grid > .grid-cell {
	margin-right: 35px;
	position: relative;
}
#proposal-cards > .grid > .grid-cell:last-of-type {
	margin-right: 0;
}
.proposal-metadata .green-square {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 5px;
	transform: translateY(-1px);
	background-image: -moz-linear-gradient( -135deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background-image: -webkit-linear-gradient( -135deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background-image: -ms-linear-gradient( -135deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
}
.proposal-metadata .purple-square {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 5px;
	transform: translateY(-1px);
	background-image: -moz-linear-gradient( 35deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
	background-image: -webkit-linear-gradient( 35deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
	background-image: -ms-linear-gradient( 35deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
}

/*
*
* Active vote
*
*/

#proposal-cards p,
#proposal-list p {
	color: #7a8294;
}
#proposal-cards .panel h3 {
	margin-bottom: 5px;
	line-height: 1.3;
}
#proposal-cards .button {
	margin: 0;
}
.proposal-metadata {
	padding-top: 10px;
	margin-top: 10px;
}
.proposal-metadata img.time {
	width: 20px;
	transform: translateY(-1px);
	margin-right: 5px;
}
#proposal-cards .panel,
#proposal-list .panel {
	position: relative;
	transition: box-shadow 0.3s ease;
}
#proposal-cards .panel:before,
#proposal-list .panel:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -2px;
	border-radius: 17px;
	background: linear-gradient(-45deg, #9d4df1, #00d3c2);
	opacity: 0;
	transition: opacity 0.3s ease;
}
#proposal-cards .panel:hover::before,
#proposal-cards .panel.active-vote::before,
#proposal-list .panel:hover::before,
#proposal-list .panel.active-vote::before {
	opacity: 1;
	transition: opacity 0.2s ease;
}
#proposal-cards .panel:hover,
#proposal-list .panel:hover {
	cursor: pointer;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease;
}
#toggle-unstake::after {
	background-image: linear-gradient(0deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
}

/* Proposal list */

#proposal-list .proposal-metadata .green-square,
#proposal-list .proposal-metadata .purple-square {
	transform: translateY(5px);
	margin-left: 20px;
	margin-right: 7px;
}
#proposal-list .proposal-metadata img {
	width: 22px;
	margin-bottom: 4px;
	margin-right: 7px;
	margin-left: 20px;
}
#proposal-list .proposal-metadata .label:first-of-type img {
	margin-left: 0;
}
#proposal-list .proposal h3 {
	margin-bottom: 10px;
}

/* Proposal overview */

#proposal-overview .button-container {
	max-width: 150px;
	margin-left: 25px;
}
#proposal-overview {
	margin-top: 25px;
}
#proposal-overview #slider-approve .noUi-connect {
	background: -moz-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -ms-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
}
#proposal-overview #slider-reject .noUi-connect {
	background: -moz-linear-gradient( 0deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
	background: -webkit-linear-gradient( 0deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
	background: -ms-linear-gradient( 0deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
}
#proposal-overview .button-container {
	max-width: 150px;
	margin-left: 25px;
}
#proposal-overview h2 {
	margin-bottom: 15px;
}
#proposal-overview .button {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 27px;
}
#proposal-overview #slider-approve {
	margin-bottom: 10px;
}
#proposal-overview #slider-approve,
#proposal-overview #slider-reject {
	margin-top: 15px;
}
#proposal-overview .proposal-overview-metadata {
	margin-bottom: 10px;
}
#proposal-overview .proposal-overview-metadata img,
#proposal-overview .proposal-overview-metadata svg {
	width: 22px;
	margin-bottom: 7px;
	margin-right: 7px;
}
#proposal-overview .proposal-overview-metadata .label {
	margin-right: 15px;
}
#proposal-description .proposal-description-metadata {
	margin-top: 10px;
	padding-top: 10px;
}
#proposal-description .proposal-description-metadata img,
#proposal-description .proposal-description-metadata svg {
	width: 11px;
	margin-left: 5px;
	margin-right: 15px;
}

/* Proposal approved */

.proposal-decision {
	background-color: #edeff4;
	border-radius: 10px;
	padding: 25px;
	margin-left: 50px;
	height: 100px;
	margin-top: 35px;
}
.proposal-decision img {
	width: 40px;
}
.proposal-decision > .grid > .grid-cell:first-of-type {
	max-width: 65px;
}
#adjust-confirm .tooltip p {
	color: #7a8294;
}
#adjust-confirm .tooltip .tooltip-content {
	width: 240px;
	left: -125px;
}
#adjust-confirm .tooltip {
	cursor: pointer;
}

/* Breadcrumbs */

.breadcrumbs ol li {
	display: inline-block;
}
.breadcrumbs ol {
	padding-left: 0;
	margin-bottom: 25px;
}
.breadcrumbs span {
	margin-left: 5px;
	margin-right: 5px;
}
.breadcrumbs.vote a {
	font-size: 16px;
}

/*
*
* New proposal
*
*/

.new-proposal input[type="text"] {
	border: 2px solid #d3d9e7;
	margin-top: 5px;
	margin-bottom: 25px;
	transition: border 0.3s ease;
}
.new-proposal input[type="text"]:focus,
.new-proposal input[type="text"]:hover {
	border: 2px solid #2ca9b7;
	transition: border 0.2s ease;
}
.new-proposal textarea {
	margin-top: 5px;
	margin-bottom: 25px;
}
.new-proposal {
	margin-top: 25px;
}

/*
*
* Vote overview
*
*/

/* Omm stake */

#vote-overview.adjust #omm-stake .actions-default {
	display: none;
}
#vote-overview:not(.adjust) #omm-stake .actions-adjust {
	display: none;
}
#vote-overview #omm-stake .actions-adjust {
	margin-top: 10px;
}
#vote-overview #omm-stake .actions-adjust .button {
	margin-top: 0;
}
#vote-overview #omm-stake .actions-default .button {
	margin-top: 10px;
}
#vote-overview input[type="text"] {
	border: 2px solid #d3d9e7;
	max-width: 70px;
	margin-bottom: 5px;
	text-align: center;
	color: #49546a;
	padding: 6px;
	transition: border 0.3s ease;
}
#vote-overview input[type="text"]:hover,
#vote-overview input[type="text"]:focus {
	border: 2px solid #2ca9b7;
	transition: border 0.2s ease;
}
#vote-overview #omm-stake .actions-adjust.active {
	margin-top: 25px;
	max-width: 170px;
}

/* Boost input */

input.input-boost {
	border: 2px solid #d3d9e7;
	max-width: 70px;
	margin-bottom: 5px;
	text-align: center;
	color: #49546a;
	padding: 6px;
	transition: border 0.3s ease;
	box-shadow: none !important;
}
.input-boost:hover,
.input-boost:focus {
	border: 2px solid #2ca9b7 !important;
	transition: border 0.2s ease;
}

/* Vote message for when logged out */

#message-vote-logged-out {
	margin-top: 10px;
}

/* Omm stake slider */

#vote-overview #omm-stake .slider-stake {
	margin-top: 25px;
	margin-bottom: 25px;
}
#vote-overview #omm-stake .slider-stake .noUi-target {
	background: -moz-linear-gradient( 180deg, rgb(0,211,194, 0.25) 0%, rgb(63,157,213, 0.25) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(0,211,194, 0.25) 0%, rgb(63,157,213, 0.25) 100%);
	background: -ms-linear-gradient( 180deg, rgb(0,211,194, 0.25) 0%, rgb(63,157,213, 0.25) 100%);
}
#vote-overview #omm-stake .slider-stake .noUi-horizontal .noUi-handle {
	border: 3px solid #2ca9b7;
}
#vote-overview #omm-stake .slider-stake .noUi-connect {
	background: -moz-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -ms-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
}

/* Vote power */

#vote-overview #vote-power {
	border-left: 1px solid #d3d9e7;
	padding-left: 35px;
	margin-left: 35px;
}
#vote-overview #vote-power #vote-conversion {
	font-size: 25px;
	margin-bottom: 15px;
	border-radius: 100px;
}
#vote-overview #vote-power #vote-conversion .metadata dd {
	margin-bottom: 15px;
}

#p-rep-list .toggle {
	margin-left: 10px;
}

/* Vote power */

.instant-amounts {
	text-align: right;
}
.instant-amounts .toggle {
	background-color: #f0f3fb;
	padding: 5px 25px;
	border-radius: 15px;
}
.instant-amounts .toggle li {
	margin-right: 25px;
}
.instant-amounts .toggle li:last-of-type {
	margin-right: 0;
}
.instant-amounts .toggle li::after {
	display: none;
}

/*
*
* Lists
*
*/

.list.vote img,
.list.bomm-votes img {
	width: 50px;
}

.list.vote > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
.list.vote > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4),
.list.vote > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5),
.list.vote > tbody > tr > td:nth-child(3),
.list.vote > tbody > tr > td:nth-child(4),
.list.vote > tbody > tr > td:nth-child(5),
.list.bomm-votes > tbody > tr > td:nth-child(3),
.list.bomm-votes > tbody > tr > td:nth-child(4),
.list.bomm-votes > tbody > tr > td:nth-child(5),
.list.sicx-votes > tbody > tr > td:nth-child(3),
.list.sicx-votes > tbody > tr > td:nth-child(4) {
	text-align: right;
}

/*
*
* Your votes list
*
*/

#your-votes h2 {
	margin-bottom: 25px;
}
#your-votes.adjust .actions-default {
	display: none;
}
#your-votes:not(.adjust) .actions-adjust {
	display: none;
}
#your-votes:not(.adjust) .minus {
	display: none;
}
#your-votes:not(.adjust) .list.vote > tbody > tr > td:nth-child(1) > .grid > .grid-cell:first-of-type {
	max-width: 70px;
}
#your-votes [disabled] .noUi-connect {
	background: -moz-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -ms-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
}
#your-votes .actions-default,
#your-votes .actions-adjust {
	margin-top: 25px;
}
#your-votes .list.vote > tbody > tr {
	cursor: default;
	color: #49546a;
}
#your-votes .list.vote > tbody > tr > td:nth-child(1) {
	text-align: left;
}
#your-votes .list.vote > tbody > tr > td:nth-child(1) > .grid > .grid-cell:first-of-type {
	max-width: 125px;
	padding-right: 20px;
}
#your-votes.adjust .list.vote > tbody > tr > td:nth-child(1) > .grid > .grid-cell:first-of-type {
	width: 300px;
}
#your-votes .list.vote > tbody > tr > td:nth-child(2) {
	width: 300px;
}
#your-votes .list.vote tbody tr td:first-of-type {
	padding-left: 35px;
}
#your-votes .list tbody tr:hover {
	box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
}

/*
*
* P-Reps list
*
*/

#p-rep-list h2 {
	margin-right: 5px;
}
.vote .contributor {
	background-image: url('../img/logo/omm-symbol.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
}
.vote .rewards {
	background-image: url('../img/icon/gift-green.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
	background-size: 16px;
	background-position: 3px 0px;
}
.vote .list.bomm-votes .rewards a,
.vote .list.sicx-votes .rewards a {
	color: #369fbf;
	font-size: 14px;
}

.vote .list.bomm-votes .rewards a::after,
.vote .list.sicx-votes .rewards a::after {
	content: '';
	display: inline-block;
	content: url(../img/icon/external-green.svg);
	width: 11px;
	margin-left: 3px;
	cursor: pointer;
	transform: translateY(1px);
}
#p-rep-tooltip .tooltip-content {
	bottom: 0;
	min-width: 360px;
}
#p-rep-list .list.bomm-votes #tooltip-earnings img.tooltip-icon,
#p-rep-list .list.sicx-votes #tooltip-earnings img.tooltip-icon {
	width: 15px;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 0;
}
#tooltip-earnings .tooltip-content {
	margin-bottom: -30px;
}
#p-rep-list .title {
	margin-bottom: 35px;
}
.adjust-options .tooltip .tooltip-content {
	min-width: 240px;
	left: -115px;
	color: #7a8294;
}
.mobile-adjust-options .tooltip .tooltip-content {
	left: -190px;
}

.list.bomm-votes tbody tr td:first-of-type,
.list.sicx-votes tbody tr td:first-of-type {
	padding-left: 10px;
	text-align: center;
}
.list.bomm-votes thead tr th:nth-of-type(2),
.list.bomm-votes tbody tr td:nth-of-type(2),
.list.sicx-votes thead tr th:nth-of-type(2),
.list.sicx-votes tbody tr td:nth-of-type(2) {
	text-align: left;
}
.list.bomm-votes tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type,
.list.sicx-votes tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type {
	max-width: 125px;
	padding-right: 20px;
}
.list.bomm-votes tbody tr td:nth-of-type(3),
.list.bomm-votes tbody tr td:last-child,
.list.sicx-votes tbody tr td:nth-of-type(3),
.list.sicx-votes tbody tr td:last-child {
	width: 150px;
}
.list.bomm-votes tbody,
.list.sicx-votes tbody {
	color: #49546a;
	font-size: 16px;
}
.list.bomm-votes tbody a,
.list.sicx-votes tbody a {
	color: #49546a;
	font-size: 16px;
}
.list.bomm-votes tbody tr,
.list.sicx-votes tbody tr {
	cursor: default;
	border-radius: 10px;
}
.list tr th:first-of-type,
.list tr td:first-of-type,
.list td:last-child,
.list th:last-child {
	border-radius: 0;
}
.list.bomm-votes tbody tr:first-of-type td:first-of-type,
.list.sicx-votes tbody tr:first-of-type td:first-of-type {
	border-top-left-radius: 10px;
}
.list.bomm-votes tbody tr:first-of-type td:last-of-type,
.list.sicx-votes tbody tr:first-of-type td:last-of-type {
	border-top-right-radius: 10px;
}
.list.bomm-votes tbody tr:last-of-type td:first-of-type,
.list.sicx-votes tbody tr:last-of-type td:first-of-type {
	border-bottom-left-radius: 10px;
}
.list.bomm-votes tbody tr:last-of-type td:last-of-type,
.list.sicx-votes tbody tr:last-of-type td:last-of-type {
	border-bottom-right-radius: 10px;
}
.list.bomm-votes tbody tr:first-of-type td,
.list.sicx-votes tbody tr:first-of-type td {
	padding-top: 35px;
}
.list.bomm-votes tbody tr:last-of-type td,
.list.sicx-votes tbody tr:last-of-type td {
	padding-bottom: 35px;
}

.list.bomm-votes .plus {
	display: none;
}
.list.bomm-votes tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type,
.list.sicx-votes tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type {
	max-width: 70px;
	border-radius: 100px;
}
.list.bomm-votes.adjust .plus {
	display: block;
}
.list.bomm-votes.adjust tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type,
.list.sicx-votes.adjust tbody tr td:nth-of-type(2) .grid .grid-cell:first-of-type {
	max-width: 125px;
}
.list th:first-child {
	width: 90px;
}
.list th:nth-of-type(4) {
	width: 160px;
}
.list th:last-child {
	width: 170px;
}

.reward-amount {
	font-size: 20px;
	color: #49546a;
	margin-top: 5px;
}


.mobile-adjust {
	display: none;
}

/*
*
* Boosted rewards
*
*/

#slider-boost {
	margin-top: 10px;
	margin-bottom: 10px;
}
.boosted-omm .boost-increase {
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
}
.boosted-omm .metadata {
	margin-top: 0;
	margin-bottom: 0;
}
.boost-increase > div:nth-child(1) > div:nth-child(3) > dl:nth-child(1) {
	margin-top: 0;
	margin-bottom: 0 !important;
}
.boost-adjust-actions > div:nth-child(1) > div:nth-child(1) {
	max-width: 170px;
}
.boost-adjust-actions p.text-red {
	max-width: 170px;
	float: right;
	margin-top: -5px;
}
.boost-adjust-actions {
	float: right;
}
#slider-boost .noUi-connect {
	background: -moz-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
	background: -ms-linear-gradient( 180deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
}
.dropdown-content.locked-selector {
	margin-top: 15px;
	padding: 0;
	z-index: 9999999;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}
#boost h3 span {
	font-family: 'tex-gyre-adventor-regular';
}
#stake-input-omm {
	max-width: 75px;
	height: 35px;
	padding: 3px 10px;
	text-align: center;
}
.boosted-omm .locked-selector ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
.boosted-omm .locked-selector ul li {
	padding: 10px 15px;
	transition: background-color 0.3s ease;
}
.boosted-omm .locked-selector ul li:first-of-type {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.boosted-omm .locked-selector ul li:last-of-type {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.boosted-omm .locked-selector ul li:hover {
	cursor: pointer;
	background-color: #dde4f0;
	transition: background-color 0.2s ease;
}
.bomm-tooltip .tooltip-content {
	min-width: 335px;
	left: -170px;
	bottom: 35px;
	color: #7a8294;
}
.boosted-container {
	position: relative;
}
.boosted-omm #slider-boost.active {
	margin-top: 30px;
}
.total-bomm-tooltip-content {
	min-width: 150px;
	text-align: center;
	bottom: 30px;
	left: -145px;
}
#vote-overview {
	margin-top: 0;
}
#vote-overview .tooltip-content {
	min-width: 160px;
	left: -110px;
}

.threshold {
	position: absolute;
	width: 1px;
	height: 50px;
	margin-top: -33px;
	background-color: #d3d9e7;
	z-index: 2;
	transition: color 0.3s ease;
}
.threshold::after {
	position: absolute;
	content: '';
	top: 0;
	width: 10px;
	height: 1px;
	margin-left: -10px;
	background-color: #d3d9e7;
	z-index: 2;
	transition: height 0.3s ease;
}
.boosted-omm .threshold.locked {
	left: 75%;
	height: 25px;
	margin-top: 10px;
	z-index: 0;
}
.boosted-omm .threshold.locked .metadata {
	margin-top: -10px;
	margin-left: -65px;
}

/* Locked indicator placement */

.boosted-omm .threshold.locked.right::after {
	margin-left: 0;
}
.boosted-omm .threshold.locked.right .metadata {
	margin-left: 15px;
}


/* Proposal selector */

#proposal #proposal-selector {
	transition: color 0.3s ease;
}
#proposal #proposal-selector:hover,
#proposal #proposal-selector.active {
	color: #49546a;
	transition: color 0.2s ease;
}
#proposal .proposal-selector-content {
	background: #ffffff;
	border-radius: 10px;
	position: absolute;
	z-index: 999;
	width: 100px;
	color: #49546a;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
	margin-left: 180px;
	margin-top: 10px;
	z-index: -99;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
#proposal .proposal-selector-content.active {
	z-index: 9999;
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}
#proposal .proposal-selector-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#proposal .proposal-selector-content li {
	padding: 10px 15px;
	cursor: pointer;
	font-size: 14px;
}
#proposal .proposal-selector-content li:first-of-type {
	border-radius: 10px 10px 0 0;
}
#proposal .proposal-selector-content li:last-of-type {
	border-radius: 0 0 10px 10px;
}
#proposal .proposal-selector-content li:hover {
	color: #49546a;
	background-color: #e5ebf5;
	transition: color 0.2s ease, background-color 0.2s ease;
}
.select-box {
	width: 100%;
	background-color: #e6e9f0;
	border: 2px solid #e6e9f0;
	border-radius: 10px;
	height: 35px;
	margin-top: 5px;
	padding: 0 15px;
	transition: border 0.3s ease;
}
.select-box:hover {
	cursor: pointer;
	border: 2px solid #369fbf;
	transition: border 0.2s ease;
}
#proposal-parameters,
#proposal-description {
	word-break: break-all;
}

.list.bomm-votes thead tr th:nth-of-type(3),
.list.sicx-votes thead tr th:nth-of-type(3) {
	transform: translateY(-9px);
}
.adjust-votes img,
.mobile-adjust img {
	width: 18px !important;
	margin-left: 5px;
	transform: translateY(-2px);
}

/* ==========================================================================
	Responsive styles 1600px and smaller
========================================================================== */

@media (max-width: 1600px) {


}

/* ==========================================================================
	Responsive styles: 1200px and smaller
========================================================================== */

@media (max-width: 1200px) {

	/* HTML */

	html {
		overflow-x: hidden;
	}
	body {
		width: 95%;
		margin-bottom: 100px;
	}

	/* Layout */

	.modal {
		margin-left: 0;
	}
	.header .logo {
		margin-right: 15px;
	}
	.grid.wrapper {
		flex-direction: column;
	}
	.wrapper .navigation-container {
		max-width: 100%;
		margin-bottom: 25px;
	}
	#logo-back-container {
		margin-right: 15px;
	}

	/* Navigation */

	.navigation {
		position: fixed;
		padding: 15px 25px;
		border-radius: 35px;
		background-color: #edeff4;
		box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.034), 0 6.7px 5.3px rgba(174, 196, 215, 0.048), 0 12.5px 10px rgba(174, 196, 215, 0.06), 0 22.3px 17.9px rgba(174, 196, 215, 0.072), 0 41.8px 33.4px rgba(174, 196, 215, 0.086), 0 100px 80px rgba(174, 196, 215, 0.12);
		margin-left: -130px;
		bottom: 25px;
		left: 50%;
		width: 259px;
		z-index: 9999;
	}
	.navigation ul {
		width: 100%;
	}
	.navigation ul li {
		display: inline-block;
		margin-bottom: 0;
	}

	/* Reset the left padding */

	.navigation ul li a {
		padding-left: 15px;
	}

	/* Separate image from text */

	.navigation ul li a svg,
	.navigation ul li a img {
		margin-right: 10px;
	}

	#new-proposal-contract .input-asset + .dropdown-content {
		left: 0;
	}
}

/* ==========================================================================
	Responsive styles: 800px and larger
========================================================================== */

@media (min-width: 800px) {
	.list.markets .market-expanded .supply {
		display: block;
	}
	.list.markets .market-expanded .borrow {
		display: block;
	}
}

/* ==========================================================================
	Responsive styles: 800px and smaller
========================================================================== */

@media (max-width: 800px) {

	/* HTML */

	section {
		margin-bottom: 50px;
	}

	#modal-withdraw-icx {

	}

	/* Modules */

	.search {
		max-width: 100%;
	}
	.navigation {
		padding: 10px 20px;
		margin-left: -120px;
		width: 225px;
	}
	.navigation ul li {
		width: 90px;
	}
	.navigation ul li a {
		height: initial;
		padding: 5px;
		font-size: 14px;
		border-radius: 20px;
	}
	.navigation ul li a .grid-center {
		flex-direction: column;
	}
	.navigation ul li a svg,
	.navigation ul li a img {
		margin-right: initial;
		width: 20px;
	}
	.navigation ul li a:hover, .navigation ul li a.active {
		box-shadow: 0 2.8px 2.2px rgba(174, 196, 215, 0.134), 0 6.7px 5.3px rgba(174, 196, 215, 0.148), 0 12.5px 10px rgba(174, 196, 215, 0.16), 0 22.3px 17.9px rgba(174, 196, 215, 0.172), 0 41.8px 33.4px rgba(174, 196, 215, 0.186), 0 100px 80px rgba(174, 196, 215, 0.22);
	}
	.banner {
		border-radius: 10px;
	}
	.banner::before {
		border-radius: 12px;
	}

	/* Layout */

	.header {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.header > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
		display: none;
	}
	.header .logo {
		width: 125px;
		margin-right: 50px;
	}
	.modal {
		margin-left: 0;
		max-width: 100%;
		width: 90%;
	}
	.header .wallet-content {
		min-width: 233px;
	}
	.toggle-dark-container {
		display: none;
	}

	/* Home */

	/* Overview toggles */

	.overview-toggles {
		flex-direction: column;
	}
	#apr-toggle {
		float: left;
		margin-top: 25px;
	}
	.apr-label {
		float: left;
		margin-top: 26px;
		margin-right: initial;
	}
	.apy-tooltip-container {
		float: left;
		margin-left: 10px;
		margin-top: 25px;
	}
	.apy-tooltip-container .tooltip .tooltip-content {
		left: 0;
	}

	#staking-overview,
	#vote-overview,
	#market-overview-content,
	.market-expanded > .grid {
		flex-direction: column;
	}
	.market-expanded > .grid {
		clear: both;
	}
	.market-expanded .supply {
		padding-right: 0;
		margin-right: 0;
		border-right: none;
	}
	.performance-risk {
		flex-direction: column;
	}
	.grid.side-by-side > .grid-cell:first-of-type {
		margin-right: 0;
	}
	.grid.side-by-side {
		flex-direction: column;
	}
	#staking-overview .border-right,
	#vote-overview .border-right {
		border-right: none;
		margin-bottom: 15px;
	}
	#staking-overview > .grid-cell:last-of-type > .grid > .grid-cell,
	#vote-overview > .grid-cell:last-of-type > .grid > .grid-cell {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#panel-stake > .grid,
	#panel-unstake > .grid {
		flex-direction: column-reverse;
	}

	#panel-stake > .grid,
	#panel-unstake > .grid {
		flex-direction: column-reverse;
	}
	#panel-stake .stake-container > .grid-cell:last-of-type,
	#panel-unstake .unstake-container > .grid-cell:last-of-type {
		padding-left: 0;
	}
	#panel-stake .stake-container > .grid-cell:first-of-type,
	#panel-unstake .unstake-container > .grid-cell:first-of-type {
		border-right: none;
		padding-right: 0;
		margin-top: 25px;
	}

	/* Home: Markets */

	#markets .filters {
		flex-direction: column;
		align-items: initial;
	}
	#markets .filters .search {
		margin-top: 15px;
		margin-left: initial;
	}
	.list.markets thead {
		display: none;
	}
	.list.markets tr.asset td:first-of-type {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.list.markets tbody tr.active td:first-of-type {
		border-bottom-right-radius: 0;
	}
	.list.markets tr.asset td:not(:first-of-type) {
		display: none;
	}
	.separator-full::before,
	.separator-full::after {
		width: 25%;
	}
	.mobile-vote,
	.desktop-vote .details {
		display: block;
	}
	.list.markets tr.asset td.new,
	.list.liquidity tr.pool td.new:first-of-type {
		padding-left: 0;
		background-image: none;
	}
	.list.markets tr.asset td.new > .mobile-market,
	.list.liquidity tr.pool td.new > .mobile-market {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 15px;
	}
	.list.markets .market-expanded ul.market-toggle {
		margin-bottom: 15px;
		display: block;
	}

	.list .desktop-vote > .grid {
		height: 41px;
	}
	.list.liquidity tr.pool td:first-of-type {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}


	.desktop-vote .text-right.details {
		margin-right: 20px;
		font-size: 14px;
	}
	.desktop-vote .text-right.details::after {
		content: url(../img/icon/chevron-right-green.svg);
		display: inline-block;
		width: 8px;
		margin-left: 8px;
		transform: translateY(3px);
		transition: transform 0.3s ease;
	}
	.active .desktop-vote .text-right.details::after {
		transform: rotate(90deg);
		transition: transform 0.3s ease;
	}
	.market-expanded .market-toggle {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.market-expanded .market-toggle li {
		float: none;
		display: inline-block;
		position: relative;
	}
	.market-expanded .market-toggle li span {
		position: relative;
		z-index: 2;
		padding: 10px;
	}
	ul.toggle li.toggle-borrow:after {
		background-image: -webkit-linear-gradient(0deg, #6081df, #9d4df1);
	}
	.market-expanded .market-toggle li::after {
		display: none;
	}

	/* Supply */

	.market-expanded .market-toggle li.toggle-supply {
		margin-right: 10px;
	}
	.market-expanded .market-toggle li.toggle-supply:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		margin: -3px;
		border-radius: 28px;
		background: linear-gradient( -135deg, rgb(0,211,194) 0%, rgb(63,157,213) 100%);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.market-expanded .market-toggle li.toggle-supply:hover:before,
	.market-expanded .market-toggle li.toggle-supply.active:before {
		opacity: 1;
		transition: opacity 0.2s ease;
	}
	.market-expanded .market-toggle li.toggle-supply:hover span,
	.market-expanded .market-toggle li.toggle-supply.active span {
		color: #ffffff;
		-webkit-background-clip: initial;
		-webkit-text-fill-color: initial;
		background: none;
	}


	/* Borrow	*/

	.market-expanded .market-toggle li.toggle-borrow:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		margin: -3px;
		border-radius: 28px;
		background: linear-gradient( 35deg, rgb(96,129,223) 0%, rgb(157,77,241) 100%);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.market-expanded .market-toggle li.toggle-borrow:hover:before,
	.market-expanded .market-toggle li.toggle-borrow.active:before {
		opacity: 1;
		transition: opacity 0.2s ease;
	}
	.market-expanded .market-toggle li.toggle-borrow:hover span,
	.market-expanded .market-toggle li.toggle-borrow.active span {
		color: #ffffff;
		-webkit-background-clip: initial;
		-webkit-text-fill-color: initial;
		background: none;
	}

	/* Vote */

	#vote-overview .grid.panel {
		flex-direction: column;
	}
	#p-rep-list .filters {
		flex-direction: column;
		align-items: initial;
	}
	#p-rep-list .search {
		margin-top: 15px;
	}
	#vote-overview #vote-power {
		margin-top: 25px;
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	#vote-overview #omm-stake .actions-default .button {
		margin-top: 0;
	}
	.list.bomm-votes thead tr td:last-child,
	.list.bomm-votes tbody tr td:last-child {
		display: none;
	}
	.bomm-votes > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
		display: none;
	}
	.bomm-votes > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3),
	.list.bomm-votes > tbody > tr > td:nth-child(3) {
		display: none;
	}
	.list.bomm-votes tbody tr td:first-of-type {
		width: 95px;
	}
	#vote-power {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}
	.list.bomm-votes thead tr th:nth-of-type(2),
	.list.bomm-votes tbody tr td:nth-of-type(2) {
		text-align: left;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	#p-rep-tooltip .tooltip-content {
	    min-width: initial;
	    width: 270px;
	    bottom: 40px;
	    left: -90px;
	}
	#proposal-cards > .grid.grid-center > .grid-cell:last-of-type {
		text-align: left;
		margin-top: 15px;
	}

	.proposal-decision {
		margin-left: 0;
		height: initial;
		margin-top: 35px;
	}
	#proposal-overview.voted .proposal-overview-metadata + .grid {
		flex-direction: column;
	}
	.mobile-adjust {
		display: block;
		float: right;
	}
	.mobile-adjust {
		display: block;
		float: right;
	}
	.mobile-adjust.hide {
		display: none;
	}
	.mobile-adjust-options {
		float: right;
	}

	/* Proposal cards */

	#proposal-cards > .grid {
		flex-direction: column;
	}
	#proposal-cards > .grid > .grid-cell {
		margin-right: 0;
		margin-bottom: 0;
		width: 100%;
	}
	#proposal-cards .cards > .grid-cell {
		margin-bottom: 35px;
	}

	/* */

	.list.bomm-votes > thead > tr > th:nth-child(1),
	.list.bomm-votes > tbody > tr > td:nth-child(1),
	.list.bomm-votes > thead > tr > th:nth-child(3),
	.list.bomm-votes > tbody > tr > td:nth-child(3),
	.list.bomm-votes > thead > tr > th:nth-child(4),
	.list.bomm-votes > tbody > tr > td:nth-child(4),
	.list.bomm-votes > thead > tr > th:nth-child(5),
	.list.bomm-votes > tbody > tr > td:nth-child(5),
	.list.bomm-votes > thead > tr > th:nth-child(6),
	.list.bomm-votes > tbody > tr > td:nth-child(6) {
		display: none;
	}
	.list.bomm-votes tbody tr,
	.list.sicx-votes tbody tr {
		cursor: default;
		border-bottom-right-radius: 0px;
	}
	.list.bomm-votes thead tr th:nth-of-type(2),
	.list.bomm-votes tbody tr td:nth-of-type(2) {
		text-align: left;
		border-radius: 0px;
	}
	.metadata-group > .grid-cell,
	.supply-group > .grid-cell,
	.borrow-group > .grid-cell {
		max-width: 100% !important;
		padding-right: 0 !important;
	}
	.supply-group,
	.borrow-group {
		text-align: center;
	}
	.desktop-vote {
		padding-left: 15px;
	}
	.mobile-vote > .metadata-group {
		margin-left: 15px;
		margin-right: 15px;
	}
	.mobile-vote > .metadata-group .borrow-group {
		border-top: 1px solid #d3d9e7;
		padding-top: 10px;
		margin-top: 10px;
	}
	.list.bomm-votes tbody tr:first-of-type td:nth-of-type(2),
	.list.sicx-votes tbody tr:first-of-type td:nth-of-type(2) {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.list.bomm-votes tbody tr:last-of-type td:nth-of-type(2),
	.list.sicx-votes tbody tr:last-of-type td:nth-of-type(2) {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.list.sicx-votes > thead > tr > th:nth-child(1),
	.list.sicx-votes > tbody > tr > td:nth-child(1),
	.list.sicx-votes > thead > tr > th:nth-child(3),
	.list.sicx-votes > tbody > tr > td:nth-child(3),
	.list.sicx-votes > thead > tr > th:nth-child(4),
	.list.sicx-votes > tbody > tr > td:nth-child(4) {
		display: none;
	}

	/*
	*
	* Rewards
	*
	*/

	#your-liquidity.grid.panel {
		flex-direction: column-reverse;
	}
	#your-liquidity.grid.panel .grid-cell.border-right {
		border-right: none;
		border-top: 1px solid #d3d9e7;
		margin-top: 0;
		padding-top: 15px;
		margin-bottom: 0;
	}
	#staking-overview .grid.panel {
		flex-direction: column;
	}
	#staking-overview #staking-apy {
		padding-top: 35px;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #d3d9e7;
		margin-bottom: 0;
	}
	#staking-overview #omm-stake .actions-default .button {
		margin-top: -4px;
	}
	#your-liquidity > .grid-cell,
	#all-liquidity > .grid-cell {
		margin-bottom: 25px;
	}
	#all-liquidity > .grid-cell:first-of-type {
		margin-bottom: 0;
	}
	#all-liquidity > .grid-cell.border-right {
		border-right: none;
		border-top: 1px solid #d3d9e7;
		padding-top: 15px;
	}
	#omm-stake {
		padding-bottom: 35px;
	}
	#all-liquidity {
		flex-direction: column-reverse;
	}
	#your-pools {

	}
	.liquidity thead tr th:nth-of-type(2),
	.liquidity thead tr th:nth-of-type(3),
	.liquidity thead tr th:nth-of-type(4),
	.liquidity thead tr th:nth-of-type(5) {
		display: none;
	}
	.liquidity tbody tr td:nth-of-type(2),
	.liquidity tbody tr td:nth-of-type(3),
	.liquidity tbody tr td:nth-of-type(4),
	.liquidity tbody tr td:nth-of-type(5) {
		display: none;
	}
	.list.liquidity tbody tr.pool td:first-of-type {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.list.liquidity tbody tr.pool.active td:first-of-type {
		border-bottom-right-radius: 0
	}
	#staking-overview #staking-apy #staking-apy-data {
		border-bottom: none;
	}
	.pool-expanded .content {
		margin: 25px 35px;
		margin-left: auto;
		margin-right: auto;
	}
	#vote .bomm-tooltip .tooltip-content {
		left: -100px;
	}
	.list.liquidity thead {
		display: none;
	}
}

/* ==========================================================================
	Responsive styles: 600px and smaller
========================================================================== */

@media (max-width: 600px) {

	/* Performance */

	#performance .time-selector-content {
		margin-left: 136px;
	}

	/* Boosted omm */

	.boosted-omm .boost-increase > .grid {
		flex-direction: column;
	}
	.boosted-omm .boost-increase > .grid .grid-cell {
		margin-top: 15px;
	}
	.boosted-omm .boost-increase > .grid .grid-cell:first-of-type {
		margin-top: 0;
	}
	.boosted-omm .boost-increase .grid-cell {
		border-right: 0px;
	}
	.total-bomm-tooltip-content {
		left: -100px;
		text-align: center;
	}
	.value-bomm-total {
		display: block;
		margin-bottom: 15px;
	}
	.bomm-tooltip .tooltip-content {
		left: -100px;
	}
	.label.value-bomm-total {
		display: inline-block;
	}
}

/* ==========================================================================
	Responsive styles: 600px and shorter
========================================================================== */

@media (max-height: 600px) {

	/* Modal */

	.modal {
		max-height: 500px;
		overflow-y: scroll;
	}
}

/* ==========================================================================
	Responsive styles: 500px and smaller
========================================================================== */

@media (max-width: 500px) {

	/* Sign in modal */

	.sign-in-options > .grid-cell a {
		padding: 10px 5px;
	}
	.sign-in-options .grid-cell img {
		height: 40px;
	}
	#risk #tooltip-risk .tooltip-content {
		width: 205px;
		margin-left: 0;
		margin-bottom: -33px;
	}
	h2 {
		font-size: 20px;
	}
	.overview .metadata dd,
	#staking-overview #staking-apy #staking-apy-data,
	#vote-overview #vote-power #vote-conversion {
		font-size: 20px;
	}
	section h2 {
		margin-right: 10px;
	}
	.market-icx-expanded .supply .title > .grid-cell:nth-of-type(2) {
		max-width: 120px;
	}

	/* Sign in modal */

	.borrow .title > .grid-cell:nth-of-type(2) {
		max-width: 130px;
	}
	.tooltip.expanded-risk-tooltip .tooltip-content {
		left: -175px;
		margin-bottom: 0;
	}
	.supply .supply-apy,
	.borrow .borrow-apy {
		font-size: 18px;
	}

	/* Sign in modal */

	.list.markets .market-expanded,
	.panel {
		padding: 15px 20px;
	}
	.list tr.asset td:first-of-type {

	}

	#modal-manage-staked-omm .graphical-options .checkbox-tools:checked + label,
	#modal-manage-staked-omm .graphical-options .checkbox-tools:not(:checked) + label {
		width: 100px;
	}

	.list tbody tr::after{
		background: linear-gradient(0deg, #9d4df1, #00d3c2);
	}
	.list tbody tr.expanded::after {
		background: linear-gradient(180deg, #9d4df1, #00d3c2);
	}

	/* Boost data */

	.boost-data {
		flex-direction: column;
		align-items: flex-start;
	}
	.boost-data > .grid-cell:first-of-type {
		margin-bottom: 5px;
	}
	.dropdown-content.locked-selector {
		left: 85px;
		right: initial;
	}

	.supply .legend > .grid-cell:first-of-type, .borrow .legend > .grid-cell:first-of-type {
		margin-right: 15px;
	}
}

/* SPINNER */

.spinner-wrapper {
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
}

.spinner {
	min-width: 35px;
	min-height: 35px;
	width: 4vw;
	height: 4vw;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 4000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 4000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}