// Import base components. Components can be deactivated by @prev-* variables.
@prev-base: false;
& when not(@prev-base) {
    @import "base.less";
}

@prev-topbar: false;
& when not(@prev-topbar) {
    @import "topbar.less";
}

@prev-login: false;
& when not(@prev-login) {
    @import "login.less";
}

@prev-dropdown: false;
& when not(@prev-dropdown) {
    @import "dropdown.less";
}

@prev-media: false;
& when not(@prev-media) {
    @import "media.less";
}

@prev-panel: false;
& when not(@prev-panel) {
    @import "panel.less";
}

@prev-installer: false;
& when not(@prev-installer) {
    @import "installer.less";
}

@prev-pagination: false;
& when not(@prev-pagination) {
    @import "pagination.less";
}

@prev-well: false;
& when not(@prev-well) {
    @import "well.less";
}

@prev-nav: false;
& when not(@prev-nav) {
    @import "nav.less";
}

@prev-button: false;
& when not(@prev-button) {
    @import "button.less";
}

@prev-form: false;
& when not(@prev-form) {
    @import "form.less";
}

@prev-notification: false;
& when not(@prev-notification) {
    @import "notification.less";
}

@prev-badge: false;
& when not(@prev-badge) {
    @import "badge.less";
}

@prev-popover: false;
& when not(@prev-popover) {
    @import "popover.less";
}

@prev-profile: false;
& when not(@prev-profile) {
    @import "profile.less";
}

@prev-list-group: false;
& when not(@prev-list-group) {
    @import "list-group.less";
}

@prev-modal: false;
& when not(@prev-modal) {
    @import "modal.less";
}

@prev-tooltip: false;
& when not(@prev-tooltip) {
    @import "tooltip.less";
}

@prev-progress: false;
& when not(@prev-progress) {
    @import "progress.less";
}

@prev-table: false;
& when not(@prev-table) {
    @import "table.less";
}

@prev-comment: false;
& when not(@prev-comment) {
    @import "comment.less";
}

@prev-gridview: false;
& when not(@prev-gridview) {
    @import "gridview.less";
}

@prev-oembed: false;
& when not(@prev-oembed) {
    @import "oembed.less";
}

@prev-activities: false;
& when not(@prev-activities) {
    @import "activities.less";
}

@prev-stream: false;
& when not(@prev-stream) {
    @import "stream.less";
}

@prev-space: false;
& when not(@prev-space) {
    @import "space.less";
}

@prev-file: false;
& when not(@prev-file) {
    @import "file.less";
}

@prev-tour: false;
& when not(@prev-tour) {
    @import "tour.less";
}

@prev-mentioning: false;
& when not(@prev-mentioning) {
    @import "mentioning.less";
}

@prev-loader: false;
& when not(@prev-loader) {
    @import "loader.less";
}

@prev-markdown: false;
& when not(@prev-markdown) {
    @import "markdown.less";
}

@prev-sidebar: false;
& when not(@prev-sidebar) {
    @import "sidebar.less";
}

@prev-datepicker: false;
& when not(@prev-datepicker) {
    @import "datepicker.less";
}

@prev-user-feedback: false;
& when not(@prev-user-feedback) {
    @import "user-feedback.less";
}

@prev-tags: false;
& when not(@prev-tags) {
    @import "tags.less";
}

@prev-richtext: false;
& when not(@prev-richtext) {
    @import "richtext.less";
}

@prev-mobile: false;
& when not(@prev-mobile) {
    @import "mobile.less";
}

@prev-icon: false;
& when not(@prev-icon) {
    @import "icon.less";
}

@prev-print: false;
& when not(@prev-print) {
    @import "print.less";
}

@prev-cards: false;
& when not(@prev-cards) {
    @import "cards.less";
}

@prev-modules: false;
& when not(@prev-modules) {
    @import "modules.less";
}

@prev-select2: false;
& when not(@prev-select2) {
    @import "../css/select2Theme/build.less";
}

// LEGACY/DEPRECATED User- & Space picker
ul.tag_input {
    list-style: none;
    background-color: @background-color-main;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    padding: 0 0 9px 4px;

    li img {
        margin: 0 5px 0 0;
    }
}

.tag_input_field {
    outline: none;
    border: none !important;
    padding: 5px 4px 0 !important;
    width: 170px;
    margin: 2px 0 0 !important;
}

.userInput,
.spaceInput {
    background-color: @info;
    font-weight: 600;
    color: @text-color-contrast;
    border-radius: 3px;
    font-size: 12px !important;
    padding: 2px;
    float: left;
    margin: 3px 4px 0 0;
}

.userInput i,
.spaceInput i {
    padding: 0 6px;
    font-size: 14px;
    cursor: pointer;
    line-height: 8px;
}