/* CSS declarations go here */
.Mongol_row, .Mongol_row_name
	color: white

*
	box-sizing: border-box

html
	padding: 0
	margin: 0

body
	font-family: sans-serif
	background-attachment: fixed
	position: absolute
	top: 0
	bottom: 0
	left: 0
	right: 0
	padding: 0
	margin: 0

//.container
//	max-width: 600px
//	margin: 0 auto
//	min-height: 100%
//	background: white

h1
	font-size: 1.5em
	margin: 0 0 1rem 0
	display: inline-block

form
	margin-top: 10px
	margin-bottom: 10px
	position: relative

.new-task input
	box-sizing: border-box
	padding: 10px 0
	background: transparent
	border: none
	width: 100%
	padding-right: 80px
	font-size: 1em

.new-task input:focus
	outline: 0

ul
	margin: 0
	padding: 0
	background: white

.delete
	float: right
	font-weight: bold
	background: none
	font-size: 1em
	border: none
	position: relative
	
table
	min-width: 650px
//	
//table > thead > tr > th.headerCell
//	color: white
//	background-color: #333447
//	
//table > thead > tr > th.headerCell .MuiTableSortLabel-icon
//	background-color: white
table > thead.sticky > tr > th.headerCell
	position: sticky
	top: 0

table > tbody > tr > td
	background: white
	user-select: none
	
table > tbody > tr.selected > td
	background: #f8ef8d
	
table .tableRow
	&:last-child td, &:last-child th
		border: 0
	
.userTable
	max-height: 64rem
	
li
	position: relative
	list-style: none
	padding: 15px
	border-bottom: #eee solid 1px

li .text
	margin-left: 10px

li.checked
	color: #888

li.checked .text
	text-decoration: line-through

li.private
	background: #eee
	border-color: #ddd

header .hide-completed
	float: right

.toggle-private
	margin-left: 5px

html
	font-size: 16px

@media (max-width: 900px)
	html
		font-size: 14px

@media (max-width: 600px)
	li
		padding: 12px 15px

	.search
		width: 150px
		clear: both

	.new-task input
		padding-bottom: 5px

	html
		font-size: 10px
