[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

#share-list {
    width: 100%;
    list-style-type: none;
}

.share-item {
    width: 100%;
    height: 32px;
    margin-bottom: 5px;
    text-align: center;
    cursor: move;
    background-color: white;
    border-radius: 2px;
    border: 1px solid #808080;
    flex-direction: column;
    display: inline-block;
}

    .share-item.selected {
        background-color: #d1d1d1;
        color: white;
    }

    .share-item.dragElem {
        opacity: 0.4;
    }

    .share-item.over {
        border-top: 2px solid #e20a17;
    }

.share-table {
    padding: 0px;
    margin: 0px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 100%;
}

.share-file-icon {
    content: url(../../Content/images/emptydoc.png);
    width: 16px;
    height: 16px;
}

.share-delete-icon {
    content: url(../../Content/images/x_blue.png);
    width: 16px;
    height: 16px;
    background-color: transparent;
}

    .share-delete-icon:hover {
        background-color: #d1d1d1;
    }

.share-drag-icon {
    content: url(../../Content/images/drag_blue.png);
    width: 16px;
    height: 16px;
}

    .share-drag-icon:hover {
        background-color: #d1d1d1;
    }

.share-up-icon {
    content: url(../../Content/images/up_blue.png);
    width: 16px;
    height: 16px;
}

    .share-up-icon:hover {
        background-color: #d1d1d1;
    }

.share-down-icon {
    content: url(../../Content/images/down_blue.png);
    width: 16px;
    height: 16px;
}

    .share-down-icon:hover {
        background-color: #d1d1d1;
    }

.share-up-white-icon {
    content: url(../../Content/images/up_white.png);
    width: 16px;
    height: 16px;
}

.share-down-white-icon {
    content: url(../../Content/images/down_white.png);
    width: 16px;
    height: 16px;
}

.share-add-icon {
    content: url(../../Content/images/add_blue.png);
    width: 16px;
    height: 16px;
}

    .share-add-icon:hover {
        background-color: #d1d1d1;
    }

.share-button-cell {
    background-color: white;
    color: #e20a17;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-content: center;
    justify-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

    .share-button-cell:hover {
        background-color: #cc0a16;
    }

.share-button-cell-disabled {
    background-color: white;
    color: #808080;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-content: center;
    justify-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.share-title-row {
    background-color: transparent;
    color: white;
    background-color: #e20a17;
    font-size: 24px;
    padding: 0px;
    cursor: pointer;
}

    .share-title-row:hover {
        background-color: #cc0a16;
    }

.share-add-button {
    background-color: #e20a17;
    color: white;
    border-radius: 3px;
}

    .share-add-button:hover {
        background-color: #cc0a16;
    }