.font{font-family:'Roboto',sans-serif;font-weight:100;color:#000}.shadow{box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,0.08)}[draggable]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pull-right{float:right}html{font-size:10px}body{margin:0;padding:0;font-size:2em;background:#eee url('../img/stroke_bg.png') repeat scroll center 46px}body *{font-family:'Roboto',sans-serif;font-weight:100;color:#000}#lteie8{position:absolute;width:78%;height:78%;padding:11% 11% 0;display:block;text-align:center;z-index:999}#lteie8 h1{font-size:1.5em;margin-top:0}#lteie8 h2{font-size:1.1em}#lteie8 p{margin-bottom:0;padding-bottom:11%;font-size:.9em}#lteie8background{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background:#eee url('http://www.cornips.nl/img/bgpattern.jpg') repeat scroll center}header{background:#fff;box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,0.08);width:100%;float:left}header input{border:0;width:78%;padding:10px 18% 10px 4%;font-size:1em;background:transparent;float:left;margin:0}header button{display:block;width:5%;float:left;margin:0;padding:0}header .add-trigger{width:31px;position:absolute;margin:0;padding:0;right:4%;top:13px}header *{outline:0}.hide{display:none}label{cursor:pointer;display:block}.save-manual{background:rgba(2,11,13,0.2);height:48px}#content{width:100%;float:left;box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,0.08)}.save-trigger{width:92%;margin:4px 4%;height:40px}.move-trigger{cursor:move;position:absolute;width:31px;right:4%;margin-top:-36px}.todo_list{list-style:none;padding:0;margin:0}.todo_list .sortable-placeholder{background:rgba(91,203,230,0.1)}.todo_list .item,.todo_list .sortable-placeholder{clear:both;height:49px;-ms-transition:-ms-transform 300ms ease-out 0s;-webkit-transition:-webkit-transform 300ms ease-out 0s;transition:transform 300ms ease-out 0s}.todo_list .item.drag,.todo_list .sortable-placeholder.drag{background:rgba(91,203,230,0.3)!important;-ms-transform:scale(1.05) rotate(0) translatex(0) translatey(0) skewx(0) skewy(0);-webkit-transform:scale(1.05) rotate(0) translatex(0) translatey(0) skewx(0) skewy(0);transform:scale(1.05) rotate(0) translatex(0) translatey(0) skewx(0) skewy(0)}.todo_list .item:hover,.todo_list .sortable-placeholder:hover{background:rgba(91,203,230,0.08)}.todo_list .item:hover .move-trigger,.todo_list .sortable-placeholder:hover .move-trigger{display:inherit}.todo_list .item.checked .item_label,.todo_list .sortable-placeholder.checked .item_label{text-decoration:line-through;color:#999}.todo_list .item label,.todo_list .sortable-placeholder label{padding:10px 0 10px 4%;height:28px}.todo_list .item label input[type=checkbox],.todo_list .sortable-placeholder label input[type=checkbox]{vertical-align:middle;margin:0;float:left;margin-top:7px;zoom:1.1}.todo_list .item label .item_label,.todo_list .sortable-placeholder label .item_label{margin-left:4%;width:90%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left}footer{width:92%;position:fixed;bottom:0;padding:5px 4%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(90%,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 90%,#fff 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 90%,#fff 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 90%,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 90%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}footer #settings-trigger{display:block;width:32px;height:32px}#loading{-moz-opacity:0;-khtml-opacity:0;opacity:0;position:fixed;top:-1200px;left:0;width:80px;height:80px;background:rgba(255,255,255,0.6);padding:35% 40% 900px;z-index:999;-ms-transition:opacity 300ms ease-out 0s;-webkit-transition:opacity 300ms ease-out 0s;transition:opacity 300ms ease-out 0s}#loading.active{-moz-opacity:1;-khtml-opacity:1;opacity:1;top:0}#loading.timedout{-ms-transition:opacity 600ms ease 0s;-webkit-transition:opacity 600ms ease 0s;transition:opacity 600ms ease 0s;-moz-opacity:0;-khtml-opacity:0;opacity:0;top:0}#loadingBouncer{position:absolute;width:80px;height:80px}#loadingBouncer #possibleTimeoutText{font-size:.8em;width:400px;margin-left:-160px;margin-top:88px;text-align:center}.loadingBouncerBall{position:absolute;background-color:#5acbe6;width:100%;height:100%;-webkit-transform:scale(0);-webkit-animation-name:loadingBounce;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-transform:scale(0);-ms-border-radius:1000px;-ms-animation-name:loadingBounce;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:1000px;transform:scale(0);border-radius:1000px;animation-name:loadingBounce;animation-duration:2s;animation-iteration-count:infinite;animation-direction:linear}#loadingBouncerBall-1{-webkit-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;background-color:#167991}#loadingBouncerBall-2{-webkit-animation-delay:.85s;-ms-animation-delay:.85s;animation-delay:.85s;background-color:#1d9ebd}#loadingBouncerBall-3{-webkit-animation-delay:1.2s;-ms-animation-delay:1.2s;animation-delay:1.2s;background-color:#2ebddf}#loadingBouncerBall-4{-webkit-animation-delay:1.5499999999999998s;-ms-animation-delay:1.5499999999999998s;animation-delay:1.5499999999999998s;background-color:#86d9ed}#loadingBouncerBall-5{-webkit-animation-delay:1.9s;-ms-animation-delay:1.9s;animation-delay:1.9s;background-color:#b3e7f3}@-webkit-keyframes loadingBounce{0%{-webkit-transform:scale(0)}20%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0)}}@-ms-keyframes loadingBounce{0%{-ms-transform:scale(0)}20%{-ms-transform:scale(1)}100%{-ms-transform:scale(0)}}@keyframes loadingBounce{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}20%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}}@media all and (min-width:481px){header input{padding:10px 18% 10px 2%}header .add-trigger{right:2%}.save-trigger{width:96%;margin:4px 2%}.move-trigger{right:2%}.todo_list .item label,.todo_list .sortable-placeholder label{padding:10px 0 10px 2%}.todo_list .item label .item_label,.todo_list .sortable-placeholder label .item_label{width:94%;margin-left:2%}footer{width:96%;padding:5px 2%}#loading{padding-top:15%;padding-left:50%}}