/*******************************************************************************
  Standard-Stylesheet für Stud.IP im Safire-Design
  - use http://www.colorzilla.com/gradient-editor/ for gradients
*******************************************************************************/
@import "mixins";

@import "scss/variables";
@import "scss/breakpoints";
@import "scss/visibility";
@import "scss/layouts";

@import "scss/actionmenu";
@import "scss/activityfeed";
@import "scss/admin";
@import "scss/admin-courses";
@import "scss/admission";
@import "scss/article";
@import "scss/ajax";
@import "scss/avatar";
@import "scss/badges";
@import "scss/big-image-handler";
@import "scss/blockquote.scss";
@import "scss/blubber";
@import "scss/buttons";
@import "scss/clipboard";
@import "scss/consultation";
@import "scss/contacts";
@import "scss/contentbar";
@import "scss/content_box";
@import "scss/contents";
@import "scss/content";
@import "scss/comments";
@import "scss/copyable-links";
@import "scss/cronjobs";
@import "scss/courseware";
@import "scss/coursewizard";
@import "scss/css_tree";
@import "scss/dates";
@import "scss/dashboard";
@import "scss/dialog";
@import "scss/documents";
@import "scss/drag-handle";
@import "scss/enrolment";
@import "scss/evaluation";
@import "scss/files";
@import "scss/feedback";
@import "scss/forms";
@import "scss/forum";
@import "scss/gradebook";
@import "scss/grid";
@import "scss/header";
@import "scss/headings";
@import "scss/helpbar";
@import "scss/i18n";
@import "scss/ilias-interface";
@import "scss/index";
@import "scss/fullscreen";
@import "scss/globalsearch";
@import "scss/links";
@import "scss/lists";
@import "scss/messages";
@import "scss/my_courses";
@import "scss/mvv";
@import "scss/navigation";
@import "scss/navigation-hoverborder";
@import "scss/oer";
@import "scss/overlapping";
@import "scss/oauth2";
@import "scss/opengraph";
@import "scss/pagination";
@import "scss/personal-notifications";
@import "scss/plugins";
@import "scss/progress_indicator.scss";
@import "scss/profile";
@import "scss/qrcode";
@import "scss/questionnaire";
@import "scss/quicksearch";
@import "scss/raumzeit";
@import "scss/report";
@import "scss/responsive";
@import "scss/resources";
@import "scss/sidebar";
@import "scss/wizard";
@import "scss/select";
@import "scss/selects";
@import "scss/search";
@import "scss/skiplinks";
@import "scss/start";
@import "scss/scroll-to-top";
@import "scss/statusgroups";
@import "scss/study-area-selection";
@import "scss/studygroup";
@import "scss/studip-overlay";
@import "scss/studip-selection";
@import "scss/table_of_contents";
@import "scss/tabs";
@import "scss/tooltip";
@import "scss/tfa";
@import "scss/tour";
@import "scss/tree";
@import "scss/typography";
@import "scss/user-administration";
@import "scss/wiki";
@import "scss/multi_person_search";

// Class for DOM elements that should only be visible to Screen readers
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

// Hide unrendered vue templates that have [v-cloak] set until they are rendered.
// @see https://vuejs.org/api/built-in-directives.html#v-cloak
[v-cloak] {
    display: none;
}

div.indent { margin-left: 2em; }

.input-array {
    .options > li {
        display: flex;
        align-items: center;
        > * {
            margin-right: 10px;
            .dragarea {
                cursor: grabbing;
            }
        }
    }
}