/*  drag and drop css */
#sortable1, #sortable2 {
    border: 1px solid rgb(200,200,200);
    width: 40%; /*142px*/
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

#sortable1 li, #sortable2 li {
    border-radius: 7px;
    /*background-color:rgb(230, 230, 230);*/
    border: 1px solid;
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    /*width: 95%;120px;*/
}

#sortable3, #sortable4 {
    border: 1px solid rgb(200,200,200);
    width: 100%; /*142px*/
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    display: flex;
    padding: 5px 0 0 0;
    margin-right: 10px;

    /*
    float:left;
    display: inline;
    */
}

#sortable3 li, #sortable4 li {
    border-radius: 7px;
    /*background-color:rgb(230, 230, 230);*/
    border: 1px solid;
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    /*width: 95%;120px;*/
}