input, textarea {
	-webkit-user-select: text !important;
	-webkit-touch-callout: text !important;
}

@font-face {
	font-weight: 400;
	font-family: Metropolis;
	src: url('fonts/Metropolis-Regular.otf');
}

@font-face {
	font-weight: 600;
	font-family: Metropolis;
	src: url('fonts/Metropolis-SemiBold.otf');
}

@font-face {
	font-weight: 700;
	font-family: Metropolis;
	src: url('fonts/Metropolis-Bold.otf');
}

@font-face {
	font-weight: 900;
	font-family: Metropolis;
	src: url('fonts/Metropolis-Black.otf');
}


#root {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#root, page, content {
	font-family: "Rubik", sans-serif;
}


#sidebar {
	width: 0;
}

#sidebar.sidebar-open {
	width: 240px;
}

titlebar {
	box-shadow: none;
	color: #555;
	border-bottom: 1px solid #eee;
}

#sidebar {
	width: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

#root.sidebar-open #sidebar {
	width: 256px;
}

content {
	top: 56px !important
}

#root.sidebar-open page {

	transition: all 130ms;
}

content {
	padding-bottom: 150px !important;
}

.bg-green-600 {
	background-color: #91c74a;
}
.bg-green-500 {
	background-color: #91c74a;
}
.text-green-500, .hover\:text-green-500 {
	color: #91c74a;
}

.text-green-600 {
	color: #91c74a;
}

.text-blue-500 {
	color: #5060ab;
}

.bg-blue-500 {
	background-color: #5060ab;
}

@media (min-width: 768px) {
	page {
		left: 256px;
		width: calc(100% - 256px);
		right: 0;
	}

	content {
		top: 0 !important;

	}

	#index, #signup, #forgotpass, #semakanLesen, #forgotid {
		left: 0;
		width: 100%;
	}
}

@media print {
	html {
		width: 900px;
	}

	#sidebar {
		display: none;
	}

	#topbar {
		display: none;
	}

	titlebar {
		display: none;
	}

	page {
		left: 0;
		padding-top: 0;
		width: 100%;
	}

	content {
		position: initial;
		left: 0;
		top: 0;
	}
}