html { width: 100%; padding: 0; margin: 0; }
body { font-family: 'Lato', sans-serif; }
h1 { font-family: 'Vollkorn', serif; }
h1 small { color: #bdc3c7; font-size: 16px; }
.checkmarklist .pane{position: inherit;}
.swipe-li{ border-radius: 0px; }

.main-contents {
  margin: 0;
  padding: 0;
  font-size: 24px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  background: #ECF0F1;
  color: #95A5A6;
}

.item { margin-bottom: 20px; /*cursor: col-resize;*/ }

.invert .swipe-li ul li.pane.reject { background: #fff; color: #DA5B3D; }
.invert .swipe-li ul li.pane.accept { background: #fff; color: #7CDD90; }


/* Fontello */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?65004919');
  src: url('../font/fontello.eot?65004919#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?65004919') format('woff'),
       url('../font/fontello.ttf?65004919') format('truetype'),
       url('../font/fontello.svg?65004919#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}

.icon-ok:before { content: '\e80c'; }
.icon-cancel:before { content: '\e80b'; }




.swipe-li{
  overflow: hidden;
  width:100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
            -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
}

.swipe-li ul{
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
     -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
      -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
       -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
          transform: translate3d(0%,0,0) scale3d(1,1,1);
  -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
}

.swipe-li ul.animate{
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s;
}

.swipe-li ul li{
  float: left;
  overflow: hidden;
  width: 100%;
  -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0,0,0);
}

.swipe-li ul li.pane{
  font-size: 30px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
}

.swipe-li ul li.pane.reject{
  background: #DA5B3D;
  color: #b13d22;
}

.swipe-li ul li.pane.accept{
  background: #7CDD90;
  color: #46cf62;
}