@font-face {
	font-family: 'Ubuntu';
	src: url(/fonts/ubuntu-light-webfont.woff2) format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu-Mono';
	src: url(/fonts/ubuntumono-regular-webfont.woff2) format('woff2');
	/*font-weight: 300;*/
	font-style: normal;
}

html {
	font-family: Ubuntu, sans-serif;
}

.menu-list li a {
	font-family: Ubuntu-Mono,'Noto Mono'
}

#editor {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.select:not(.is-multiple):not(.is-loading)::after {
	border-color: $dark-shadow;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
	border-color: darken($dark-shadow, 20%);
}

.ace-solarized-light {
	background: $background;

	& .ace_gutter {
		background: $background-dark;
	}

	& .ace_gutter-active-line {
		border-radius: 50px 0 0 50px;
	}

	& .ace_marker-layer .ace_active-line {
		border-radius: 0 50px 50px 0;
	}
}

.modal- {

	&content {
		border-radius: $border-radius-b;
	}

	&card- {
		&head, &foot {
			background: $background
		}

		&head {
			border: none;
			border-radius: 0;
		}

		&body {
			background: $background
		}

		&foot {
			border: none;
			border-radius: 0;
		}
	}
}

.blazored {
	&-modal {
		background-color: transparent;
		border-radius: 0;
		border: none;
		padding: 0;
		box-shadow: none;

		&-container {
			left: 0;
			top: 0;
		}

		&-overlay {
			background: $background
		}
	}
}

.switch[type="checkbox"] + label {
	font-size: inherit
}

.switch[type="checkbox"].is-rounded + label::before,
.switch[type="checkbox"].is-rounded + label::before {
	box-shadow: inset -3px -3px 6px rgba($light-shadow, .5), inset 3px 3px 6px rgba($dark-shadow, .5);
	border: none
}

.button.noStyle {
	border: none;
	background: transparent;
}