.checklist_in_post > form.checklist-list > ul {
list-style:none;
padding:0px;
margin: 0px;
}
.checklist_in_post > form.checklist-list > ul > li{
padding:0px!important;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
background: none!important;
list-style: none;
}
.checklist_in_post form.checklist-list{
padding:20px;
position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.checklist_in_post form.checklist-list:before{
content:"";
position:absolute;
z-index:-1;
top:50%;
bottom:0;
left:10px;
right:10px;
}
.checklist_in_post .checklist-wrap{
display:block;
position:relative;
padding-left:35px;
}
.checklist_in_post .checklist-wrap:last-of-type{ -webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.checklist_in_post input[type="checkbox"]{
position:relative;
height:0;
width:0;
opacity:0;
top:0px;
position:absolute;
}
.checklist_in_post .checklist-label{
display:block;
font-weight:200;
padding:5px 5px;
position:relative; -webkit-box-shadow:0 2px 0 -1px #ebebeb;
-moz-box-shadow:0 2px 0 -1px #ebebeb;
box-shadow:0 2px 0 -1px #ebebeb;
}
.checklist_in_post .checklist-label:before{
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:0%;
height:100%;
}
.checklist_in_post .checklist-label:after{
content:'';
display:block;
position:absolute;
z-index:0;
height:18px;
width:18px;
top:9px;
left:-25px; -webkit-box-shadow:inset 0 0 0 2px #d8d8d8;
-moz-box-shadow:inset 0 0 0 2px #d8d8d8;
box-shadow:inset 0 0 0 2px #d8d8d8; -webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out; -webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.checklist_in_post .checklist-label:hover:after{ -webkit-box-shadow:inset 0 0 0 2px #949494;
-moz-box-shadow:inset 0 0 0 2px #949494;
box-shadow:inset 0 0 0 2px #949494;
}
.checklist_in_post .checklist-label .fa-check{
position:absolute;
z-index:1;
left:-31px;
top:0;
font-size:1px;
line-height:36px;
width:36px;
height:36px;
text-align:center;
color:transparent;
text-shadow:1px 1px 0 white, -1px -1px 0 white;
}
.checklist-label.checklist-label-checked{
color:#717171;
background:rgba(141,198,63,0.4);
width: 100%; -webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
}
.checklist-label.checklist-label-checked:before{
width:100%;
}
.checklist-label.checklist-label-checked:after{ -webkit-box-shadow:inset 0 0 0 2px #8dc63f;
-moz-box-shadow:inset 0 0 0 2px #8dc63f;
box-shadow:inset 0 0 0 2px #8dc63f;
}
.checklist-label.checklist-label-checked .fa-check{
font-size:20px;
line-height:35px;
color:#8dc63f;
}