.touch-reordering {
    box-shadow: 0 2px 10px rgba(0,0,0,0.45);
}

.touch-swiping-container {
    overflow-x: hidden;
}

.touchlist li {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: default;
}
.touch {
//    background-color: white;
}
.todo {
    background-color: white;
}
.li_form {
    background-color: white;
}
.done {
    background-color: green;
	color:white;
}
.delete {
    background-color: red;
}
.touch-right {
    background-color: green;
}
.touch-left {
    background-color: red;
}
#menBack {
}
#menAdd {
}
#menInvite {
}
#menSett {
}
.touch_menu {
	width:120px;
	border:none;
}
.hdr {
	height:40px;
	display:inline-block;
}
.hdr_menu {
	height:40px;
	margin-right:40px;
	display:inline-block;
}
.det_menu {
	height:40px;
	display:inline-block;
	margin-right:40px;
}
.det_title {
	font-weight: bold;
	margin-top:0px;
}
.det_input, .hdr_input, .inv_input {
	display:none;
	z-index:9999;
}
.touch_inloggen {
	display:none;
	z-index:9999;
}
.touch_lijsten {
	display:none;
	z-index:9999;
}
#ready, #hdr_ready, #inv_ready {
	border:none;
	width:40px;
	height:40px;
}
#cancel, #hdr_cancel, #inv_cancel {
	border:none;
	width:40px;
	height:40px;
}
body, form {
	font-size:18px;
	max-width: 40em;
	margin: 0 auto;
}
.touchlist {
	clear:left;
	margin: 5px;
	padding: 0 0 1px;
}
.touchlist li {
	display: block;
	position: relative;
	border: 1px solid black;
	margin: 0; padding: 0 1em;
	border-radius: 3px;
	margin-bottom: -1px;
	max-width: 100%;
	line-height: 3;
	vertical-align: middle;
}
.touchlist input {
	vertical-align: middle;
}
.touchlist .instant::after {
	content: " \2261";
}
.touchlist .instant {
	float: right;
}
.skewed {
	transform: rotate(2deg) scale(0.99);
	-webkit-transform: rotate(2deg) scale(0.99);
}
.demo-no-swipe.demo-no-reorder {
	opacity: 0.5;
}
#scroll {
	overflow-y: scroll;
//	max-height: 500px;
}
textarea {
	font-size:16px;
	width:100%;
}