.ReorderableList
{
    background-color:#282828;
}

.ReorderableList > #ListContainer
{
    background-color:#383838;
    padding-top: 2px;
    padding-bottom: 4px;
}

.ReorderableList > * > *
{
    flex-direction:row;
    align-items:center;
}

.ReorderableList > * > *.selected
{
    background-color:#3d6091;
}

.ReorderableList > * > * > #DraggingHandle
{
    width: 16px;
    align-items:center;
    justify-content:center;
}

.ReorderableList > #Toolbar
{
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
}

.ReorderableList > #Toolbar > *
{
    height: 16px;
    width: 32px;
    justify-content:center;
}

.ReorderableList > #Toolbar > #Add
{
    border-bottom-left-radius: 4px;
}
.ReorderableList > #Toolbar > #Remove
{
    border-bottom-right-radius: 4px;
}

.ReorderableList > #Toolbar > * > #icon
{
    width: 16px;
    height: 16px;
}

#DraggingHandle #icon
{
    width: 10px;
    height: 6px;
}