/* ===================================================
 * style.rearrange.css
 * ===================================================
 * The file contains styles for a rearrangeable list,
 * which can be used to display a hierarchy. The
 * classes are mainly used to rearrange pages or 
 * modules.
 * =================================================== */

/* Clears list styles for rearrangeable lists and hierarchies */
ol.rearrange, ol.hierarchy {
    list-style-type: none;
    margin-left: 0px;
    display: block;
}

/* Clears list style for lists in hierarchies */
ol.hierarchy ol {
    list-style-type: none;
}

/* Enables the move cursor for the rearrangeable items */
ol.rearrange li {
    display: block;
    cursor: move;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Indicates special items, that cannot be rearranged */
ol.rearrange li.fixed {
    cursor: default;
}

/* Fixed issues when dragging items out of a container */
ol.rearrange .container-module {
    margin-bottom: 15px;
}

/* Represents the placeholder in case of error */
ol.rearrange .error {
    border: 1px dashed #f00 !important;
    background-color: #f00 !important;
}

/* Represents the placeholder that is drawn when rearranging */
ol.rearrange .placeholder {
    border: 1px dashed #D92CFE;
    background-color: #E77AFE;
    opacity: 0.3;
}