.SortableLists {
    padding:0; 
    background: transparent;
    font-weight: bold;
    border: none;
}

.SortableLists ul, .SortableLists li ,#sortableListsBase ul , #sortableListsBase li{
    list-style-type:none;
    color: #00b2ff;
    border: 1px solid #3f3f3f;
    background: #ededed;
}

.SortableLists li , #sortableListsBase li {
    padding-left:50px;
    margin:10px 5px; 
    border:1px solid #ccc;
}
.SortableLists li ul, #sortableListsBase li ul{
    padding-left: 0px;
    border: none;
}

.SortableLists li div, #sortableListsBase  li div{
    padding: 7px;
    background-color: #f8f8f8;
}

.SortableLists li, .SortableLists ul, .SortableLists div,#sortableListsBase li, #sortableListsBase ul, #sortableListsBase div { border-radius: 3px; }

.c1 { color: #f77720; }
.c2 { color: #7ea502; }

.SortableLists .fa-pencil{
    color: #888;
    cursor: pointer;
    margin-left: 10px;
}
.SortableLists .fa-close{
    color: #f77720;
    cursor: pointer;
    float: right;
    margin-top: 3px;
}
.SortableLists .edit .fa-close{
    margin-top: 10px;
}
.SortableLists div .input_field_wrap, .SortableLists div.edit span, .SortableLists input[type=text], .SortableLists select{
    display: none;
    border: none;
}
.SortableLists input[type=text], .SortableLists select{
    padding-left: 6px;
    padding-right: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.SortableLists select{
    width: 130px;
}
.SortableLists div.edit{
    padding: 0px 7px 0 0;
}
.SortableLists div.edit input[type=text], .SortableLists div span, .SortableLists div.edit select{
    display: inline-block;
}


#sortableListsBase  .fa-pencil,#sortableListsBase  .fa-close,#sortableListsBase  input[type=text],#sortableListsBase select{
    display: none;
}
#sortableListsBase li {
    background-color: #d8d8d8;
    padding-left:50px;
    margin: 10px 0px 0 3px;
    box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.5);
    border: none;
    padding-top: 1px;
}
#sortableListsBase ,#sortableListsBase ul{
    border-color: transparent;
    box-shadow: none;
}
#sortableListsBase li li{
    margin: 10px 5px;
    box-shadow: none;
    border: 1px solid #ccc;
    background: #ededed;
}
#sortableListsBase li ul {
    padding-left: 0;
}