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


#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: 40px !important;
	height: calc(100% - 40px);
}

#root.sidebar-open page {

	transition: all 130ms;
}

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

table.table-bordered th, table.table-bordered td {
	border: 1px solid #ddd;
}

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

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

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

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

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

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


.hover\:bg-blue-400:hover {
	background-color: #5e6fc0;
}

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

	content {
		top: 40px !important;
		height: calc(100% - 40px);
	}

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


.tox-statusbar__branding, .tox-promotion {
	display: none !important;
}