:root {
	--darkBG: #32363a /* #3a3a3a #232B32 */;
}

.rtl, .rtl *, .ui.menu .ui.dropdown .menu>.item.rtl, .rtl ::placeholder { 
	direction: rtl; 
	text-align: right;
}
.ltr, .ltr *:not(.rtl), .rtl .ltr, .rtl .ltr * { 
	direction: ltr; 
	text-align: left;
}

input[readonly] {
	opacity: .45;
}

.click {
	cursor: pointer;
}
.shifted {
	position: relative;
	left: -5px;
}
.rtl .shifted {
	left: 0;
	right: -5px;
}

.required {
	color: #e97070;
	margin-left: 2px;
}

.center.aligned {
	text-align: center !important;
}

.lines {
	line-height: 2;
}

body.contrast, body.dark {
	background-color: var(--darkBG);
}
.ui.fullscreen.modal>.close.white {
	color: rgba(255,255,255,.9) !important;
}

code {
	word-break: break-all;
}

body {
	padding-top: 25px;
}
.body-unauth {
	background: linear-gradient(139.47deg, rgba(27, 132, 162, 0.08) 0%, rgba(46, 217, 203, 0.08) 98.65%);
}
.body-pay {
	background: linear-gradient(139.47deg, rgb(27 132 162 / 8%) 0%, rgb(46 217 203 / 4%) 98.65%);
}
.body-unauth .column, .body-pay .column {
	max-width: 500px;
}
@media (max-width: 768px) { 
	.body-unauth .column, .body-pay .column {
		max-width: 90%;
	}
}
img.unauth-logo {
	max-width: 250px !important;
	margin: 50px auto 25px !important;
}

.audio {
	max-width: 100%;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.angle45 {
	transform: rotate(45deg);
}

input.cost_all {
	background: #ffffff55 !important;
	font-weight: bold;
}

pre.pretty-json {
	white-space: break-spaces;
}

.colorpicker {
	position: relative;
}
.colorpicker input[type="color"] {
  opacity: 0;
	position: absolute;
	left: 0;
	top: 65px;
	width: 0;
	height: 0;
}
.colorpicker .colorpreview {
	cursor: pointer;
}

.field.error label a {
  color: #9f3a38;
}
.ui.form.brown .field.error input, .ui.form.brown .field.error label {
	color: #db100c !important;
}
label sup.optional {
	opacity: .5;
	font-weight: normal;
}

section {
	padding-bottom: 100px;
}

.hide {
	display: none !important;
}
.quiet {
	opacity: .5 !important;
}
.degrade {
	opacity: .75 !important;
}
.decrease {
	font-size: 85%;
}

.auth-form {
	max-width: 500px;
}
.pin {
	transform: rotate(45deg);
	display: inline-block;
}
.datetime small {
	margin-left: 2px;
}

.margin-left {
	margin-left: 3px !important;
}
.margin-left-2 {
	margin-left: 6px !important;
}
.margin-right {
	margin-right: 7px !important;
}
.rtl .margin-left {
	margin-left: 0 !important;
	margin-right: 3px !important;
}
.rtl .margin-left-2 {
	margin-left: 0 !important;
	margin-right: 6px !important;
}
.rtl .margin-right {
	margin-right: 0 !important;
	margin-left: 7px !important;
}
.margin-top {
	margin-top: 5px !important;
}
.padding-top {
	padding-top: 10px !important;
}
.margin-bottom {
	margin-bottom: 10px !important;
}
.rtl .ui.list .list>.item>i.icon, .rtl .ui.list>.item>i.icon {
	padding-right: 0;
	padding-left: 0.3em;
}
.rtl .ui.bulleted.list .list>.item:before, .rtl .ui.bulleted.list>.item:before, ul.ui.list li:before {
	margin-left: 0;
	margin-right: -1.25rem;
}
.rtl .ui.bulleted.list, .rtl ul.ui.list {
  margin-left: 0;
	margin-right: 1.25rem;
}
.rtl .ui.form .inline.field>:first-child, .rtl .ui.form .inline.fields .field>:first-child {
  margin: 0 0 0 0.85714286em;
}
.rtl .ui.label>.close.icon, .rtl .ui.label>.delete.icon {
	margin-right: 0.5em;
	margin-left: 0;
}
.rtl .ui.dropdown .menu>.item {
	text-align: right;
}
.rtl .ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown) {
	margin: 0 0 0 0.75em!important;
}
.rtl .ui.message>.close.icon {
	right: auto;
	left: 0.5em;
}
.rtl .ui.card [class*="right floated"], .rtl .ui.cards>.card [class*="right floated"] {
  float: left;
}
.rtl .gamestep .move {
	display: none;
}
.rtl .ui.dropdown:not(.selection)>.dropdown.icon {
	margin: 0 1em 0 0;
}
.rtl .ui.celled.table tr td:first-child, .rtl .ui.celled.table tr th:first-child {
	border-left: 1px solid rgba(34, 36, 38, .1);
}

.ui.label.iconed>.icon {
	margin: 0;
}
.w-auto i.icon {
	width: auto;
}

.table-fav-star .icon {
	margin-top: -3px !important;
	margin-left: 5px !important;
}
.table-filter .ui.input:not(.disabled) input[disabled] {
	opacity: 0;
}

.tooltiped {
	border-bottom: 1px dashed #00000055;
	cursor: help;
}
.tooltiped.titled.link {
	cursor: pointer;
}
.external {
	border-bottom: 1px solid #00000033;
}

.active.item a {
	font-weight: bold !important;
}
.ui.toggle.checkbox input:focus:checked~.box:before, .ui.toggle.checkbox input:focus:checked~label:before, .ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before {
	background-color: #00b5ad !important;
}
.ui.toggle.checkbox input:checked~.box, .ui.toggle.checkbox input:checked~label, .ui.toggle.checkbox input:focus:checked~label, .ui.toggle.checkbox input:checked~.box, .ui.toggle.checkbox input:checked~label, .ui.toggle.checkbox input:focus:checked~label {
  color: #00b5ad !important;
}
.ui.inverted.segment, .ui.primary.inverted.segment {
	background: #2a2d31;
}
.ui.inverted.segment.modal {
	background: #1a1a1a;
}
.ui.table th.warning {
	background: #fffaf3 !important;
}
.dark .ui.table th.warning, .dark .ui.table td.warning {
	background: #27241f !important;
	color: #fff !important;
}
.dark .ui.selectable.table tr:hover td.warning {
	background: #373635 !important;
	color: #fff !important;
}

.dark .message .ui.inverted.form label {
	color: #0e566c;
}
.dark .ui.inverted.form.brown.message label {
	color: #a5673f;
}
.dark .message .ui.inverted.form input[type="text"], .dark .message .ui.inverted.form input[type="email"] {
	border-color: #ccc;
}

.ui.fixed.table td, .ui.fixed.table th {
	overflow: visible;
}
.ui.table.fixed td.collapsing, .ui.table.fixed th.collapsing {
	width: 85px;
	white-space: normal;
}
.ui.table.fixed td.collapsing.wider, .ui.table.fixed th.collapsing.wider {
	width: 110px;
}
.ui.table.fixed td.collapsing.wide, .ui.table.fixed th.collapsing.wide {
	width: 150px;
}
.ui.table.fixed td.collapsing.widest, .ui.table.fixed th.collapsing.widest {
	width: 200px;
}

.ui.menu .ui.dropdown .small.menu>.item {
	font-size: .85em !important;
	padding: .8em 1em !important;
}
.rtl .ui.menu .ui.dropdown .small.menu>.item {
	text-align: right !important;
}
.rtl .ui.menu .ui.dropdown .small.menu>.item.ltr {
	text-align: left !important;
}
.ui.menu .ui.dropdown .small.menu>.header {
	padding: .3em 1em .01em !important;
}

th.table-filter .ui.dropdown>.text, .body-pay form .ui.dropdown>.text {
  max-width: 100%;
	text-overflow: clip;
	white-space: nowrap;
	overflow: hidden;
}
.body-pay form .ui.dropdown>.text {
  max-width: 136px;
}
.ui.search.dropdown>.text {
	/* text-wrap: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden; */
}
.ui.selection.dropdown.free .menu {
	width: auto !important;
	max-width: calc(200%);
	border-top-width: 1px !important;
}

.ui.form .field label {
	display: block;
	margin: 0 1em .28571429rem 0;
	color: rgba(0, 0, 0, .87);
	font-size: .92857143em;
	font-weight: 700;
}

.dark .ui.toggle.checkbox .box:before, .dark .ui.toggle.checkbox label:before {
  background: rgba(0,0,0,.25);
}

.col {
	word-wrap: break-word;
}

.video {
	max-width: 100%;
	display: block;
	border: 1px solid rgba(34,36,38,.15);
	border-radius: 5px;
}
.video.preview {
	max-width: 33%;
	margin: 10px 0;
}


.themes {
	position: fixed;
	right: 25px;
	bottom: 35px;
	transition: all 0.5s ease;
}
.themes .menu .item .icon {
	margin: 5px !important;
}
.rtl .themes {
	position: fixed;
	right: auto;
	left: 25px;
	bottom: 35px;
}
.rtl .themes .menu .item {
	text-align: right !important;
}
.ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {
  background-color: #6435c9 !important;
}

.table-holder {
	margin: 15px 0; 
	overflow-y: visible;
}


.modal .image.content img {
	margin: 0 auto;
	max-height: 333px;
}

.auth-shape .auth-form {
	width: 500px;
}


.ui.modal.video-modal {
	background: transparent;
}




a:not(.button):link, a:not(.button):visited, .ui.breadcrumb a, .color {
	color: #25a791 !important;
}
a:not(.button):hover, a:not(.button):active, .ui.breadcrumb a:hover, .ui.breadcrumb a:active {
	color: #00b5ad !important;
}
.sized {
	font-size: 120% !important;
}
.size {
	font-weight: bold;
	font-size: 125% !important;
}
.reduce {
	font-size: 90% !important;
}

.largescreen-element {
	display: block;
}
.smallscreen-element {
	display: none;
}
.grow {
	flex-grow: 1;
}
.delta {
	background: linear-gradient(139.47deg, rgba(237, 246, 248, 1) 0%, rgba(238, 252, 251, 1) 98.65%) !important;
	border-radius: 9px;
}
.tone {
	background-color: #F7F7F7 !important;
}
.low.segment {
	box-shadow: none;
}
.delta-header {
	position: fixed;
	top: 0;
	left: 275px;
	right: 10px;
	height: 90px;
	padding-top: 10px;	
	border-bottom: 1px solid #bde8d9;
	background: rgba(255,255,255,.75);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}
.delta-header .menu-btn, .delta-header .small-logo {
	display: none;
}
.delta-header .user-badge {
	text-align: right !important;
	padding: 12px 18px;
	margin-left: 5px;
}
.delta-header .user-info {
	margin: 0 18px 0 0;
	padding: 8px 12px;
	border-radius: 9px;
	border: 1px solid #bde8d9;
}
.delta-header .user-prefs {
	padding: 12px 6px 12px 18px;
	cursor: pointer;
}
.delta-menu {
	position: absolute; 
	top: 10px;
	left: 10px;
	bottom: auto;
	width: 250px;
	padding: 12px;
}
.delta-menu .section {
	padding: 10px 0;
	margin-left: 7px;
	border-top: 1px solid #bde8d9;
}
.delta-menu .section:first-of-type {
	border-top: 0;
}
.delta-menu .logo {
	display: block;
	padding: 20px 0 10px 15px;
	max-width: 125px;
}
.delta-menu .menu-close {
	display: none;
}
.delta-menu .action-item {
	/* border: 1px solid #00000011 !important; */
}
.delta-menu .ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown) {
	margin-right: .15em !important;
}

.delta-content {
	margin: 100px 10px 0 275px;
}
.body-unauth .delta-content {
	margin-top: 25px;
}
.body-unauth .delta-header {
	display: none;
}

.ui.basic.button.icon-btn {
	background: #F7F7F7 url('/assets/images/elements/icon-btn-in.png') no-repeat right 12px center !important;
}
.ui.basic.button.icon-btn.icon-btn-out {
	background-image: url('/assets/images/elements/icon-btn-out.png') !important;
}

.canvasjs-chart-credit {
	display: none !important;
}

.currency-logo {
	max-width: 12px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.payment-status, .any-status {
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 4px 4px 3px !important;
}

.field-with-private_key, .generate-wallet {
	display: none;
}
.test-payment-tool .field-with-private_key {
	display: block;
}

.qrpay, .pay-price {
	display: inline-block;
	background: #ffffff99;
	padding: 15px 15px 10px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
	border: 1px solid rgba(34, 36, 38, .15);
	margin: 0 auto 15px;
}
.pay-price {
	margin: 0 auto 15px;
	position: relative;
	border-radius: 25px;
	padding: 15px 22px 10px;
	background: linear-gradient(350deg, #dcf1f3, #ffffff);
}
.pay-price-amount {
	font-size: 20pt;
}
.pay-price-currency {
	font-size: 14pt;
	margin-left: 3px;
	opacity: .85;
}
.pay-price-label {
	position: absolute;
	right: 5px;
	top: -8px;
	background: #ffffff;
	border-radius: 7px;
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
	border: 1px solid rgba(34, 36, 38, .15);
	font-size: 6pt;
	padding: 4px 6px 2px;
	line-height: 1;
	opacity: .75;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.manualpay .copied {
	display: inline-block;
	padding: 3px 8px;
	background: #ffffff99;
	border-radius: 3px;
	margin: 3px 0;
	font-family: monospace;
	border: 1px solid #00000011;
}
.manualpay span.copying .copied {
	margin: 3px 5px;
}

.centered-menu {
	display: block !important;
	text-align: center !important;
}
.centered-menu .item {
	display: inline-block !important;
}

.table-holder .table thead tr:nth-child(1) th{
	position: sticky;
	top: 0;
	z-index: 10;
}
.table-holder .table {
	position: sticky;
	top: 0;
	z-index: 10;
}

.delta-header {
	z-index: 1;
}

.delta-lang {
	position: absolute !important;
	right: 25px;
	top: 25px;
	z-index: 1000;
}

.ui.progress>.label {
	font-size: 1.2em;
  margin-top: 0.4em;
}


@media screen and (max-width: 768px) {
	::-webkit-scrollbar {
		-webkit-appearance: none;
		display: none;
	}
}
	
@media (max-width: 768px) { 
	.user-badge.delta * {
		font-size: 95% !important;
	}
	.largescreen-element {
		position: fixed;
		top: calc(100vh - 50px);
		left: 0;
		z-index: 1000;
		width: 30%;
		text-align: center !important;
		font-size: 70% !important;
	}
	.largescreen-element.exchange-rates {
		left: 32%;	
		width: 36%;
	}
	.largescreen-element.user-balance {
		left: 70%;	
	}
	.smallscreen-element {
		display: block;
		position: fixed;
		top: calc(100vh - 60px);
		left: -10px;
		right: -10px;
		height: 60px;
		border-top: 1px solid #bde8d9;
		background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	}
	.delta-header .user-info {
		padding: 3px 6px;
	}
	.delta-header .user-info i.icon {
		display: none;
	}
	.delta-header {
		left: 10px;
		border: 0;
	}
	.delta-header .menu-btn {
		display: block;
		cursor: pointer;
		padding: 10px;
		opacity: .75;
	}
	.delta-header .small-logo {
		display: block;
		width: 90px;
		margin: 0 10px;
	}
	.delta-header .small-logo img.small.image {
		max-width: 100%;
	}
	.delta-menu {
		display: none;
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		z-index: 10000;
		border-radius: 0;
	}
	.delta-menu .menu {
		max-height: 100%;
		overflow: auto;
	}
	.delta-menu .menu .menu {
		position: static;
		margin-top: 5px;
	}
	.delta-menu .menu-close {
		display: block;
		position: absolute;
		right: 5px;
		top: 15px;
		cursor: pointer;
		opacity: .25;
	}
	.delta-content {
		margin-left: 10px;
	}
	.body-unauth .delta-header {
		display: flex;
		padding: 25px 0;
		border: 0;
		background: transparent;
	}
	.body-unauth .delta-header .small-logo {
		width: 120px;
		margin: 0;
	}
	.body-unauth .delta-content {
		margin-top: 100px;
	}
}






@media (max-width: 1280px) {
	.table-holder {
		overflow-x: auto;
		min-height: 500px;
	}
	.table-holder table {
		border-radius: 0 !important;
	}
	.table-holder th, .table-holder td {
		width: 150px;
		border-radius: 0 !important;
	}
	.ui.table.fixed th.collapsing, .ui.table.fixed td.collapsing {
		width: 75px;
	}
	.ui.table.fixed th.collapsing.wide, .ui.table.fixed td.collapsing.wide {
		width: 140px;
	}
	
	.auth-shape .auth-form {
		width: 400px;
	}
}

@media (max-width: 768px) {
	.express-menu-item {
		display: none !important;
	}
	.table-holder th, .table-holder td {
		width: 120px;
	}
	.ui.table.fixed th.collapsing, .ui.table.fixed td.collapsing {
		width: 50px;
	}
	.ui.table.fixed th.collapsing.wide, .ui.table.fixed td.collapsing.wide {
		width: 120px;
	}
	.video.preview {
		max-width: 75%;
	}
	
	.auth-shape .auth-form {
		width: 300px;
	}
}

@media only screen and (min-width: 1440px) {
	.ui.container.with-table {
		width: 1380px !important;
	}
	
}
@media only screen and (min-width: 1600px) {
	.ui.container.with-table {
		width: 1540px !important;
	}
}
@media only screen and (min-width: 1800px) {
	.ui.container.with-table {
		width: 1740px !important;
	}
}
@media only screen and (min-width: 2000px) {
	.ui.container.with-table {
		width: 1940px !important;
	}
}
@media only screen and (min-width: 2400px) {
	.ui.container.with-table {
		width: 2300px !important;
	}
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-button {
    background: #ccc;
}
::-webkit-scrollbar-track-piece {
    background: #eee;
}
::-webkit-scrollbar-thumb {
    background: #888;
}​
body.animating.in.dimmable, body.dimmed.dimmable {
	padding-right: 10px;
}
body.animating.in.dimmable .themes, body.dimmed.dimmable .themes {
	opacity: 0;
}


.pulse {
	transform: scale(1);
	animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(1.33);
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.33);
	}
}



/* Responsive helpers */

/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large screen only"]:not(.mobile),
  [class*="widescreen only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large screen only"]:not(.tablet),
  [class*="widescreen only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large screen only"]:not(.computer),
  [class*="widescreen only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*="mobile only"]:not([class*="large screen"]),
  [class*="tablet only"]:not([class*="large screen"]),
  [class*="computer only"]:not([class*="large screen"]),
  [class*="large screen hidden"],
  [class*="widescreen only"]:not([class*="large screen"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*="mobile only"]:not([class*="widescreen"]),
  [class*="tablet only"]:not([class*="widescreen"]),
  [class*="computer only"]:not([class*="widescreen"]),
  [class*="large screen only"]:not([class*="widescreen"]),
  [class*="widescreen hidden"],
  [class*="widescreen or lower hidden"] {
    display: none !important;
  }
}




/*!
 * # Fomantic-UI 2.9.3 - Shape
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */.ui.shape{position:relative;vertical-align:top;display:inline-block;perspective:2000px;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape .side,.ui.shape .sides{transform-style:preserve-3d}.ui.shape .side{display:none;opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape.animating .side{transition:opacity .6s ease-in-out}.ui.shape .animating.side *,.ui.shape.animating .side *{transition:none}.ui.shape .active.side{display:block}
 
/* Chart.js 2.9.3 */
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

.padding {
  padding: 16px!important;
}
.card {
	border-radius: 5px;
	font-size: inherit;
	margin: 8px 0;
}

.theme-indicated .theme-indicator {
	display: inline-block;
	margin-right: 10px;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
}
.theme-indicated .theme-indicator.teal {
	background: #25a791;
}
.theme-indicated .theme-indicator.azure {
	background: #277cc5;
}