/* === Allgemein === */

.scrollVertically {
    overflow-y: scroll;
}

.dj_ie .scrollVertically {
    /* So that the scroll bar doesn't cover stuff up */
    padding-right: 15px;
}

.cursorPointer {
    cursor: pointer;
}

.grupetInvisible {
    visibility: hidden;
}

.grupetDisplayNone {
    display: none !important;
}

.grupetDisplayBlock {
    display: block !important;
}

.dropDownButtonWithoutArrow .dijitArrowButtonInner {
    display: none !important;
}

.imageButtonSidewiseTable {
    display: flex;
    background: white !important;
    border-radius: 4px;
}

.imageButtonSidewiseTable button {
    border: 0 !important;
    border-radius: 50%;
    vertical-align: baseline;
    background: none !important;
}

.imageButtonSidewiseTable button.imageButtonFocused {
    border: 0 !important;
    border-radius: 50%;
    vertical-align: baseline;
    background: none !important;
    outline: none;
}

.rotate{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    writing-mode: lr-tb;
}

.compact{
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    vertical-align: top;
}

.truncate{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.noSelection{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fullWidth {
    width: 100%;
}

.text-muted {
    color: #999999;
}

/*** MainMenu ***/

.claro .dijitMenuBar.grupet_widget_MainMenu
{
    background-color: #ebf3f9;
    border-top: 1px solid #90B1C5;
    border-bottom: 1px solid #90B1C5;
}

.claro .dijitMenuBar.grupet_widget_MainMenu .dijitMenuItem
{
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana, Geneva, sans-serif;
    color: #333333;
    margin-left: 0px;
    border-right: solid 1px #769dc0;
    padding-left: 10px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 10px;
}

.claro .grupet_widget_MainMenu.dijitMenuPassive .dijitMenuItemHover, .claro .grupet_widget_MainMenu.dijitMenuPassive .dijitMenuItemSelected,
.claro .grupet_widget_MainMenu.dijitMenuActive .dijitMenuItemHover, .claro .grupet_widget_MainMenu.dijitMenuActive .dijitMenuItemSelected
{
    padding-left: 9px;
    padding-top: 8px;
    padding-bottom: 9px;
    background-color:transparent;
}

.claro .grupet_widget_MainMenu_dropDown .dijitMenuItem
{
    font-size: 8pt;
    font-family: Verdana, Geneva, sans-serif;
    color: black;
}

/* === Label === */

div.label.dijitContentPane {
    padding: 3px
}

/* === ImageButton === */

button.imageButton, button.imageButtonHover.withHoverIcon {
    vertical-align: top;
    padding: 1px;
    border-radius: 3px;
    border: 1px solid transparent;
    cursor: pointer;
    background: transparent;
    display: inline-block;
    overflow: hidden;
    text-align: left;
}

.anonymous button.imageButton {
    padding: 1px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
}

button.imageButton .icon, .dijitButtonContents .icon {
    margin: 0;
}

button.imageButton:hover, button.imageButton:focus {
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.1);
}

/*button.imageButton:focus {*/
/*border: 1px solid #FF9913;*/
/*background-color: rgba(0, 0, 0, 0.1);*/
/*}*/

button.imageButton.imageButtonActive {
    border: 1px solid rgba(180, 180, 210, 0.8);
    background-color: rgba(180, 180, 210, 0.3);
}

button.imageButton.imageButtonDisabled {
    cursor: default !important;
}

/* === SimpleButton === */

.simpleButton:HOVER {
    cursor: pointer;
}

/* === StudentSelect === */

.grupet_widget_StudentSelect {
    border-collapse: collapse;
}

.grupet_widget_StudentSelect_classSelectContainer {
    padding-right: 5px;
}

/* === StudentMultiSelect === */

.grupetWidgetStudentMultiSelectDialog .studentFilter .classSelect {
    width: 80px
}

.grupetWidgetStudentMultiSelectDialog .studentFilter .searchField {
    width: 100px
}

.grupetWidgetStudentMultiSelectDialog .hint {
    background-color: transparent;
}

.grupetWidgetStudentMultiSelectDialog .hintIcon {
    vertical-align: middle;
}

.grupetWidgetStudentMultiSelectDialog .hintText {
    color: gray;
}

/*=== SimpleStudentMultiSelect ===*/

.grupet_widget_SimpleStudentMultiSelect_elementSelect {
    margin: 2px;
}

.grupet_widget_SimpleStudentMultiSelect_elementList {
    margin: 2px;
}

/*=== MultiSelect ===*/

.grupet_widget_MultiSelect
{
    display: inline-block;
}
.grupet_widget_MultiSelect_select {
    margin: 2px;
}

.grupet_widget_MultiSelect_list {
    margin: 2px;
}

/* === ItemList === */

.grupetWidgetItemList {
    border: 1px solid #b5bcc7;
    background-color: #f7fcff;
    line-height: normal;
    -webkit-transition-property:background-color, border;
    -webkit-transition-duration:.35s;
    overflow-x: hidden;
    overflow-y: auto;
}

.grupetWidgetItemList .dijitInline .dijitButtonNode{
    width: 100%;
    border-radius: 0px;
    padding: 1px;
}
.grupetWidgetItemList .dijitButton{
    width: 48%;
    margin: 1px;
}

.grupetWidgetItemListHover {
    border-color: #769dc0;
    background-color: #e9f4fe;
    background-repeat: repeat-x;
    -webkit-transition-duration:.25s;
}

.grupet_widget_ItemList_ie8 {
    height: 50px;
}

.grupetWidgetItemListItem {
    white-space: nowrap;
    padding: .1em .2em;
    background: transparent;
}

.grupetWidgetItemListItemIcon {
    height: 1.2em;
    vertical-align: bottom;
    margin: 0 3px 0 0 !important;
}

.grupetWidgetItemList div {
    background-color: transparent;
}

.grupetWidgetItemListDisabled *,
.grupetWidgetItemListReadOnly * {
    color:gray !important;
}

.grupetWidgetItemList .grupetWidgetItemListItemSelected
{
    font-weight: bold;
}

.grupetWidgetItemList .noItemsMessage {
    color: gray;
    padding: 3px;
}

.grupetWidgetItemList .hint {
    padding: 0px;
    background-color: transparent;
}

.grupetWidgetItemList .hint > div {
    padding: 5px;
}

.grupetWidgetItemList .hintIcon {
    vertical-align: middle;
}

.grupetWidgetItemList .hintText {
    color: gray;
}

.grupetWidgetItemList .grupetWidgetItemListItemHover {
    cursor: pointer;
    background-color: #f7fcff !important;
}

/* === Calendar === */

.claro .dijitCalendarContainer
{
    margin: auto;
}
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel
{
    padding: 3px 2px 3px 2px;
}
.claro .weekend
{
    background-color: lightgray !important;
}
.claro .holiday .dijitCalendarDateLabel
{
    color: red;
}
.claro .period .dijitCalendarDateLabel
{
    background-color: #cfe5fa !important;
}
.claro .dijitCalendarMonthLabel
{
    background-color: transparent;
}
.claro .dijitCalendarMonthContainer .dijitMenu .dijitCalendarMonthLabel
{
    padding: 2px;
}
.claro .weekNumber
{
    text-align: center;
    font-size: 0.909em;
    padding: 3px 4px 3px 0px;
}
.claro .dijitCalendar.week .dijitCalendarWeekTemplate:hover td {
    background: #abd6ff;
}
.claro .dijitCalendar.week .dijitCalendarWeekTemplate .dijitCalendarDateLabel {
    transition:none;
}
.claro .dijitCalendar.week .dijitCalendarWeekTemplate:hover .dijitCalendarDateLabel,
.claro .dijitCalendar.week .dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .dijitCalendar.week .dijitCalendarWeekTemplate:hover .dijitCalendarActiveDate .dijitCalendarDateLabel {
    background: #abd6ff;
    border-color: #abd6ff;
    color: inherit;
}

.claro .dijitCalendar .dijitButton .dijitButtonText {
    margin-right:0;
}

/* === CurrentDateWidget === */

.claro .currentDateWidget {
    border:solid 1px #b5bcc7;
    background-color: #cfe5fa;
    background-image:url("../js/lib/dijit/themes/claro/images/calendar.png");
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
    text-align:center;
    vertical-align:middle;
    padding:3px 3px 3px 3px;
    font-weight:bold;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.dj_ie6 .claro .currentDateWidget {
    background-image:none;
}
.claro .currentDateWidget img {
    border:none;
}
.claro .currentDateWidget .selectedDateInfo
{
    text-align: center;
}
.claro .currentDateWidget .selectedDateInfo div
{
    color: #000000;
    font-weight: bold;
    padding: 2px 0 2px 0;
}
.claro .currentDateWidgetHover .selectedDateInfo div,
.claro .currentDateWidgetActive .selectedDateInfo div
{
    background-color: #D4EAFE;
}
.claro .currentDateWidgetHover,
.claro .currentDateWidgetActive {
    background-color: #b7dcff;
    border:solid 1px #769dc0;
}
.claro .currentDateWidget .schoolyear {
    padding-bottom: 2px;
}
.claro .currentDateWidget .selectedDate {
    border-top: solid 1px #99B5CD;
    padding-top: 2px;
}
.claro .currentDateWidget td
{
    vertical-align: middle;
}

/* === lessoninfo === */

.lessonInfoLessonList {
    margin: 5px 0 5px 0;
    border: solid 1px #b5bcc7;
}

/* === UserSelect === */

.grupetWidgetUsersSelectRecipientsPanel {
    border: 0 !important;
    border-right: 1px solid #B5BCC7 !important;
    padding-right: 3px !important;
}

.grupetWidgetUserSelectSearchPanel {
    width: 400px;
    border: 0 !important;
    padding-left: 3px !important;
}

.grupetWidgetUsersSelectDistributionListsSelect {
    margin-bottom: 2px !important;
}

.grupetWidgetUsersSelectFilterPanel {
    width: 186px;
    padding: 0px 0px 0px 0px !important;
}

.grupetWidgetUsersSelectFilters {
    padding: 0px 0px 0px 2px !important;
}

.grupetWidgetUsersSelectButtonPane {
    padding: 1px !important;
}

.grupetWidgetUsersSelectResetButton {
    vertical-align: text-bottom;
    margin-left: 3px !important;
}

.grupetWidgetUsersSelectFilter {
    margin-bottom: 2px !important;
}

.grupetWidgetUsersSelectSearchBox {
    margin-bottom: 2px !important;
}

/* === ExtendedMultiSelect === */

.grupet_widget_ExtendedMultiSelect_selectedItemsPanel {
    border: 0 !important;
    border-right: 1px solid #B5BCC7 !important;
    padding-right: 3px !important;
}

.grupet_widget_ExtendedMultiSelect_availableItemsPanel {
    width: 400px;
    border: 0 !important;
    padding-left: 3px !important;
}

.grupet_widget_ExtendedMultiSelect_quickSelect {
    margin-bottom: 2px !important;
}

.grupet_widget_ExtendedMultiSelect_filterPanel {
    width: 186px;
    padding: 0px 0px 0px 0px !important;
}

.grupet_widget_ExtendedMultiSelect_filters {
    padding: 0px 0px 0px 2px !important;
}

.grupet_widget_ExtendedMultiSelect_buttonPane {
    padding: 1px !important;
}

.grupet_widget_ExtendedMultiSelect_resetButton {
    vertical-align: text-bottom;
    margin-left: 3px !important;
}

.grupet_widget_ExtendedMultiSelect_filter {
    margin-bottom: 2px !important;
}

.grupet_widget_ExtendedMultiSelect_searchBox {
    margin-bottom: 2px !important;
}


/* === ExtendedMultiSelectDropDown === */

.grupet_widget_ExtendedMultiSelectDropDown_dropDown {
    width: 600px;
    height: 250px
}

/* === MessageFormDialog === */

.grupetWidgetMessageFormDialogRecipientsSelect {
    width: 600px;
    height: 200px;
    margin-bottom: 5px;
    border: 1px solid #B5BCC7;
}

.grupetWidgetMessageFormDialogSubject {
    width: 600px !important;
    margin-bottom: 5px;
}

.grupetWidgetMessageFormDialogSender {
    width: 600px;
    margin-bottom: 5px;
}

.grupetWidgetMessageFormDialogTargetsList {
    width: 602px;
    margin: 0 0 5px 0;
}

.grupetWidgetMessageFormDialogBody {
    width: 600px !important;
    margin-bottom: 5px;
}

.grupetWidgetMessageFormDialogCharCountdown {
    width: 100px;
    margin-bottom: 5px;
}

.grupetWidgetMessageFormReadonly {
    color: black !important;
}

.grupetWidgetMessageFormReadOnlyMessage{
    border: 1px solid #a6c2e7;
    border-radius: 2px;
    min-height: 10em;
    max-height: 20em;
    overflow-y: auto;
    width: 600px !important;
    padding: 2px;
    font-size: 16px;
}

/* === DistributionListForm === */

.grupetWidgetDistributionListFormMembersSelect {
    width: 600px;
    height: 200px;
    margin-bottom: 10px;
    border: 1px solid #B5BCC7;
}

/* === AjaxForm === */

.grupetWidgetAjaxFormButtonPanel {
    margin-top: 5px;
}

/* === Toolbar === */

.grupetWidgetToolbar {
    /*margin-top: 3px;*/
    /*margin-bottom: 3px;*/
    /*border: 1px solid #b5bcc7;*/
    /*border-radius: 4px 4px 4px 4px;*/
    /*background-color: #f7fcff;*/
    height: auto;
    padding: 12px 16px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d0d0d0;
    margin: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.grupetWidgetToolbar > div {
    margin-right: 5px;
}

.grupetWidgetToolbar .grupetWidgetLabelPanel {
    float: left;
    margin-right: 8px;
}

.grupetWidgetToolbar .imageButton,
.grupetWidgetToolbar .gp-iconfont-button {
    margin: 20px 0 0 12px;
    background: none;
    border: 0;
}

/* === LabelPanel === */

.grupetWidgetLabelPanel {
    background: transparent;
}

.grupetWidgetLabelPanelText_LEFT {
    display: inline;
    margin-right: 5px;
    background: transparent;
}

.grupetWidgetLabelPanelContainer_LEFT {
    display: inline;
}

.grupetWidgetLabelPanelText_ABOVE {
    display: block;
    margin-bottom: 2px;
    background: transparent;
}

.grupetWidgetLabelPanelContainer_ABOVE {
    display: block;
}

/* === TimetablePage === */

.un-timetable-page > div > div.dijitContentPane {
    padding: 0 !important;
}

.un-timetable-page_timetableContainer {
    margin-top: 5px;
}

.un-timetable-page-quicksettings {
    border: 1px solid #b5bcc7;
    border-radius: 4px 4px 4px 4px;
    background-color: #f7fcff;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: normal;
}

.un-timetable-page-quicksettings section {
    padding-bottom: 5px;
}

.un-timetable-page-quicksettings h1 {
    background-color: rgba(211, 211, 211, 0.5);
    font-size: 1em;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 7px;
    text-align: center;
}

.un-timetable-page-quicksettings-menu-item {
    font: inherit;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.un-timetable-page-quicksettings-menu-item .icon {
    margin-right: 5px;
}

.un-timetable-page-quicksettings-menu-item.disabled {
    color: grey;
}

.un-timetable-page-quicksettings-menu-item:HOVER {
    background-color: #fffec5;
}

/* === Anpassungen f?r Dojo === */

.dijitTitlePaneTitleFocus {
    background-color: transparent;
}

/* === grupet.widget._HasResetButton === */
/* Auf Basis von Dojo Close-Dialog-Icon und Drop-Down-Button */

.claro .grupetWidgetResetButtonInner {
    background: url("../Images/dialogCloseIcon.png");
    background-position: -2px 1px;
    background-repeat: no-repeat;
    margin: 0;
    width: 16px;
    border: 1px solid #ffffff;
    position: static;
}
.claro .dijitTextBox .grupetWidgetResetButton {
    background-color: #EFEFEF;
    background-image: url("../Images/formHighlight.png");
    background-repeat: repeat-x;
}
.claro .dijitComboBox .grupetWidgetResetButtonHover {
    background-color: red;
}
.claro .dijitTextBox .grupetWidgetResetButtonHover {
    background-color: #FF9913;
}
.grupetWidgetResetButtonActive {
    background-position: -42px;
}

.dijitTextBox INPUT.grupetWidgetResetButtonInner {
    direction: ltr !important;
    height: auto !important;
    text-align: left !important;
    text-indent: -1em !important;
}

.dijitTextBox .grupetWidgetResetButtonContainer {
    float: right;
    text-align: center;
}

.dijitComboBox .grupetWidgetResetButtonContainer {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}
.dijitTextBox .grupetWidgetResetButtonContainer {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}
.dijitToolbar .dijitComboBox .grupetWidgetResetButtonContainer {
    /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
    border-width: 0 !important;
}
.dijitToolbar .dijitTextBox .grupetWidgetResetButtonContainer {
    /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
    border-width: 0 !important;
}

.claro .dijitTextBox.dijitDateTextBox.grupetWidgetHasResetButton {
    /* Platz machen f?r Reset-Button */
    width: 9em;
}

/* === HoverDropDownButton === */

.claro .grupetWidgetHoverDropDownButton {
    margin: 0px !important;
}

.claro .dijitDropDownButton.grupetWidgetHoverDropDownButton .dijitButtonNode {
    background-color: transparent;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 0px !important;
}

.claro .dijitDropDownButtonHover.grupetWidgetHoverDropDownButton  .dijitButtonNode {
    background-color: #abd6ff !important;
}

.claro .grupetWidgetHoverDropDownButton .dijitButtonText {
    text-align: left;
}

/* === TimeSelect === */

.claro .grupet_widget_TimeSelect {
    width: 8em;
}

.claro .grupet_widget_TimeSelectMenu li.major {
    background: #EFEFEF !important;
}

/* === TimeSlotSelect === */
.grupetWidgetTimeSlotSelect.expanded {
    border: 2px solid #E7EDF6;
}

/* grupet TooltipDialog */
.dijitDialogTitleBar.grupetWidgetTooltipDialogTitleBar {
    /* outer container for the titlebar of the dialog */
    cursor: default;
    background-color: transparent !important;
    border: 0;
    padding: 2px !important;
    background-image: none !important;
}

.grupetWidgetTooltipDialogTitleDiv {
    /* Div um ?berlagerung des Close-Buttons durch ?berschrift zu verhindern*/
    width: 95%;
    overflow: hidden;
    display: inline-block;

}
.grupetWidgetTooltipDialogTitle {
    /* typography and styling of the dialog title */
    cursor: default;
    border: 0;
    background-color: transparent !important;
    padding: 2px !important;
    font-size: 1.2em !important;
    white-space: nowrap;
}

.grupetWidgetTooltipDialogCloseIcon {
    right: 15px !important;
    float: right;
    display: inline-block;
}

.grupetWidgetTooltipDialogPaneContent {
    padding: 2px !important;
}

.grupetWidgetTooltipDialogButtonBar {
    border-top: 1px solid #769dc0;
    padding: 2px 2px 0 2px !important;
}

/* === PropertyEditor === */

.grupet_widget_PropertyEditor_label
{
    vertical-align: middle;
    max-width: 150px;
}

.grupet_widget_PropertyEditor_editor
{
    vertical-align: middle;
}

/* === MultiSelectDropdown === */
.grupetWidgetMultiSelectDropDown .dijitButtonNode
{
    padding: 0px 0px 0px 2px !important;
}

.grupetWidgetMultiSelectDropDownArrow
{
    border-radius: 0px 4px 4px 0px !important;
    border-left-width: 0.5px !important;
    height: 16px;
}

.grupetWidgetMultiSelectDropDown
{
    width: 150px;
}

.grupetWidgetMultiSelectDropDownLabel
{
    border-radius: 4px 0px 0px 4px !important;
    display: inline-block;
    height: 16px;
    overflow-x: hidden;
    width: 120px;
}

/* === Notification === */

.grupet_widget_Notification {
    z-index: 20000;
    max-width: 50%;
    position: fixed;
    font-weight: bold;
    padding: 10px 24px 10px 10px;
    top: 0;
    left: 50%;
    background-color: rgba(249, 237, 190, 0.9);
    border: 1px solid #F0C36D;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.grupet_widget_Notification_message {
}

.grupet_widget_Notification_buttons {
    text-align: center;
    padding-top: 5px;
}

.grupet_widget_Notification .gp-notification-close-button {
    position: absolute;
    top: 0;
    right: 0;
}

.claro .grupet_widget_Notification .dijitButton .dijitButtonNode {
    border: 1px solid #F0C36D;
    padding: 2px 2px 2px 2px;
    background-image: none;
    background-color: inherit;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.claro .grupet_widget_Notification .dijitButtonHover .dijitButtonNode {
    background-color: #f9d8a7;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/* === ScrollableTable === */

.evenGroup {
    background-color: #a3c9fa;
}

.oddGroup {
    background-color: #5b9df4;
}

td.grupet_widget_ScrollableTable_separator {
    width: 5px;
    background-color: white;
    border: 0;
    margin: 0px;
    padding: 0px;
}

tr.grupet_widget_ScrollableTable_separator {
    height: 5px;
}

.grupet_widget_ScrollableTable {
    overflow: hidden;
}

.grupet_widget_ScrollableTable, .grupet_widget_ScrollableTable td, .grupet_widget_ScrollableTable th {
    box-sizing: border-box;
}

.grupet_widget_ScrollableTable th div {
    overflow: hidden;
}

/* === FilterTags === */

.grupet_widget_FilterTags_tag {
    padding: 0px 15px 0px 3px;
    margin-left: 3px;

    background-color: #F9EDBE;
    background-image: url('../Images/icons/x-black.png');
    background-repeat: no-repeat;
    background-position: right;

    border: 1px solid #F0C36D;
    -moz-border-radius: 5px;
    border-radius: 5px;

    cursor: pointer;
}

.grupet_widget_FilterTags_tag:hover {
    text-decoration: line-through;
    border-color: #769dc0;
    background-color: #e9f4fe;
}

/* === FilteredSelect === */

.grupet_widget_FilteredSelect_labelRow {
    padding: 0;
    margin-bottom: 2px;
}

.grupet_widget_FilteredSelect_filterButton {
    margin-left: 2px !important;
}

/* === ClassRegWidgets === */
.grupetWidgetImageLoader {
    position:relative;
    display:inline-block;
    vertical-align: top;
}

.grupetWidgetImageLoader .imageInner {
    position:relative;
}

.grupetWidgetCRStudentWidgetContentBorder {
    margin: 2px;
    position: relative;
    display:inline-block;
    background-color: #bcd8f4;
    background-image: url("../js/lib/dijit/themes/claro/form/images/buttonEnabled.png");
    background-repeat: repeat-x;
    /*background-size: 200%;*/
    background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    border: solid 1px #b5bcc7;
    padding: 1px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 200px;
    cursor: pointer;
}
.grupetWidgetCRStudentWidgetContentBorder.CRSWPortrait {
    width: 137px;
    height:145px;
}

.grupetWidgetCRStudentWidgetContentBorder.dnd {
    background-color: #ADDEFF;
    cursor: move;
    width: 120px;
    height: 50px;
}

.grupetWidgetCRStudentWidgetContentBorder.CRSWhover {
    background-color: #86bdf2;
    border: 1px solid #769dc0;
}
.grupetWidgetCRStudentWidgetContentBorder.CRSWselected {
    background-color: #62AEF7;
    border: 1px solid #769dc0;
}
.grupetWidgetCRStudentWidgetContentBorder .studentImageOuterWrapper {
    display: inline-block;
}
.grupetWidgetCRStudentWidgetContentBorder .studentImageInnerWrapper {
    display: inline-block;
}

.dijitReset.dijitInline.dijitIcon.icon {
    margin-right: 3px;
}

.grupetWidgetCRStudentWidgetContentBorder.CRSWAbsent {
    background-color: #FFD1AC ;
    background-image: url("../js/grupet/widget/classreg/Images/button_grey.png");
    background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
    background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0.75) 100%);
}
.grupetWidgetCRStudentWidgetContentBorder.CRSWAbsent.CRSWhover {
    background-color: #FFAE6D;
    border: 1px solid #769dc0;
}
.grupetWidgetCRStudentWidgetContentBorder.CRSWAbsent.CRSWselected {
    background-color: #FF923A;
    border: 1px solid #769dc0;
}

.CRSWContent {
    vertical-align: top;
    position: relative;
}

.CRSWContent.CRSWImageDiv {
    vertical-align: middle;
    /*width: 50px; */
    display:inline-block;
    padding-right: 2px;
    overflow: hidden;
    border-right: 1px solid #DAECF8;
}
.CRSWCorner {
    width:20px;
    height:20px;
    cursor: pointer;
    margin: 2px;
    display:inline-block;
    float:right;
    right: 0px;
    top: 0px;
    position: absolute;

}
.CRSWPortrait .CRSWCorner {
    position: relative;
    margin: 0px;
}

.CRSWContent.CRSWAdditionalLine {
    height: 20px;
}
.CRSWKlasse {
    display: inline-block;
    width: 60%
}
.CRSWContent.CRSWContentContainer {
    display:inline-block;
    padding: 2px;
    height: 92%;
    width: 70%;
}
.CRSWPortrait .CRSWContent.CRSWContentContainer {
    height: 1.2em;
    width: 100%;
}

.CRSWContent.CRSWContentContainer.dnd {
    width: 55px;
}
.CRSWContent.CRSWFooterDiv {
    position:relative;
    vertical-align: top;
    height: 20px;
    width: 140px;
    margin: 0px;
}
.CRSWPortrait .CRSWContent.CRSWFooterDiv {
    display: inline-block;
    width: 25px;
}
.CRSWContent.CRSWToolbarDiv {
    background-image: url("../js/lib/dijit/themes/claro/form/images/buttonEnabled.png");
    display: flex;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    float: left;
    width: 20px;
    height: 20px;
    padding: 0px;
    border: 1px solid #b5bcc7;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    background-color: #e9f4fe;
    vertical-align: top;
    cursor: default;
}

.CRSWContent.CRSWToolbarDiv > button {
    overflow: initial;
}

.CRSWPortrait .CRSWContent.CRSWToolbarDiv {
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    overflow-y: hidden;
}

.CRSWContent.CRSWStatusDiv {
    background-image: url("../js/lib/dijit/themes/claro/form/images/buttonEnabled.png");
    z-index: 1;
    float: right;
    position: absolute;
    text-align: right;
    width: 140px;
    height: 20px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #b5bcc7;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e9f4fe;
    vertical-align: top;
    cursor: default;
}
.CRSWPortrait .CRSWContent.CRSWStatusDiv {
    top: 0px;
    width: 20px;
    height: 100px;
    position: absolute;
    float: none;
    overflow-y: hidden;
}

.CRSWContent.CRSWTextContent {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 76%;
    display: inline-block;
    padding: 3px;
}
.CRSWPortrait .CRSWContent.CRSWTextContent {
    width: 95%;
}
.grupetWidgetCRStudentWidgetContentBorder.CRSWAbsent > .CRSWContent.CRSWContentContainer > .CRSWContent.CRSWTextContent {
    text-decoration: line-through;
}
.CRSWContent.CRSWTextContent.dnd{
    word-wrap: break-word;
    white-space: normal;
    overflow-y:hidden;
    width: 100%;
    height: 92%;
}

.grupetWidgetCRSettingsContainer {
    /* 	width: 150px; */
    margin-left: 0.2em;
    display: inline-block;
    background-color: inherit;
    z-index: 1;
}
.grupetWidgetCRSettingsBasic {
    margin: 2px;
    display:inline-block;
    float:right;
    right: 0px;
    top: 0px;
    position: absolute;
    border: 1px solid #769dc0;
    padding: 2px 4px 2px 4px;
    background-color: #e9f4fe;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-border-radius:  4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-image: url("../js/lib/dijit/themes/claro/form/images/buttonEnabled.png");
}

.seatingPlanUnplacedElements {
    overflow-y: scroll;
    height: 116px;
    width: 850px;
    -moz-border-radius:  4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    border: solid 1px #b5bcc7;
}

/* === classreg - AbsenceList === */

/* .grupet_widget_classreg_absenceList {
}
 */

/* === StudentInfoWidget === */

.studentInfoDropDown
{
    margin-top: 1px;
    width: 200px;
    background-color: #cfe5fa;
    padding: 1px;
    position: relative;
    display:inline-block;
    border: solid 1px #b5bcc7;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.studentInfoDropDown.portrait
{
    width: 137px;
}

.studentInfoSection
{
    position: relative;
    padding: 2px;
    margin: 1px;
    word-wrap: break-word;
    white-space: normal;
    width: 192px;
}
.studentInfoSection.withBorder
{
    -moz-border-radius:  0px 0px 4px 4px;
    border: solid 1px #b5bcc7;
    border-radius: 4px;
}
.studentInfoSection.portrait
{
    width: 129px;
}
.studentInfoSectionIcon
{
    position: absolute;
    right: 0px;
    top: 0px;
}

/*** App-Toolbar ***/

.grupet_widget_app_Toolbar {
    white-space: nowrap;
}

.grupet_widget_LoginWidget .dijitTextBox {
    width: 10em;
}

.sso_active {
    display: table-cell;
}

.sso_inactive {
    display: none;
}

/*** Classreg-Navigation ***/

.grupet_widget_classreg_Navigation
{
    display: inline;
}

.grupet_widget_classreg_Navigation .imageButton
{
    vertical-align: middle !important;
}

.grupet_widget_classreg_Navigation img
{
    padding-right: 2px;
}

/*** BookingDateEditor ***/

.grupet_widget_booking_BookingDateEditor_roomList
{
    padding: 5px 2px 5px 2px;
}

/*** grupet_widget_app_TotpManager ***/

.grupet_widget_app_TotpManager
{
    width: 100%;
}

.grupet_widget_app_TotpManager .dijitStackContainer
{
    width: 100%;
}

.grupet_widget_app_TotpManager h2
{
    margin-top: 5px;
    margin-bottom: 0;
}

.grupet_widget_app_TotpManager p
{
    margin-top: 1em;
    margin-bottom: 0;
}

.grupet_widget_app_TotpManager a
{
    font-size: 11px !important;
}

.grupet_widget_app_TotpManager .qrCode
{
    float: right;
}

.grupet_widget_app_TotpManager-setuprequiredmessage {
    color: red;
    font-weight: bold;
}

.grupet_widget_app_TotpManager-nosetuprequiredmessage {
    display: none;
}

/*** FinalMarkFormAdapter ***/

.grupet_FinalMarkFormAdapter_timeRange.dijitSelected > .dijitTitlePaneTitle {
    background-color: #DAECF8;
}
.grupet_FinalMarkFormAdapter_timeRange.dijitSelected > .dijitTitlePaneTitleHover {
    background-color: #abd6ff;
    border-color: #769dc0;
}
.grupet_FinalMarkFormAdapter_timeRange.dijitSelected > .dijitTitlePaneTitleActive {
    background-color: #7dbefa;
    border-color: #769dc0;
    background-position: 0 -136px;
}

.grupet_FinalMarkFormAdapter_timeRange table.list thead tr th {
    text-align: left;
    font-size: 120%;
    padding-left: 7px;
}
.grupet_FinalMarkFormAdapter_timeRange > .dijitTitlePaneTitle div
{
    font-size: 120%;
}

.grupet_FinalMarkFormAdapter_category {
    margin-top: 2px;
}

.grupet_FinalMarkFormAdapter_category > .dijitTitlePaneTitle {
    background-color: transparent;
    background-image: none;
    border: 0;
    /*border-top: 1px solid;*/
    border-bottom: 1px solid;
}

.grupet_FinalMarkFormAdapter_content .dijitTitlePaneTitle .dijitTitlePaneTextNode {
    font-weight: bold;
}

.grupet_FinalMarkFormAdapter_category > .dijitTitlePaneContentOuter {
    border: 0;
}

.grupet_FinalMarkFormAdapter_category td {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.grupet_FinalMarkFormAdapter_timeRangeName {
    width: 328px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.grupet_FinalMarkFormAdapter_categoryName {
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.grupet_FinalMarkFormAdapter_date {
    width: 145px;
}

.grupet_FinalMarkFormAdapter_text {
    width: 185px;
}

.grupet_FinalMarkFormAdapter_final_suggestion {
    width: 140px;
}

.grupet_FinalMarkFormAdapter_final_remark {
    width: 171px;
}

.grupet_FinalMarkFormAdapter_final_mark {
    width: 171px;
}

/*** MessageOfDay Form ***/
#messageOfDayForm td.dateTimeSelect {
    padding: 0px;
}
#messageOfDayForm .dateTimeSelectTable td.dateTimeSelect:nth-child(2) {
    padding-left: 10px;
}
.msgOfDayTable {
    border-spacing: 0px;
}
.msgOfDayTable td {
    vertical-align: top;
}
.msgOfDayBorderTop {
    border-top: 1px solid #b5bcc7;
    padding-top: 2px;
}
.msgOfDayBorderBottom {
    border-bottom: 1px solid #b5bcc7;
    padding-bottom: 2px;
}
.msgOfDayBorderLeft {
    border-left: 1px solid #b5bcc7;
    padding-left: 2px;
}
.msgOfDayBorderRight {
    border-right: 1px solid #b5bcc7;
}

/*** Matrix ***/

.grupet_widget_app_matrix .defaultBox {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-content: center;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid #a6c2e7;*/
}

.grupet_widget_app_matrix .defaultWidth {
    min-width: 60px;
    max-width: 60px;
}

.grupet_widget_app_matrix .defaultHeight {
    height: 27px;
}

.grupet_widget_app_matrix .even {
    background-color: #F2F7FB;
}

.grupet_widget_app_matrix .selected{
    background-color: #DAECF8;
}

.grupet_widget_app_StudentLessonMatrixPage {
}

.grupet_widget_app_StudentLessonMatrixPage > div > div.dijitContentPane {
    padding: 0 !important;
}

.grupet_widget_app_StudentLessonMatrixPage .grupet_widget_app_matrix {
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
}

.grupet_widget_app_StudentLessonMatrixPage .copySource{
    background-color: #D1F2CE;
}

.grupet_widget_app_StudentLessonMatrixPage .copyTarget{
    background-color: #e0f2df;
}

.grupet_widget_app_StudentLessonMatrixPage .defaultWidth {
    /* needs to be in line with .studentgroupWidth (minus 1px, presumably for some border)  */
    min-width: 80px;
    max-width: 80px;
}

.grupet_widget_app_matrix .inactiveElement {
    color: darkgrey;
}

.grupet_widget_app_matrix .hide {
    visibility: hidden;
}
/* column header */

.grupet_widget_app_matrix .columnTopHeader {
    text-align: center;
    vertical-align: middle;

    padding-left: 4px;
    padding-right: 4px;

    border-top: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .columnTopHeaderFirst {
    border-left: 1px solid #a6c2e7;

    border-top-left-radius: 4px;
}

.grupet_widget_app_matrix .columnTopHeaderLast {
    border-top-right-radius: 4px;
}

.grupet_widget_app_matrix .columnHeader {
    text-align: center;
    vertical-align: middle;
}

.grupet_widget_app_matrix .columnBottomHeader {
    border-top: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;
    border-bottom: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .columnBottomHeaderFirst {
    border-left: 1px solid #a6c2e7;
}

/* row Header */

.grupet_widget_app_matrix .rowGroupHeader {
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    width: 27px;
    min-width: 27px;
    max-width: 27px;

    white-space: nowrap;
    overflow: hidden;

    border-top: 1px solid #a6c2e7;
    border-left: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .rowGroupHeaderFirst {
    border-top-left-radius: 4px;
}

.grupet_widget_app_matrix .rowGroupHeaderLast {
    border-bottom: 1px solid #a6c2e7;

    border-bottom-left-radius: 4px;
}

.grupet_widget_app_matrix .rowHeader {
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    padding-left: 4px;
    padding-right: 4px;

    width: 100%;

    border-left: 1px solid #a6c2e7;
    border-top: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .rowHeaderLast {
    border-bottom: 1px solid #a6c2e7;
}

/* function */

.grupet_widget_app_matrix .button {

}

/* entries */
.grupet_widget_app_matrix .entry{
    text-align: center;
    vertical-align: middle;

    border-right: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .entryTop{
    border-top: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .entryLeft{
    border-left: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .entryBottom{
    border-bottom: 1px solid #a6c2e7;
}

/* row footer */

.grupet_widget_app_matrix .rowFooter {
    text-align: center;
    vertical-align: middle;

    border-top: 1px solid #a6c2e7;
    border-left: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .rowFooterFirst {
    border-top-right-radius: 4px;
}

.grupet_widget_app_matrix .rowFooterLast {
    -moz-border-radius-bottomright: 4px;

    border-bottom: 1px solid #a6c2e7;
}

/* column footer */

.grupet_widget_app_matrix .columnFooter {
    text-align: center;
    vertical-align: middle;

    border-top: 1px solid #a6c2e7;
    border-bottom: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;
}

.grupet_widget_app_matrix .columnFooterFirst {
    border: 1px solid #a6c2e7;
    border-bottom-left-radius: 4px;
}

.grupet_widget_app_matrix .columnFooterLast {
    border-bottom-right-radius: 4px;
}

/*** HoverText ***/

.grupet_widget_HoverText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grupet_widget_HoverText_popup {
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
}

/*** DateTimeSelect ***/

.grupet_widget_DateTimeSelect .dateTimeSelect{
    padding: 2px;
}

/*** BookingDateTimeSelect ***/

.grupet_widget_booking_BookingDateTimeSelect .bookingDateTimeSelectTable {
}

.grupet_widget_booking_BookingDateTimeSelect .bookingDateTimeSelectTimeOptions {
    border: solid #a6c2e7 1px;
    border-radius: 4px;
    height: 135px;
}

.grupet_widget_booking_BookingDateTimeSelect .bookingDateTimeSelectDateTime {
    border: solid #a6c2e7 1px;
    border-radius: 4px;
    padding: 2px;
    vertical-align: top;
}

.grupet_widget_booking_BookingDateTimeSelect .bookingDateTimeSelectTimeOptions .optionLabel {
    padding: 2px;
}

.grupet_widget_booking_BookingDateTimeSelect .top{
    height: 42px;
    margin-top: 3px;
    margin-left: 2px;
    vertical-align: top;
}

.grupet_widget_booking_BookingDateTimeSelect .bottom{
    vertical-align: bottom;
    margin-left: 2px;
}

.grupet_widget_booking_BookingDateTimeSelect .bookingDateTimeSelectWeekDayOptions{
    border: transparent;
    border-top: solid #a6c2e7 1px;
    text-align: center;
    margin-top: 4px;
}

/*** StudentLessonPeriodMatrixPage ***/

.grupet_widget_app_StudentLessonPeriodMatrixPage > div > div.dijitContentPane {
    padding: 0 !important;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .grupetScrollContainerContainer{
    border-radius: 2px;
    border: 1px solid #a6c2e7;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .klassenHeader{
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    -moz-box-sizing: border-box;

    border-right: 1px solid #a6c2e7;
    border-bottom: 1px solid #a6c2e7;
    min-width: 25px;
    max-width: 25px;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .studentHeader{
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    vertical-align: middle;
    height: 27px;
    min-width: 102px;
    max-width: 102px;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .grupetScrollContainerTopLeft{
    border: 0;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .even{
    background-color: #F2F7FB;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .dateHeader{
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    text-align: center;

    border-right: 1px solid #a6c2e7;
    border-bottom: 1px solid #a6c2e7;

    padding-bottom: 4px;
    padding-top: 4px;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .periodHeader{
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    white-space: nowrap;
    vertical-align: middle;
    height: 40px;
    min-width: 50px;
    max-width: 50px;
    text-align: center;

    border-right: 1px solid #a6c2e7;
    padding-bottom: 4px;
    padding-top: 4px;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .entry{
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    height: 27px;
    min-width: 50px;
    max-width: 50px;

    /*border-right: 1px solid #a6c2e7;*/
    /*border-bottom: 1px solid #a6c2e7;*/

    text-align: center;
    vertical-align: middle;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .selected {
    background-color: #DAECF8;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .lessonDetails td{
    padding-right: 5px;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .dijitContentPane{
    padding: 0 !important;
}

.grupet_widget_app_StudentLessonPeriodMatrixPage .dijitContentPane .grupetHorizontalScrollbar {
    bottom: 0 !important;
}
/*** RichTextEditor ***/

.grupet_widget_app_RichTextEditor .richTextEditorLimitBox {
    width: 5em;
}

.grupet_widget_app_RichTextEditor .richTextBottom {
    width: 100%;
}

.grupet_widget_app_RichTextEditor .richTextPasteHint {
    text-align: right;
}

.grupet_widget_app_RichTextEditor .richTextPasteHint img {
    vertical-align: middle;
}

.grupet_widget_app_RichTextEditor .richTextEditor {
    width: 600px;
}

.grupet_widget_app_RichTextEditor .richTextLimitation {
    padding: 2px;
}

.claro .grupet_widget_app_RichTextEditor .dijitToolbar label {
    font-size: 11px;
}

/*** Form ***/

.grupet_widget_form_group {
    border: 1px solid #b5bcc7;
    padding: 5px;
}

.grupet_widget_form_group_label {
    margin-bottom: 3px;
}

.grupet_widget_form_optionList {
    list-style-type: none;
    padding: 0px;
    margin: 3px 0px 0px 0px;
}

.grupet_widget_form_buttonBar {
    text-align: right;
    padding-top: 3px;
}

/*** AttributeSelectCreator ***/
.grupet_widget_attributeSelectCreator .attributeImages{
    width: 22px;
}

.grupet_widget_attributeSelectCreator .attributeTable{
    padding: 2px;
    border: 1px solid #a6c2e7;
    border-radius: 2px;
}

.grupet_widget_attributeSelectCreator .attributeActive{
    text-align: center;
    vertical-align: middle;
}

/*** periodInfo ***/

.grupet_widget_periodInfo .info {
    border: 1px solid #a6c2e7;
    border-radius: 3px;

    padding: 2px;
}

.grupet_widget_periodInfo .fieldTable {
    width: 100%;
}

.grupet_widget_periodInfo .periodInfoField {
    width: 50%;
}

.grupet_widget_periodInfo .label {
    padding-left: 2px;
}

.grupet_widget_periodInfo .rightAlign {
    text-align: right;
}

.grupet_widget_periodInfo .baseText {
    width: 400px;

    overflow: auto;
    resize: none;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.grupet_widget_periodInfo .text {
    height: 100px;
}

/*** magnify ***/

.grupetWidgetMagnifier {
    position: absolute;
    z-index: 500;
}

/*** SimpleGrid ***/

.grupet_SimpleGrid table.list {
    width: 100%;
    height: 100%;
}

.grupet_SimpleGrid .totals {
    font-weight: bold;
    background-color: rgb(249, 223, 184);
}

.grupet_SimpleGrid-active tbody tr:HOVER td {
    background-color: #FF9900;
    cursor: pointer;
}

.grupet_SimpleGrid th.sortable {
    color: blue;
    cursor: pointer;
}

.grupet_SimpleGrid th.sortable:hover {
    background-color: #F4F2F9;
}

/*** Uploader ***/

.grupet_widget_Uploader_highlighted .dijitUploader {
    moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 1px darkgreen;
    -moz-box-shadow: 0px 0px 10px 1px darkgreen;
    box-shadow: 0px 0px 10px 1px darkgreen;
}

/*** Hint ***/

.grupet_widget_Hint .icon {
    vertical-align: middle;
}

.grupet_widget_Hint_details .grupetWidgetTooltipDialogTitleDiv .icon {
    vertical-align: middle;
}

.grupet_widget_Hint_details a {
    font-size: 11px;
}

/*** ItemListItem ***/
.grupetWidgetItemListItemLabel {
    padding-right: 4px;
}

/*** StudentDutyView ***/

.grupet_widget_app_StudentDutySchedulerView .gridLayout .gridCell {
    padding-top: 5px;
}

/*.grupet_widget_app_StudentDutyView .inactivity {*/
/*background-color: #FCA4A4;*/
/*}*/
.grupet_widget_app_StudentDutyView .absence {
    background-color: #FFD6D6;
}
.grupet_widget_app_StudentDutyView .holidayFull {
    background-color: #f0f0f0;
}
/*.grupet_widget_app_StudentDutyView .holidayPartial {*/
/*background-color: #e5e5e5;*/
/*}*/

.buttonBar {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3;
}

/*** Server-Rendered Content ***/

.serverRenderedContent {
    padding: 1px !important;
}

/*** PageContent ***/

.pageContent {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    background-color: #EEE;
}

.pageContent .pagetitle, .anonymous.pageContent .pagetitle {
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    left: 0;
    top: 0;
    margin: 0;
    font-size: 16px;
}

.pageContent .pagetitle .un-help-button, .anonymous.pageContent .pagetitle .un-help-button {
    margin-top: 16px;
}

.pageContent .buttonBar {
    padding: 8px;
    margin: 16px;
    border: 0;
    background-color: white;
}

.pageContent .grupetWidgetToolbar, .anonymous.pageContent .grupetWidgetToolbar {
    margin: 16px;
    border: 0;
    background-color: white;
}

.claro .pageContent .un-page-body {
    margin-left: 16px;
    margin-right: 16px;
    background-color: white;
}

.claro .pageContent .gpTabLayoutContainer .dijitTab {
    border: 0;
    /*border-left: 1px solid lightgrey;*/
    line-height: 32px;
    border-bottom: 1px solid transparent;
    margin: 0;
    border-radius: 0;
    background: #EEE;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #999;
    font-weight: bolder;
    font-size: 14px;
    top: 0;
}

.claro .pageContent .gpTabLayoutContainer .dijitTab .tabLabel {
    outline: none !important;
}

.claro .pageContent .gpTabLayoutContainer .dijitTabChecked, .claro .pageContent .gpTabLayoutContainer .dijitTab:hover {
    /*background: white;*/
    padding-top: 3px;
    padding-bottom: 3px;
    color: orange;
    border-bottom: 1px solid orange;
}

.claro .pageContent .gpTabLayoutContainer .dijitTabContainerTop-tabs {
    margin-top: 4px;
    margin-left: 16px;
    margin-right: 16px;
    border: 0;
}

.claro .pageContent .gpTabLayoutContainer .dijitTabPaneWrapper {
    margin-left: 16px;
    margin-right: 16px;
    border: 0;
}

/*** DialogContent ***/

.dialogContent {
    padding: 0;
}

/*** GridLayout ***/

.gridLayout .gridCell {
    position: absolute;
    padding-left: 10px;
}

.gridLayout .gridCell.col-0 {
    padding-left: 0;
}

.gridLabelAbove label {
    position: absolute;
    bottom: 2px;
}

.gridLabelBefore {
    padding-top: 2px;
}

/*** Tab-Layout ***/

.gpTabLayoutContainer .dijitTabContainerTopChildWrapper {
    padding: 0;
}

.gpTabLayoutTab {
    padding: 0;
}

/*** Profil ***/

#userProfileForm .dijitTabContainerTopChildWrapper {
    padding: 1px;
}

/*** FilteringMultiSelectHorizontal ***/
.filteringMultiSelectHorizontal .selectedItem {
    float: left;
    border: 1px solid #b5bcc7;
    padding: 1px;
    padding-bottom: 0;
    margin-left: 2px;
    /*height: 1.3em;*/
}
.filteringMultiSelectHorizontal .selectedItemsContainer, .filteringMultiSelectHorizontal .dijitTextBox {
    float: left;
}
.filteringMultiSelectHorizontal .selectedItem img {
    margin-left: 5px;
}
.filteringMultiSelectHorizontal .selectedItem .imageButton {
    height: 14px;
    margin-left: 2px;
    padding:0;
}

/*** student lesson matrix ***/

.grupet_widget_app_matrix {
    position: relative;
}

.grupet_widget_app_matrix .studentgroupWidth {
    padding-left: 4px;
    padding-right: 4px;

    min-width: 79px;
    max-width: 79px;

    height: 20px;
}

.grupet_widget_app_matrix_studentlessonmatrixdaterangeselector .headerWidth {
    width: 80px;
    vertical-align: middle;
    text-align: center;
}

.grupet_widget_app_matrix .right {
    width: 20px;
    height: 20px;
    float: right;
}

.grupet_widget_app_matrix .left {
    height: 20px;
    width: 20px;
    float: left;
}

.grupet_widget_app_matrix .middle {
    text-align: center;
    vertical-align: middle;
    margin: 4px auto 4px auto;
}

/*** BookingFormFormatElement ***/

.grupet_widget_booking_BookingFormFormatElement .adapted {
    margin: 2px;
}

.grupet_widget_booking_BookingFormFormatElement td.leftCell {
    vertical-align: top;
    text-align: left;
}

.grupet_widget_booking_BookingFormFormatElement td.centeredCell {
    vertical-align: top;
    text-align: center;
}

.grupet_widget_booking_BookingFormFormatElement .numberbox {
    width: 5em;
}

.grupet_widget_booking_BookingFormFormatElement .formatTable .cell {
    vertical-align: top;
    text-align: left;

    padding-right: 10px;
}

/*** New Page Layout ***/

.inline-block {
    display:inline-block;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.clear {
    clear:both;
}

/* Layout */

#header .headerContent {
    min-height:64px;
    padding:8px 16px;
    line-height:64px;
    overflow:auto;
    vertical-align:middle;
}

#sidebar {
    background-color:#f7fcff;
    border-left:1px solid #90B1C5;
    border-right:1px solid #90B1C5;
}

#content {
    padding:0;
    z-index:0;
}

/* Fix for padding in #content ContentPane */
#content > .dijitContentPane {
    padding: 0;
}

#content > .un-server-rendered-view {
    box-sizing: border-box;
    padding: 16px !important;
}

/* Fix fuer Firefox, der ansonsten bei Hover auf den Command Buttons eine Scrollbar fuer die Seite anzeigt. */
#content > .un-server-rendered-view .cmdbuttons {
    overflow: hidden;
}

/* Header */

#logoContainer img {
    max-height:64px;
    vertical-align:middle;
}

#licenceContainer {
    margin: 18px 0 0 20px;
    font-size: 14px;
    font-weight: bold;
    line-height:16px;
}

/* Menu */

.claro #mainMenu .grupet_widget_MainMenu {
    padding-left:16px;
    height:34px;
    background:#ebf3f9;
}

.claro #mainMenu .grupet_widget_MainMenu .dijitMenuItem {
    line-height:34px;
    padding-top:0;
    padding-bottom:0;
    margin:-1px 0 0 -1px;
    border:1px solid #769dc0;
    background:#ebf3f9;
}

.claro #mainMenu .grupet_widget_MainMenu .dijitMenuItem:first-of-type {
    border-left:1px solid #769dc0;
}

.claro #mainMenu .datePane {
    position: relative;
    float:right;
    min-width:198px;
    height:30px;
    padding:4px 0 0 0;
    margin:-1px -1px 0 0;
    background:#ebf3f9;
    border:1px solid #769dc0;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

.claro #mainMenu .datePane:hover {
    background: #bcd8f4;
    transition:0.2s ease;
}

.claro #mainMenu .datePane:focus {
    outline:none;
}

.claro #mainMenu .datePane span {
    display:block;
    line-height:normal;
}

.claro #mainMenu .datePane .fa {
    position:absolute;
    left:16px;
    top:9px;
    font-size:14px;
}

.claro #mainMenu  .datePane .imageButton.icon-today {
    position:absolute;
    right:12px;
    top:6px;
}

.claro #embedded-date-pane {
    border-bottom: 1px solid #90B1C5;
}

.claro #embedded-date-pane .imageButton.icon-today {
    position:absolute;
    right:12px;
    top:6px;
}

.claro #embedded-date-pane span {
    text-align: center;
    display: block;
    line-height: normal;
}

/* Elements */

.claro #titleContainer {
    padding:0;
}

.claro .currentDateWidget,
.claro .currentDateWidget:hover {
    width:198px;
    padding:0;
    padding-bottom:8px;
    border-radius:0;
    border:none;
    border-bottom:1px solid #90B1C5;
    background-color:#ebf3f9;
    background-image:none;
}

.claro .currentDateWidget .dijitCalendar,
.claro .currentDateWidget .dijitCalendar:hover {
    border:none !important;
    background-color:#ebf3f9;
    background-image:none;
}

.claro .anonymous .card {
    margin: 0 0 16px 0;
    border:1px solid #d0d0d0;
}

.claro .anonymous .grupetWidgetToolbar .imageButton,
.claro .anonymous .grupetWidgetToolbar .gp-iconfont-button {
    margin-top:10px;
}

.claro .anonymous .dijitTextBox .fa,
.claro .anonymous .dijitTextBox .dijitInputInner,
.claro .anonymous .dijitTextBox .dijitPlaceHolder,
.claro .anonymous .dijitValidationTextBox .dijitValidationContainer {
    padding:0 !important;
    min-height:0;
    line-height:normal;
}

.claro .anonymous .date-week-select .fa {
    padding:2px 0 !important;
}

.claro .anonymous .dijitDateTextBox {
    width:15em;
}

.claro .anonymous .dijitTextBoxError .dijitValidationContainer {
    padding:1px 0 !important;
}

/* OfficehourPage */

.claro .officehourDate {
    display:block;
    margin-top:-12px;
    margin-bottom:8px;
    color:#f90;
}

/* TimetablePage */

.un-timetable-page {
    width:100%;
    height:100%;
    box-sizing: border-box;
    padding: 16px !important;
}

.claro .un-timetable-page #titleContainer {
    padding:0;
    min-height:32px;
    overflow: hidden;
}

.claro .un-timetable-page .pagetitle {
    font-size:16px;
    background-color: inherit;
}

.claro .un-timetable-page .card {
    width:100%;
    height:100%;
    padding-bottom:16px;
}

.claro .un-timetable-page.timetable-withtitle .card {
    height:calc(100% - 34px) /* pagetitle */
}

.claro .un-timetable-page.timetable-single .timetable-container {
    height:calc(100% - 16px); /* padding-bottom */
}

.un-timetable .renderedEntry {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.claro .anonymous .un-timetable-page__element-info {
    height: 34px;
}

/* TimetablePage, LessonList */

.gp-iconfont-button.dijitDropDownButton {
    font-family: FontAwesome !important;
}

.gp-iconfont-button.dijitDropDownButton .dijitButtonNode {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.gp-iconfont-button.dijitDropDownButtonHover .dijitButtonNode {
    box-shadow:none !important;
}

.gp-iconfont-button.dijitDropDownButton:hover .dijitIcon {
    color:#f90;
}

.gp-iconfont-button.dijitDropDownButton .dijitArrowButtonInner {
    display:none;
}

.gp-settings-button.dijitDropDownButton {
    margin: 12px 0 0 4px;
}

.gp-settings-button.dijitDropDownButton .dijitIcon {
    font-size:24px;
}

.gp-dropdown {
    border:1px solid #d0d0d0;
    background-color:white;
    padding-bottom:0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.gp-dropdown h6,
.gp-toggle-item {
    height:32px;
    line-height:32px;
    font-size: 12px;
    padding:0 12px;
    margin-bottom:0;
    vertical-align:middle;
    text-align:left;
    color:inherit;
}

.gp-dropdown h6 {
    margin-top:0;
    font-weight:normal;
    color:#666;
    background:#f5f5f5;
    border-bottom:1px solid #d0d0d0;
    text-shadow: 0 1px 1px white;
}

.gp-toggle-item:hover {
    color:white;
    background:orange;
    cursor:pointer;
}

.gp-toggle-item input,
.gp-toggle-item label {
    vertical-align:middle;
    cursor:pointer;
}

.gp-toggle-item input {
    display:none;
}

.gp-toggle-item .fa {
    width:20px;
}

.gp-toggle-item-disabled {
    color: lightgrey;
}

.gp-toggle-item-disabled:hover {
    color:lightgrey;
    background:inherit;
    cursor:default;
}

.gp-toggle-item-disabled input,
.gp-toggle-item-disabled label {
    cursor:default;
}


.message {
    margin:10px 16px;
}

/* Date-Time-Select */

.dateTimeSelectTable {
    border-spacing: 0;
}

/* Work in progress indicator */

.untis-work-in-progress-indicator {
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
}

.untis-work-in-progress-indicator__image {
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.untis-work-in-progress-indicator__message {
    padding-left: 5px;
}

.untis-work-in-progress-indicator__message--error {
    color: red;
}

/* Grade-Form */

.grade-dialog {
    max-width:240px;
    padding:0;
}

.claro .grade-form h2 {
    margin:0;
}

.claro .grade-form h2,
.claro .grade-form .form-group {
    margin:0 2px 0 2px;
}

.claro .grade-form .form-group .dijitComboBox {
    width:100%;
    box-sizing:border-box;
    margin-top:8px;
}

.claro .grade-form .mark-schema .dijitComboBox {
    width:88%;
}

.claro .grade-form .form-group textarea {
    width:100%;
    margin-top:8px;
    min-height:36px !important;
    box-sizing:border-box;
    font-family:inherit;
    font-size:inherit;
}

.claro .grade-form .form-group textarea.dijitTextAreaDisabled {
    background:none;
    border:none;
    padding:0;
    height:initial !important;
    min-height:0 !important;
}

.claro .grade-form .form-group textarea::-webkit-input-placeholder {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 11px;
    color: #AAAAAA;
    font-style: italic;
    white-space: nowrap;
}

.claro .grade-form .form-group textarea::-moz-placeholder {
    font:inherit;
    font-size: 11px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #AAAAAA;
    font-style: italic;
    white-space: nowrap;
}

.claro .grade-form .form-group textarea:-ms-input-placeholder {
    font:inherit;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 11px;
    color: #AAAAAA;
    font-style: italic;
    white-space: nowrap;
}

.claro .grade-form .exam-type > span {
    display:inline-block;
    margin:4px 0;
}

.claro .grade-form .exam-type .imageButton {
    float:right;
}

.claro .grade-form .grade-buttons {
    margin:8px 0 0 0;
}

.claro .grade-form .grade-buttons .dijitButton {
    margin:2px;
    padding:0;
    border-radius:2px;
}

.claro .grade-form .grade-buttons .dijitButtonNode {
    box-sizing:border-box;
    background:rgba(255,153,0,0.5);
    border:none;
    padding:0;
    width:76px;
    height:76px;
    line-height:76px;
}

.claro .grade-form .grade-buttons.test .dijitButtonNode {
    height:20px;
    line-height:20px;
}

.claro .grade-form .grade-buttons .dijitButtonContents {
    display:inline-block;
    vertical-align: middle;
    line-height: normal;
}

.claro .grade-form .grade-buttons .dijitButtonText {
    white-space:normal;
    color:#333;
    padding:0;
}

.claro .grade-form .grade-buttons .enabled.dijitButtonHover .dijitButtonNode,
.claro .grade-form .grade-buttons .selected .dijitButtonNode {
    background:rgba(255,153,0,1);
    cursor:pointer;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.claro .grade-form .grade-buttons .selected .dijitButtonNode {
    background:rgba(255,153,0,0.75);
}

.claro .grade-form .grade-buttons .enabled.dijitButtonHover .dijitButtonText,
.claro .grade-form .grade-buttons .selected .dijitButtonText {
    color:white;
}

.claro .grade-form .grade-buttons.big .dijitButtonText {
    font-size:16px;
}

.claro .grade-form .form-group label {
    display:block;
}

.claro .grade-form .form-group .new-mark-schema {
    margin:8px 0 0 8px;
}

.claro .grade-form .form-group .save-button {
    margin:8px 0 0 0;
    float:right;
}

.claro .grade-form .info .dijitButton {
    margin:0;
}

.claro .single-grade {
    width:240px;
    overflow:auto;
}

.claro .single-grade .info {
    margin-top:8px;
    border-top:1px solid #b5bcc7;
    padding-top:8px;
}

.claro .multiple-grades {
    min-width:500px;
}

.claro .multiple-grades .float-left {
    box-sizing:border-box;
    padding:0 4px 8px 4px;
    margin:0;
    width:50%;
}

.claro .multiple-grades .mark-schema .dijitComboBox {
    margin-bottom:0;
}

/*** Student Courses ***/

.claro .student-courses .dijitTabContainer {
    box-sizing:border-box;
    max-width: 992px; /* 1024 - left and right padding (2 * 16px) */
}

.claro .student-courses .dijitTabController,
.claro .student-courses .dijitTabPaneWrapper,
.claro .student-courses .gpTabLayoutTab {
    width:100% !important;
}

.claro .student-courses .dijitTabPaneWrapper {
    background-color: #fff;
    margin-bottom:16px !important;

    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.claro .student-courses .gpTabLayoutTab {
    padding:0;
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTab {
    background:#f0f0f0;
    padding:8px 16px;
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTabHover {
    background:#fff;
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTabChecked {
    background:#fff;
    padding-bottom:9px;
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTab .dijitTabButtonIcon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin:-1px 4px 0 0;
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTab:nth-of-type(1) .dijitTabButtonIcon:before {
    content: '\f044';
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTab:nth-of-type(2) .dijitTabButtonIcon:before {
    content: '\f007';
}

.claro .student-courses .dijitTabContainerTop-tabs .dijitTab:nth-of-type(3) .dijitTabButtonIcon:before {
    content: '\f06e';
}

/* Make content scroll */

.claro .student-courses .dijitTabContainer,
.claro .student-courses .dijitTabPaneWrapper,
.claro .student-courses .dijitTabContainerTopChildWrapper,
.claro .student-courses .gpTabLayoutTab {
    height:auto !important;
}

.claro .student-courses {
    overflow:visible;
}

/*** StudentCourseList ***/

.claro .courses .controls label {
    display:block;
}

.claro .courses .controls .dijitTextBox {
    width:10em;
}

.claro .courses .controls .show-my-courses {
    padding-top: 14px;
}

.claro .courses .controls .show-my-courses input,
.claro .courses .controls .show-my-courses label {
    display:inline;
    vertical-align:middle;
    cursor:pointer;
    margin:0;
}

.claro .courses .necessary-courses {
    display:inline-block;
    float:right;
    margin-top:4px;
    overflow:hidden;
    color:#999;
}

.claro .courses .necessary-courses,
.claro .courses .float-right .dijitTextBox {
    width:40px !important;
    float:right;
}

.claro .courses .necessary-courses:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f040';
    float:right;
}

.claro .courses .table tbody tr {
    height:56px;
}

.claro .courses .table tr th,
.claro .courses .table tr td {
    padding: 0 4px;
}

.claro .courses .course a {
    display:block;
    width:100%;
    height:100%;
    color:inherit;
    font-size:inherit;
}

.claro .courses .course a:hover,
.claro .courses .selected,
.claro .courses .selected .fa {
    color:#f90;
    cursor:pointer;
    transition:color 0.2s ease;
}

.claro .courses .course a:hover .dimmed,
.claro .courses .selected .dimmed {
    color: rgba(255,153,0,0.5);
    transition:color 0.2s ease;
}

.claro .courses .course h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    margin: 0 0 4px 0;
}

.claro .courses .course h4 .dimmed {
    margin-left:4px;
    font-size:12px;
}

.claro .courses .dimmed {
    margin:0;
    color:#999;
}

.claro .courses .course.odd {
    background-color:#fff;
}

.claro .courses .course .status span {
    line-height:16px;
}

.claro .courses .participants {
    width:110px;
}

.claro .courses .periods,
.claro .courses .priority,
.claro .courses .numbers,
.claro .courses .registrations {
    display:inline-block;
    box-sizing:border-box;
    line-height:normal;
    padding:8px;
    border-radius:16px;
    min-width:30px;
    text-align:center;
}

.claro .courses .periods {
    background-color:#ebf3f9;
}

.claro .courses .priority {
    background-color:rgba(255,153,0,0.25);
}

.claro .courses .numbers {
    padding:0;
}

.claro .courses .numbers.noprereg {
    margin-left:28px;
}

.claro .courses .numbers.open {
    background-color:rgba(0,255,0,0.25);
}

.claro .courses .registrations.open {
    background-color:rgba(0,255,0,0.5);
}

.claro .courses .numbers.closed {
    background-color:rgba(255,0,0,0.25);
}

.claro .courses .registrations.closed {
    background-color:rgba(255,0,0,0.5);
}

.claro .courses .numbers .prereg,
.claro .courses .numbers .wait {
    display:inline-block;
    box-sizing:border-box;
    width:24px;
}

.claro .courses .numbers .prereg {
    padding:0 4px 0 8px;
}

.claro .courses .numbers .wait {
    padding:0 8px 0 4px;
}

.claro .courses .reg-unconfirmed,
.claro .courses .reg-confirmed {
    background-color:rgba(0,255,0,0.1) !important;
}

.claro .courses .reserved,
.claro .courses .waiting {
    background-color:rgba(0,255,0,0.1) !important;
}

.claro .courses .registered {
    background-color:rgba(0,255,0,0.25) !important;
}

.claro .courses .fa {
    font-size:1.6em;
}

.claro .courses .fa.disabled,
.claro .courses .fa.disabled:hover {
    color:#999;
    cursor:auto;
}

/*** StudentCourseDetail ***/

.claro .course-detail.dijitDialog {
    position:absolute;
    box-sizing:border-box;
    left:16px;
    top:138px;
    bottom:16px;
    right:16px;
    max-width:994px;
    background:#fff;
    border:none;
    overflow:auto;

    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
    .claro .course-detail.dijitDialog {
        right:0;
        margin-right:16px;
    }
}

.claro .course-detail .dijitDialogPaneContent,
.claro .course-detail .dijitDialogPaneContent > .dijitContentPane,
.claro .course-detail .anonymous,
.claro .course-detail #studentCourseForm,
.claro .course-detail .container {
    width:100% !important;
    height:100%;
    padding:0;
}

.claro .course-detail .container > .dijitContentPane {
    padding:0;
}

.claro .course-detail .dijitDialogTitleBar {
    display:none;
}

.claro .course-detail .dijitDialogPaneContent {
    background:white;
    border:none;
    padding:0;
}

.claro .course-detail .course:hover td {
    background:transparent;
    cursor:default;
    color:#333;
}

.claro .course-detail .course td.col-left {
    width:60%;
}

.claro .course-detail .course td.col-registration,
.claro .course-detail .course td.col-status {
    width:12.5%;
}

.claro .course-detail .course td.col-prio,
.claro .course-detail .course td.col-register,
.claro .course-detail .course td.col-right {
    width:5%;
}

.claro .course-detail .course h4 {
    font-size: 16px;
    color:#f90;
    line-height: normal;
    font-weight: normal;
}

.claro .course-detail .course .dijitButton,
.claro .course-detail .course .dijitButton .dijitButtonNode {
    display:inline-block;
    vertical-align:middle;
    float:right;
    margin:0;
    padding:0;
    background:none;
    border:none;
}

.claro .course-detail .course .dijitButtonHover .dijitButtonNode {
    box-shadow:none;
    transition:none;
}

.claro .course-detail .course .close {
    background:none;
    border:none;
    float:right;
}

.claro .course-detail .dijitTitlePane.cols .dijitTitlePaneContentInner {
    margin:0 0 16px 0;
}

.claro .course-detail .dijitTitlePane.cols table {
    width:100%;
}

.claro .course-detail .dijitTitlePane.cols table td {
    box-sizing:border-box;
    width:12.5%;
    padding:0 16px;
    vertical-align:top;
    word-wrap:normal;
}

.claro .course-detail .dijitTitlePane.cols table .col-2 {
    width:25%;
}

.claro .course-detail .dijitTitlePaneContentInner .day {
    float:left;
    margin-right:8px;
}


.claro .course-detail .dijitTitlePaneContentInner .day h6 {
    font-size:16px;
    font-weight:normal;
    margin-top:0;
}

.claro .course-detail .dijitTitlePaneContentInner .day p {
    margin:0;
    font-size:11px;
    line-height:16px;
}

.claro .course-detail .dijitTitlePaneContentInner .day .separator {
    display:block;
    text-align:center;
    line-height:12px;
}

.claro .course-detail .lesson-details .dijitTitlePaneContentInner {
    margin:0;
}

.claro .course-detail .lesson-details tbody tr {
    height:36px;
}

/*** StudentCourseRegistration ***/

.claro .course-registration-dialog {
    width:320px;
    padding:0;
}

.claro .course-registration-dialog .courses .course {
    height:auto;
    margin-bottom:12px;
}

.claro .course-registration-dialog .courses .course h4 {
    display:inline-block;
    color:#f90;
}

.claro .course-registration-dialog .courses .course .numbers {
    float:right;
}

.claro .course-registration .form-group {
    width:100%;
    margin-bottom:12px;
    float:none;
}

.claro .course-registration .form-group label {
    display:block;
    color:#999;
    margin-bottom:2px;
}

.claro .course-registration .form-group .dijitComboBox {
    width:100%;
    box-sizing:border-box;
}

.claro .course-registration .priorities input[type="radio"] {
    display:none;
}

.claro .course-registration .priorities input[type="radio"] + label {
    position:relative;
    float:left;
    min-width:12px;
    padding:8px;
    margin-right:4px;
    border-radius:14px;
    text-align:center;
    background-color:rgba(255,153,0,0.5);
    cursor:pointer;
    color:#333;
}

.claro .course-registration input[type="radio"]:disabled + label {
    background:rgba(0, 0, 0, 0.25);
    color:white;
}

.claro .course-registration input[type="radio"]:disabled + label:hover {
    background:rgba(0, 0, 0, 0.25);
    color:white;
    transition:none;
    box-shadow:none;
}

.claro .course-registration .not-allowed {
    color:red;
}

.claro .course-registration input[type="radio"] + label:hover,
.claro .course-registration input[type="radio"]:checked + label,
.claro .course-registration input[type="radio"]:checked + label:hover {
    background: #f90;
    color: white;
    transition: 0.2s ease;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

#courseForm #ageGroupSelect {
    position: relative;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
}

#courseForm #ageGroupSelect #ageGroupSelectInfo {
    display:none;
    color: red;
    font-weight: bold;
}

/*** gp-dialogs ***/

.gp-dialog > .dijitDialogPaneContent,
.gp-dialog > .dijitDialogPaneContent > .dijitContentPane {
    padding: 0px !important;
}

.untis-addressdialog {
    width: 475px;
    height: 580px;
}

/*** AddressDialog ***/

.claro .untis-addressdialog .dijitTabContainer {
    height: 100%;
}

.claro .untis-addressdialog .dijitTabPaneWrapper {
    border-right: 0;
    border-bottom: 0;
    height: 100%;
    overflow: auto;
}

.claro .untis-addressdialog .tabLabel {
    width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.untis-addressdialog input {
    box-sizing: border-box;
}

.claro .address-button {
    padding-bottom: 9px;
}

.claro .address-input {
    width: 90%;
}

.claro .untis-addressform table {
    border-collapse: collapse;
}

.untis-addressform-kind {
    width: 300px;
}

.untis-addressform-name {
    width: 300px;
}

.untis-addressform-email {
    width: 300px;
}

.untis-addressform-mobile {
    width: 300px;
}

.untis-addressform-phone {
    width: 300px;
}

.untis-addressform-fax {
    width: 300px;
}

.untis-addressform-street {
    width: 300px;
}

.untis-addressform-postcode {
    width: 70px;
    margin-right: 6px;
}

.untis-addressform-city {
    width: 224px;
}

.claro .course-registration #priority {
    position:relative;
    float:left;
    margin-top:6px;
}

.claro .anonymous .notification {
    box-sizing:border-box;
    padding:8px 16px;
}

.claro .anonymous .notification p {
    margin:8px 0;
}

.claro .anonymous .warning {
    background:rgba(255,153,0,0.25);
}

/*** Homework ***/

.claro .gp-homework-details {
    width: 500px;
    overflow-x: hidden;
}

.claro .gp-homework-details .maintitle {
    line-height: 35px;
    vertical-align: middle;
    font-size:14px;
    font-weight: 500;
    color: #f90;
    cursor:pointer;
    padding: 0px 5px;
}

.claro .gp-homework-details .subtitle {
    font-size:11px;
    font-weight:normal;
    color:#AAA;
    padding: 0px 5px;
}

.claro .gp-homework-details .dateTimeSelect .label  {
    margin-top: 0px;
    font-size:11px;
    font-weight:normal;
    color:#999;
}

.claro .gp-homework-details .dijitButton {
    padding-left: 8px;
    margin: 0;
}

.claro .gp-homework-details p {
    margin: 9px 0px;
}

.claro .gp-homework-details .homework-table {
    width:100%;
}

.claro .gp-homework-details .homework-table tr td {
    width:33%;
}

.claro .gp-homework-details .homework-text {
    box-sizing:border-box;
    width: 100%;
    height: 7em;
    resize: none;
    font: inherit;
    padding: 4px;
}

.claro .gp-homework-details p {
    margin: 9px 0px;
}

.claro .gp-homework-details .homework-remark {
    box-sizing:border-box;
    width: 100%;
}

.claro .gp-homework-details .hideBorder {
    border: 0;
    height: auto;
}

.claro .gp-homework-error {
    border: red 1px solid;
}

.claro .gp-homework-details .homework-remark {
    box-sizing:border-box;
    width: 100%;
    padding: 0px 4px;
}

.claro .gp-homework-details .readOnly {
    border:none;
    padding-left: 4px;
}

.claro .gp-homework-details .plus {
    display:inline-block;
}


.claro .gp-homework-details .expanded {
    font-size: 16px;
    font-weight: 700;
}

.claro .gp-homework-details .title-homework {
    margin-right: 6px;
}

.claro .gp-homework-details .title-button {
    padding: 0px 6px;
}

.claro .gp-homework-details .homework-completed {
    vertical-align: bottom;
    padding-left: 6px;
}

.claro .gp-homework-details .homework-drive-uploader .dijitButton {
    padding-left: 0;
}

.claro .gp-homework-details .homework-file-link {
    margin-right: 5px;
}

/*** addressformdialog ***/

.claro .gp-homework-details .homework-readOnly-text {
    border:none
}

.claro .gp-homework-details .fullArea {
    margin: auto;
    vertical-align: middle;
    text-align: center;
    padding: 18px;
}

.claro .gp-homework-details .infoContent {
    margin: 0px 18px 18px 18px;
}

/*** PeriodInfo ***/

.gp-periodinfo {
    width: 500px;
}

.gp-periodinfo .dijitTitlePaneTextNode > span {
    display:inline-block;
    line-height:14px;
}

.gp-periodinfo h6 {
    margin-top:0;
}

.gp-periodinfo p {
    margin: 0 0 8px 0;
}

.gp-periodinfo .panel h6 {
    float:left;
    margin:8px 0 2px 0;
}

.gp-periodinfo .panel {
    line-height:22px;
}

.gp-periodinfo textarea {
    box-sizing:border-box;
    width: 100%;
    height:6em;
    max-height:12em;
    resize:vertical;
    font:inherit;
}

.gp-periodinfo textarea[readonly] {
    border:1px solid #fff;
    height:auto !important;
    resize:none;
}

.gp-periodinfo textarea[readonly]:hover {
    border: 1px solid #d0d0d0;
}

.claro .gp-dialog .street {
    margin-left: 2px;
    width: 345px;
}

.claro #lessonKlasseListForm table {
    margin: 10px 0;
}

.untis-coursetime-edit {
    width:500px;
}

.untis-coursetime-edit .title .imageButton {
    margin-top:1.76em;
    margin-left:4px;
}

.untis-coursetime-edit table thead tr th {
    font-weight: bold;
}

.untis-coursetime-edit table tbody tr td {
    padding:2px;
}

.untis-coursetime-edit table tbody tr td:first-of-type {
    padding-left:0;
}

.untis-coursetime-edit table tbody tr td:last-of-type {
    padding-right:0;
}

.untis-coursetime-edit td .dijitTextBox {
    width:100px;
}

/* new integration dialog */

.claro .newintegration-content {
    text-align: center;
    margin: 8px;
}

.claro .newintegration-choosetext {
    margin-bottom: 8px;
}

/*** Dialog f�r laufenden Server-Prozess ***/

.untis-runningprocessdialog {
    width: 220px;
    height: 120px;
}

.untis-runningprocessdialog .dijitContentPane {
    padding: 0 !important;
}

.untis-runningprocessdialog-content {
    margin-bottom: 10px;
}

.untis-runningprocessdialog .untis-work-in-progress-indicator {
    float: left;
    padding-right: 5px;
}

/*** Scrollbar ***/

/*
  Spezialbehandlung f�r Safari, der die Scrollbars leider nur anzeigt wenn man gerade scrollt.
  Siehe http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from-being-hidden-for-os-x-trackpad-users-in-webki
 */

.grupetScrollbarSafari::-webkit-scrollbar {
    -webkit-appearance: none;
}

.grupetScrollbarSafari::-webkit-scrollbar:vertical {
    width: 11px;
}

.grupetScrollbarSafari::-webkit-scrollbar:horizontal {
    height: 11px;
}

.grupetScrollbarSafari::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.grupetScrollbarSafari::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

/* ParentsDayView */

.untis-parentsday-parentsdayform h2 {
    background-color: rgba(200, 218, 229, 0.2);
}

.untis-parentsday-parentsdayform td.label {
    padding-right: 10px;
}

.pd-teacher-view-content-container {
    overflow-x: auto !important;
}

.untis-parentsdayview {
    width: 100%;
    height: 100%;
}


.untis-parentsdayview .pageContent .pagetitle {
    height: 48px;
}

.untis-parentsdayview.anonymous .pagetitle {
    font-size: 16px;
}

.untis-parentsdayview.anonymous .pagetitle .dimmed {
    font-size: 14px;
    color: #999;
}

.untis-parentsdayview .card {
    max-width:inherit;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
}

.untis-parentsdayview .card .dijitContentPane {
    padding:0;
}

.untis-parentsdayview .card.dijitAlignLeft {
    min-width:268px;
    width:25%;
    margin-left:16px;
    margin-right:16px;
}

.untis-parentsdayview .card.dijitAlignCenter {
    width:50%;
    margin-right:16px;
}

.untis-parentsdayview .card.dijitAlignRight {
    min-width:268px;
    width:25%;
    margin-left:16px;
    margin-right:16px;
}

.untis-parentsdayview .card.large {
    min-width:368px;
}

.untis-parentsdayview .card.x-large {
    min-width:468px;
}

.untis-parentsdayview .card.xx-large {
    min-width:568px;
}

.untis-parentsdayview .card.warning {
    padding:8px 16px;
    max-width:715px;
}

.untis-parentsday-absence {
    opacity: 1 !important;
}

.untis-parentsday-absence td.def {
    white-space:normal;
}

.untis-parentsdayview h2 .dimmed {
    font-size:12px;
    color:#333;
}

.untis-parentsdayview .card.my-appointments h2.space-after {
    margin-bottom: 72px;
}

.untis-parentsdayview .step {
    display:inline-block;
    box-sizing:border-box;
    line-height:normal;
    padding:4px;
    border-radius:16px;
    width:22px;
    text-align:center;
    background-color:#f90;
    font-size:12px;
    color:#fff;
    margin-right:8px;
}

.untis-parentsdayview .report,
.untis-parentsdayview .filter {
    float:right;
}

.untis-parentsdayview .filter {
    margin-right:12px;

    -webkit-transform: scale(-1,1) rotate(90deg);
       -moz-transform: scale(-1,1) rotate(90deg);
        -ms-transform: scale(-1,1) rotate(90deg);
         -o-transform: scale(-1,1) rotate(90deg);
}

.untis-parentsdayview .filtered,
.untis-parentsdayview .filtered:hover {
    color:#fff;
    border-left:2px solid #f90;
}

.untis-parentsdayview .buttonBar .dijitButton {
    margin-bottom:2px;
}

.untis-parentsdayview .buttonBar .dijitButton .dijitButtonNode {
    color: #fff;
    background: #f90;
    border: 1px solid #f90;
    padding: 6px 12px;
    font-size:12px;
    text-shadow: none;
}

.untis-parentsdayview .buttonBar .dijitButtonHover {
    transition:box-shadow 0.2s ease;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
       -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.untis-parentsdayview .dijitTabContainerTopChildWrapper {
    padding:0;/*16px*/
}

.untis-parentsdayview .dijitTabContainer .dijitTabPaneWrapper,
.untis-parentsdayview .dijitTabContainer .dijitTabController,
.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTab {
    margin:0;
    padding:0;
    border:none;
    background:none;
    border-color:#d0d0d0;
}

.untis-parentsdayview .dijitTabContainer .dijitTabContainerTop-tabs {
    border-color:#d0d0d0;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController {
    visibility:visible !important;
    border-right:1px solid #d0d0d0;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTab {
    border-right:1px solid #d0d0d0;
    background-color:#f5f5f5;
    transition:background-color 0.2s ease;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTab:hover {
    background-color: #fff;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTabChecked {
    background-color:#fff;
    top:2px;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTab h2 {
    padding:8px 16px;
}

.untis-parentsdayview .dijitTabContainer .dijitTabController .dijitTab h2 .dimmed {
    font-size:12px;
    color:#999;
}

.tooltip-entry {
    margin:0;
}

.tooltip-entry.mandatory {
    color: #f90;
}

.tooltip-entry.unscheduled {
    color: rgb(255,0,0);
}

.dijitMenuPopup .dijitMenuTable {
    border:none !important;
}

.dijitMenuPopup .dijitMenuTable .dijitMenuItem {
    height:36px;
}

.dijitMenuPopup .dijitMenuTable .dijitMenuItemHover,
.dijitMenuPopup .dijitMenuTable .dijitMenuItemHover td,
.dijitMenuPopup .dijitMenuTable .dijitMenuItemSelected,
.dijitMenuPopup .dijitMenuTable .dijitMenuItemSelected td {
    background:rgba(255,163,0,0.25) !important;
}

.dijitPopup .dijitMenuItem h2 {
    margin:0;
    color:inherit;
    font-size:12px;
    font-weight:normal;
}

.untis-parentsdayview .grupet_widget_app_matrix .columnTopHeader {
    display:none !important;
}

.untis-parentsdayview .grupet_widget_app_matrix .columnTopHeader,
.untis-parentsdayview .grupet_widget_app_matrix .columnBottomHeader {
    cursor: pointer;
}

.untis-parentsdayview .grupet_widget_app_matrix .columnBottomHeader.mandatory {
    background-color: rgba(255,153,0,0.25);
    font-weight: bold;
}

.untis-parentsdayview .grupet_widget_app_matrix .columnBottomHeader.mandatory:before {
    font: normal normal normal 12px FontAwesome;
    color: #f90;
    margin-right:2px;
    content: '\f071';
}

.untis-parentsdayview .grupet_widget_app_matrix .columnBottomHeader.unscheduled {
    background-color: rgba(255,0,0,0.25);
}

.untis-parentsdayview .grupet_widget_app_matrix .columnBottomHeader.unscheduled:before {
    font: normal normal normal 12px FontAwesome;
    color: rgba(255,0,0,0.5);
    margin-right:2px;
    content: '\f071';
}

.untis-parentsdayview .grupet_widget_app_matrix .grupetScrollContainerCenter {
    background-color:#f5f5f5;
}

.untis-parentsdayview .grupet_widget_app_matrix .grupetScrollContainerRight .compact,
.untis-parentsdayview .grupet_widget_app_matrix .rowFooter {
    width:100%;
}

.untis-parentsdayview .grupet_widget_app_matrix .defaultBox,
.untis-parentsdayview .grupet_widget_app_matrix .entry,
.untis-parentsdayview .grupet_widget_app_matrix .rowHeader,
.untis-parentsdayview .grupet_widget_app_matrix .rowFooter {
    display:table-cell;
    box-sizing:content-box;
    min-width:56px;
    max-width:56px;
    width:56px;
    height:32px;
    background:none;
    padding:0;
    border:2px solid #fff; /* height grows to 36px */
}

.untis-parentsdayview .grupet_widget_app_matrix .entry {
    cursor: pointer;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry input[type=checkbox] {
    display:none;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry.disabled {
    background-color: #ccc;
    cursor:auto;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry.checked {
    background-color: rgb(0,200,0);
    color:white;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry:not(.disabled):hover {
    background-color: rgba(0,200,0,0.25);
    color:white;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry.checked:hover {
    background-color: rgba(200,0,0,0.25);
}

.untis-parentsdayview .grupet_widget_app_matrix .entry:not(.disabled):hover:before {
    font-family: FontAwesome;
    content: '\f00c';
}

.untis-parentsdayview .grupet_widget_app_matrix .entry:not(.checked):hover:before {
    display:block;
    font-size: 1.33333333em;
    line-height: 0.75em;
}

.untis-parentsdayview .grupet_widget_app_matrix .entry:not(.disabled) input[type=checkbox] {
    cursor:pointer;
}

.untis-parentsdayview .drag {
    margin:0 auto;
    white-space:normal;
}

.un-timetable .entryContent .center {
    width:100%;
    height:100%;
}

.untis-parentsdayview .entryContent .inner {
    padding:0 16px;
    white-space:normal;
}

.untis-parentsdayview .entryContent .fa {
    display:block;
    margin-bottom:8px;
}

.untis-parentsdayview .entryContent h1 {
    display:block;
    margin-bottom:0;
    font-weight: bolder !important;
    font-size:1.5em;
    color: #777;
}

.untis-parentsdayview .controls .grupetWidgetLabelPanel {
    margin-right:8px;
    float:left;
}

.untis-parentsdayview .controls .dijitTextBox {
    width:12em;
}

.untis-parentsdayview .controls .btn-order {
    margin-top:12px;
}

.untis-parentsdayview .card.request-student {
    margin-bottom: 18px !important;
}

.untis-parentsdayview .card.teacher-absences {
    margin-bottom: 18px !important;
}

.untis-parentsdayview .request-student-form .col {
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 20px;
}

.untis-parentsdayview .request-student-form .row {
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    padding-right: 20px;
}
.untis-parentsdayview .request-student-form .button-bar {
    margin-top:10px;
}

.untis-parentsdayview .request-student-form .textarea,
.untis-parentsdayview .request-student-form .textarea textarea {
    width:300px;
}

.untis-parentsdayview .request-student-form .textarea textarea {
    height:45px;
}

.untis-parentsdayform .untis-parentsdayform-settings .hint {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 100;
    color: #333333;
    line-height: 15px;

    visibility: hidden;
}

.untis-parentsdayform .untis-parentsdayform-settings tr:hover .hint {
    visibility: visible;
}

.untis-parentsdayview .table .max-height {
    height:36px;
}

.untis-parentsdayview .table tr th,
.untis-parentsdayview .table tr td {
    text-align:left;
    padding-left:8px;
    padding-right:8px;
}

.untis-parentsdayview .table .sortable {
    color:#f90;
}

.untis-parentsdayview .table .order1:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f106';
    padding-left:4px;
}

.untis-parentsdayview .table .order2:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f107';
    padding-left:4px;
}

.untis-parentsdayview .table tr.odd {
    background-color:#fff;
}

.untis-parentsdayview .table tr.optional td,
.untis-parentsdayview .table tr.mandatory td {
    background-color: rgba(255,153,0,0.25);
    font-weight: bold;
}

.untis-parentsdayview .table tr.optional:hover td,
.untis-parentsdayview .table tr.mandatory:hover td {
    background-color: rgba(200, 218, 229, 0.3);
}

.untis-parentsdayview .table tr.optional .fa-warning,
.untis-parentsdayview .table tr.mandatory .fa-warning {
    color: rgb(255,153,0);
    margin-left:8px;
}

.untis-parentsdayview .toggle-view .grupet_SimpleGrid {
    border-top: 2px solid #d0d0d0;
}

.untis-parentsdayview .toggle-view .grupet_SimpleGrid th {
    background-color: rgba(200, 218, 229, 0.2);
}

.untis-parentsdayview .toggle-view .table {
    table-layout:fixed;
}

.untis-parentsdayview .toggle-view .field-visible {
    width:10%;
}

.untis-parentsdayview .toggle-view .field-teaches {
    width:20%;
}

.untis-parentsdayview .toggle-view .teachers .field-displayName {
    width:50%;
}

.untis-parentsdayview .toggle-view .teachers .field-subjects {
    width:20%;
}

.untis-parentsdayview .toggle-view .students .field-displayName {
    width:70%;
}

.untis-parentsdayview .toggle-view .table a,
.untis-parentsdayview .toggle-view .table a:hover {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
}

.untis-parentsdayview .toggle-view .table .color {
    display:inline-block;
    vertical-align:middle;
    width:12px;
    height:12px;
    border-radius:6px;
}

.untis-parentsdayview .toggle-view .table tr:hover td {
    background-color: rgba(200, 200, 200, 0.3);
    transition:background 0.2s ease;
}

.untis-parentsdayview .toggle-view .table tr.optional:hover td,
.untis-parentsdayview .toggle-view .table tr.mandatory:hover td {
    background-color: rgba(255,153,0,0.4);
}

.untis-parentsdayview .toggle-view .table tr.unscheduled td {
    background-color: rgba(255,0,0,0.25);
}

.untis-parentsdayview .toggle-view .table tr.unscheduled:hover td {
    background-color: rgba(255,0,0,0.3);
}

.untis-parentsdayview .request-teachers table .field-displayName {
    width:300px;
}

.untis-parentsdayview .request-teachers table .field-subjects {
    width:170px;
}


.untis-parentsdayview .request-teachers table {
    table-layout: fixed;
    width:100%;
}

/*** MyAppointments ***/

.untis-parentsdayview .card.my-appointments {
    margin-bottom: 18px !important;
    min-width: 600px;
}

.untis-parentsdayview .card.my-appointments .dijitLayoutContainer-child {
    width: 100% !important;
}

.untis-parentsdayview .my-appointments .fixed-table-container {
    padding-top: 36px !important; /* height of header */
    overflow: hidden !important;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner {
    width: 100%;
    height: 100%;
    overflow: auto;
    border-top: 1px solid #d0d0d0;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .table > thead > tr {
    height: 0 !important;
    border-bottom: 0;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .table > thead > tr > th {
    padding:0 !important;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .table > tbody > tr > td {
    white-space: nowrap;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .th-inner {
    position: absolute;
    top: 0;
    line-height: 36px; /* height of header */
    text-align: left;
    font-weight: bold;
    padding: 0 8px 0 8px;
    background-color:white;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .table > thead > tr > th:first-child .th-inner {
    padding-left: 16px;
}

.untis-parentsdayview .my-appointments .fixed-table-container-inner .table > thead > tr > th:last-child .th-inner {
    padding-right: 16px;
}

.untis-parentsdayview .my-appointments .dijitAlignCenter {
    overflow:auto;
}

.untis-parentsdayview .my-appointments .dijitAlignLeft {
    overflow:visible;
}

.untis-parentsdayview .my-appointments .table {
    table-layout:fixed;
    min-width:100%;
    width:auto;
    height:auto;
}

.untis-parentsdayview .my-appointments .field-startTime {
    width:12%;
}
.untis-parentsdayview .my-appointments .field-parentName {
    width:30%;
}
.untis-parentsdayview .my-appointments .field-studentKlasse,
.untis-parentsdayview .my-appointments .field-studentName,
.untis-parentsdayview .my-appointments .field-teacherName,
.untis-parentsdayview .my-appointments .field-subjects,
.untis-parentsdayview .my-appointments .field-roomName {
    width:22%;
    white-space:nowrap;
}

.untis-parentsdayview .my-appointments .table tr.empty-slot {
    background-color: #ccc;
    border-color:#ccc;
    color: #fff;
}

.untis-parentsdayview .my-appointments .table tr.scheduled .date {
    margin-right:8px;
    color: #999;
}

.untis-parentsdayview .my-appointments .table tr.empty-slot .time {
    margin-left:8px;
}

.untis-parentsdayview .my-appointments .table tr.scheduled .time,
.untis-parentsdayview .my-appointments .table tr.teacher-absent .time {
    display:inline-block;
    box-sizing:border-box;
    line-height:normal;
    padding:4px 8px 4px 8px;
    border-radius:10px;
    text-align:center;
    background-color:rgba(255,153,0,0.25);
    font-size:12px;
}

.untis-parentsdayview .my-appointments .table tr.teacher-absent {
    background-color: rgba(255,0,0,0.25);
}

.untis-parentsdayview .my-appointments .table tr.teacher-absent .time {
    background-color: rgba(255,0,0,0.25);
}

.untis-parentsdayview .my-appointments .table tr.teacher-absent .fa {
    color: rgba(255,0,0,0.5);
    margin-right:4px;
}

.untis-parentsdayview .requested-students .empty-header,
.untis-parentsdayview .requested-students .empty-content{
    text-align:center;
    margin: 10px 20px 0 20px;
}

.untis-parentsdayview .requested-students .empty-header {
    margin-top:20px;
    font-size: 14px;
}

.untis-parentsdayview .requested-students .empty-content {
    color: #666;
}

.untis-parentsdayview .requested-students tbody .field-text {
    padding: 10px;
}


.untis-parentsdayview .request-text {
    resize: none;
    height:75px;
}

/*.untis-parentsdayview .buttonBar {*/
    /*margin:0;*/
    /*padding:0;*/
    /*border:none;*/
/*}*/

.untis-timeblock-edit .title .imageButton {
    margin-top:1.76em;
    margin-left:4px;
}

.untis-timeblock-edit-slotlength {
    width: 3em !important;
}

.untis-timeblock-edit-timeblockeditor .grupet_widget_DateTimeSelect,
.untis-timeblock-edit-timeblockeditor .dateTimeSelectTable,
.untis-timeblock-edit-timeblockeditor .grupetWidgetLabelPanel,
.untis-timeblock-edit-timeblockeditor .imageButton {
    float:left;
}

.untis-timeblock-edit-timeblockeditor .dateTimeSelectTable tr {
    display:block;
    float:left;
}

.untis-timeblock-edit-timeblockeditor .grupetWidgetLabelPanel {
    padding: 3px 2px 2px 2px;
}

.untis-timeblock-edit-timeblockeditor .imageButton {
    margin: 16px 0 0 4px;
}

.untis-parentsday-absence-readonly {
    background-color: red;
}

.untis-parentsdayform.anonymous .pagetitle {
    font-size:16px;
}

.untis-parentsdayform .dijitContentPane {
    padding: 0 !important;
}

.untis-parentsdayform .controls.controls-last {
    border-bottom: 0;
}

.untis-parentsdayform h3 {
    margin-top: 0;
}

.untis-parentsdayform .untis-parentsdayform-settings td {
    padding-top: 5px;
    padding-right: 5px;
}

.space-before {
    margin-top:12px;
}

.space-after {
    margin-bottom:12px;
}

.notify {
    padding:3px 8px 3px 4px;
    color:white !important;
}

.notify .fa {
    margin-right:4px;
}

.notify.success {
    background-color:rgb(0,200,0);
}

.notify.error {
    background-color:rgb(200,0,0);
}

/* Parentsday Parent-Admin-View */

#content > .un-server-rendered-view.un-pd-parent-admin-view {
    padding: 0 !important;
    margin: 0 !important;
}

.claro .un-pd-parent-admin-view.pageContent .un-page-body {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    max-width:1920px !important;
    overflow: auto;
}

.un-pd-parent-admin-view .dijitContentPane {
    padding: 0 !important;
}

.un-pd-parent-admin-view .grupetWidgetToolbar {
    margin-bottom: 0 !important;
}

.un-pd-parent-admin-view .buttonBar {
    margin-top: 0 !important;
}

/* Parentsday-Form-View */

#content > .un-server-rendered-view.un-pd-parentsday-form-view {
    padding: 0 !important;
    margin: 0 !important;
}

.claro .un-pd-parentsday-form-view.pageContent .un-page-body {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    max-width:1920px !important;
    overflow: auto;
}

.un-pd-parentsday-form-view .dijitContentPane {
    padding: 0 !important;
}

/* Activity-Format-Form-View */

#content > .un-server-rendered-view.un-activity-format-form-view {
    padding: 0 !important;
    margin: 0 !important;
}

.claro .un-activity-format-form-view.pageContent .un-page-body {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    max-width:1920px !important;
    overflow: auto;
}

.un-activity-format-form-view .dijitContentPane {
    padding: 0 !important;
}

/* Substitution-Format-Form-View */

#content > .un-server-rendered-view.un-substitution-format-form-view {
    padding: 0 !important;
    margin: 0 !important;
}

.claro .un-substitution-format-form-view.pageContent .un-page-body {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    max-width:1920px !important;
    overflow: auto;
}

.un-substitution-format-form-view .dijitContentPane {
    padding: 0 !important;
}

/*** StudentLessonEdit ***/

.untis-student-lesson {
}

.untis-student-lesson .card {
    max-width:none;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
}

.untis-student-lesson .card .dijitContentPane {
    padding:0;
}

.untis-student-lesson .card.dijitAlignLeft {
    min-width:268px;
    width:25%;
    margin:0 16px 0 16px;
}

.untis-student-lesson .card.dijitAlignCenter {
    max-width:none;
    width:50%;
    margin:0 16px 0 16px;
    padding:0;
}

.untis-student-lesson .card.dijitAlignRight {
    min-width:268px;
    width:25%;
    margin:0 16px 0 0;
    padding:0;
}

.untis-student-lesson.anonymous.pageContent .grupetWidgetToolbar {
    margin: 0;
}

.untis-student-lesson .lesson-select h2 {
    /*background-color: #999;*/
    /*color: white !important;*/
    padding:8px 16px !important;
    line-height:20px !important;
}

.untis-student-lesson .empty {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding:10px 16px;
    line-height: 16px !important;
    border-bottom: 1px solid #d0d0d0;
}

.untis-student-lesson-dialog .table tr input[type=checkbox] {
    cursor:pointer;
}

.untis-student-lesson .table tbody tr:hover td,
.untis-student-lesson-dialog .table tbody tr:hover td {
    background:rgba(255,163,0,0.25);
    transition:background 0.2s ease;
    cursor:pointer;
}

.untis-student-lesson .lesson-select .field-id {
    padding-left: 10px !important;
}

.untis-student-lesson .table tbody tr.marked {
    background-color: rgba(255,163,0,0.75);
}

.untis-student-lesson .table .fa-close {
    font-weight:normal;
    color:#333;
    cursor:pointer;
}

.untis-student-lesson .table .fa-close:hover {
    font: normal normal normal 14px/1 FontAwesome;
    font-size:12px;
    font-weight:normal;
    color:#f90;
}

.untis-student-lesson .table tbody tr td .fa-close {
    opacity:0;
}

.untis-student-lesson .table tbody tr:hover td .fa-close {
    opacity:1;
}

.untis-student-lesson .assign-entry,
.untis-student-lesson .assign-entry .grupetWidgetTimetableEntryContent {
    position: absolute;
}

.untis-student-lesson .assign-entry.marked {
    border: 4px solid rgba(255,163,0,0.75);
}

.untis-student-lesson .assign-entry .overlay {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.25);
}

.untis-student-lesson .assign-entry .overlay.has-studentgroup {
    cursor: pointer;
}

/*.untis-student-lesson .assign-entry .overlay.has-studentgroup:hover,*/
.untis-student-lesson .assign-entry .overlay.checked {
    background-color:rgba(0,200,0,0.5);
    /*transition:background-color 0.2s ease;*/
}

.untis-student-lesson .assign-entry .overlay.has-studentgroup:hover {
    opacity:0.5;
}

/*.untis-student-lesson .assign-entry .overlay.has-studentgroup.checked:hover {*/
    /*background-color:rgba(200,0,0,0.5);*/
/*}*/

/*.untis-student-lesson .assign-entry .overlay.has-studentgroup:hover:before,*/
.untis-student-lesson .assign-entry .overlay.checked:before,
.untis-student-lesson .assign-entry .overlay.delete:before {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    color: rgba(255,255,255,0.5);
    font: 36px FontAwesome;
}

.untis-student-lesson .assign-entry .overlay.checked:before {
    width: 36px;
    margin-top: -18px;
    margin-left: -18px;
    content: '\f00c';
}

.untis-student-lesson .assign-entry .overlay.delete:before {
    width: 28px;
    margin-top: -18px;
    margin-left: -14px;
    content: '\f00d';
}

.assign-tooltip:focus {
    outline:none;
}

.assign-tooltip .dijitTooltipConnector {
    display: block !important;
    margin-bottom: -10px;
}

.assign-tooltip .dijitDialogPaneContent,
.assign-tooltip .dijitTooltipFocusNode {
    padding: 0 !important;
}

.assign-tooltip .dijitDialogPaneContent  {
    border-top: 1px solid #d0d0d0 !important;
}

.assign-tooltip .form-group {
    padding: 8px 0;
    border-bottom: 1px solid #d0d0d0;
}

.assign-tooltip .form-checkbox {
    margin-bottom: 8px;
}

.assign-tooltip .form-checkbox * {
    vertical-align: middle;
    font-size: 12px;
}

.assign-tooltip .form-checkbox input[type=checkbox] {
    margin: 0 4px 0 0;
}

.assign-tooltip .form-checkbox .fa {
    margin-left: 4px;
}

.assign-tooltip .imageButton > div {
    margin-right: 4px;
}

.assign-tooltip .imageButton > span {
    font-size: 12px;
}

.assign-tooltip a,
.assign-tooltip a:hover {
    display: block;
    color: #0000EE;
    font-size: 12px;
    cursor: pointer;
    padding: 8px 0;
}

/*** Student-Lesson-Assign-Matrix ***/

.untis-studentlessonedit-assignmatrix .form-group .fa {
    margin-left: 4px;
}

.untis-studentlessonedit-assignmatrix .form-group * {
    vertical-align: middle;
}

.untis-studentlessonedit-assignmatrix-columnheader {
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    text-align: center;

    border-top: 1px solid #a6c2e7;
    border-bottom: 1px solid #a6c2e7;
    border-right: 1px solid #a6c2e7;

    padding-bottom: 4px;
    padding-top: 4px;

    white-space: nowrap;
    vertical-align: middle;
    height: 40px;
    width: 60px;

    cursor: pointer;
}

.untis-studentlessonedit-assignmatrix-columnheader-first {
    border-left: 1px solid #a6c2e7;
}

.untis-studentlessonedit-assignmatrix .rowHeader {
    cursor: pointer;
}

.untis-studentlessonedit-assignmatrix .entry {
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    height: 27px;
    width: 60px;

    text-align: center;
    vertical-align: middle;
    background-color: white;
}

.untis-studentlessonedit-assignmatrix .entryTop {
    /*border-bottom: 1px solid darkgray;*/
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.4);*/
}

.untis-studentlessonedit-assignmatrix .selected {
    background-color: #DAECF8;
}

.untis-studentlessonedit-assignmatrix .lessonDetails td {
    padding-right: 5px;
}

.untis-studentlessonedit-assignmatrix-checkbox {
    /*width: 0;*/
    /*height: 0;*/
    display:none;
}

.untis-studentlessonedit-assignmatrix .entry.checked:before {
    color: rgba(255,255,255,0.5);
    font: 24px FontAwesome;
    content: '\f00c';
}

.untis-studentlessonedit-assignmatrix .entry.unchecked:hover:before
{
    color: rgba(255,255,255,0.5);
    font: 24px FontAwesome;
    content: '\f00c';
}

.untis-studentlessonedit-assignmatrix .entry.unchecked {
    background-color:rgba(200,200,200,0.25);
    cursor: pointer;
}

.untis-studentlessonedit-assignmatrix .entry.checked {
    background-color:rgba(0,200,0,0.5);
    cursor: pointer;
}

.untis-studentlessonedit-assignmatrix .entry.unchecked:hover {
    background-color:rgba(0,200,0,0.25);
}

.untis-studentlessonedit-assignmatrix .entry.checked:hover {
    background-color:rgba(200,0,0,0.5);
}

.untis-collision-view.untis-student-lesson * {
    font-size: 12px;
}

.untis-collision-view .assign-entry,
.untis-collision-view .un-timetable__entry {
    position:relative;
    float: left;
    top:0 !important;
    left:0 !important;
    color: #333 !important;
    margin-right: 8px;
}

.untis-collision-view .assign-entry .overlay.has-studentgroup.checked:hover {
    background-color:rgba(200,0,0,0.5);
}

.untis-appcredentials-text {
    max-width: 400px;
    padding: 20px 20px 0;
}

.untis-appcredentials-qrcode {
    width: 250px;
    height: 250px;
    float: right;
}

.untis-appcredentials-table {
    padding-top: 25px;
}

/*** User Registration ***/

.untis-userregistration-container {
    display: table;
    margin-left: auto;
    margin-right: auto;
    /*min-width: 600px;*/
}

.untis-userregistration-title {
    font-weight: normal;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #d0d0d0;
    color: #f90;
    height: auto;
}

.untis-userregistration-content {
    position: relative;
    padding: 10px;
}

.untis-userregistration .card {
    padding: 10px !important;
    margin: 40px 0 0 !important;
}

.untis-userregistration-separator {
    text-align: center;
    padding: 10px;
}

.untis-userregistration-status {
    padding-left: 15px;
}

.untis-userregistration-confirm {
    padding-left: 15px;
}

.untis-userregistration-finish {
    min-width: 300px;
}

.untis-userregistration-hint {
    border-top: 1px solid #d0d0d0;
}

.untis-userregistration-hint ul {
    list-style: none;
    padding-left: 0;
}

.untis-react-view {
    width: 100%;
    height: 100%;
}

/*** Tache-List ***/

.untis-tachelist .pagetitle {
}

.untis-tachelist .un-page-body {
    margin-top: 16px;
}

.claro .untis-tachelist .dijitContentPane {
    padding: 0;
}

.untis-tachelist-container {
    border: 1px solid lightgrey;
}

.untis-tachelist {
    table-layout: fixed;
}

.untis-tachelist .dijitTabContainerTopChildWrapper {
    padding: 0;
}

.untis-tachelist-buttons {width: 25px;}
.untis-tachelist-teachershort {width: 60px;}
.untis-tachelist-teachertext {width: 100px;}
.untis-tachelist-teacher {width: 180px;}
.untis-tachelist-status {width: 40px;}
.untis-tachelist-target {width: 70px;}
.untis-tachelist-total {width: 70px;}
.untis-tachelist-absencedays {width: 70px;}
.untis-tachelist-calc {width: 70px;}
.untis-tachelist-payable {width: 70px;}
.untis-tachelist-suggested {width: 70px;}
.untis-tachelist-theoretical {width: 70px;}
.untis-tachelist-granted {width: 70px;}
.untis-tachelist-prev-granted {width: 70px;}
.untis-tachelist-aliquoting{width: 55px;}

.untis-tachelist-granted .dijitTextBox {
    width: 100%;
}

.untis-tachelist-changed {
    background-color: #ffffc8 !important;
}

.untis-tachelist-more {
    border-color: #ff3333 !important;
}

.untis-tachelist-less {
    border-color: #33ff33 !important;
}

.untis-tachelist-footnote {
    vertical-align: super;
    font-size: smaller;
}

.untis-tachelist-page-buttons {
    float: left;
}

.untis-tachelist-legend {
    /*float: right;*/
    margin-bottom: 5px;
}

.untis-tachelist-legend-box {
    border: 1px solid lightgray;
    width: 20px;
}

.untis-tachelist-legend-text {
    padding-left: 5px;
    padding-right: 10px;
}

.untis-tachelist-detail-sum {
    font-weight: bold;
}

/*** DecompteAnnuel ***/

.untis-decompteannuellist-teachershort {width: 50px;}
.untis-decompteannuellist-teacher {width: 110px;}
.untis-decompteannuellist-pnr {width: 110px;}
.untis-decompteannuellist-amount {width: 100px;}
.untis-decompteannuellist-amountsaved {width: 100px;}
.untis-decompteannuellist-saveAmount {width: 80px;}
.untis-decompteannuellist-signed {width: 80px;}
.untis-decompteannuellist-checked {width: 20px;}

th.untis-decompteannuellist-checked {
    text-align: left !important;
}

.untis-decompteannuellist-amount--changed {
    color: red;
}

/*** ExternalView ***/

.untis-externalpage, .untis-externaldialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.untis-externaldialog.untis-multiplemarkentry-advanced {
    width: 960px;
    height: 520px;
}


.untis-teacherabsenceeditor .entryContent .inner {
    padding:0 16px;
    white-space:normal;
}

.untis-teacherabsenceeditor .entryContent .fa {
    display:block;
    margin-bottom:8px;
}

/*** AutoAssignDialog ***/

.untis-course-autoassign {
    width: 1600px;
    height: 700px;
}

/*** Drive ***/
.untis-drive-dialog {
    width: 960px;
    height: 520px;
}

.untis-drive-select-files-dialog {
    width: 480px;
    height: 520px;
}

/*** MessageFormDialog ***/

.untis-messageform-dialog .disabled {
    pointer-events: none;
    opacity: 0.7;
}

/** DriveUploader **/
.grupet_widget_DriveUploader .fileName,
.grupet_widget_DriveUploader .info {
    margin-left: 5px;
}

.grupet_widget_DriveUploader .deleteBtn {
    margin-left: 2px;
}

.drive-uploader .file-link{
    vertical-align: middle;
}

.un-periodinfo-form textarea {
    width: 100%;
    height:70px;
    resize: none;
}

.un-periodinfo-form textarea.not-editable {
    border:none !important;
}

/*** GradeEditorDialog ***/

.untis-grade-editor-dialog {
    width: 500px;
    height: 550px;
}

/*** ParentsDayOptimizationDialog ***/

.untis-parentsday-optimize {
    width: 800px;
    height: 500px;
}

/*** OfficeHoursRegistrationView ***/

.untis-officehours-registration {
    width: 600px;
    height: 480px;
}

/*** OfficeHoursRegistrationView ***/
.untis-officehourlist-table-interactive .data-LBL_REGISTRATION .buttonvisibile {
    display: block;
}

.untis-officehourlist-table-interactive .data-LBL_REGISTRATION .buttonhidden {
    display: none;
}

.untis-officehourlist-table-interactive tbody tr {
    cursor: pointer;
}

.untis-officehourlist-table-interactive tbody tr:hover {
    background-color: #cfd8e6;
}

.untis-officehourlist-table-interactive tbody tr:hover .untis-officehourlist-registerbutton.buttonhidden {
    display: block;
}

/* Fixes f�r React-Widgets auf der Stundenplanseite im alten UI. */

.un-timetable-page > div > div.dijitContentPane {
    padding: 0 !important;
}

.un-timetable-page .un-timetable-quickselect {
    padding: 0;
}

.un-timetable-page .un-timetable-quickselect__button:HOVER {
    font-family: inherit !important;
    font-size: inherit !important;
}

.un-timetable-page .un-timetable-legend {
    padding: 5px 16px 0;
}

.un-timetable-page div.un-timetable-legend__cell {
    font-size: 11px;
}

.un-timetable-page .un-timetable-page__element-info {
    float: left;
    margin-right: 8px;
    padding: 0 0 0 5px;
    border-left: 1px solid #d0d0d0;
    height:34px;
}

.un-timetable-page .un-timetable-page__update-timestamp {
    padding-top: 5px;
    padding-left: 16px;
}

.un-timetable-page .grupetScrollContainer .grupetScrollContainerContent {
    /*background-color: white;*/
}

.un-lessoninfodialog-wrapper {
    width: 600px;
    max-width: 600px;
    min-width: 600px;
}

/* GradingModelForm */

#content > .un-server-rendered-view.un-grading-model-view {
    padding: 0 !important;
    margin: 0 !important;
}

.claro .un-grading-model-view.pageContent .un-page-body {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    max-width:1920px !important;
    overflow: auto;
}

.un-grading-model-view .dijitContentPane {
    padding: 0 !important;
}

.untis-gradingmodel-gradingmodelform h2 {
    background-color: rgba(200, 218, 229, 0.2);
}

.untis-gradingmodel-gradingmodelform td.label {
    padding-right: 10px;
}

.untis-gradingmodelview {
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.untis-gradingmodelview .editor {
    height: 100%;
}

.untis-gradingmodelview.anonymous h1 {
    font-size: 16px;
}

.untis-gradingmodelview.anonymous h1 .dimmed {
    font-size: 14px;
}

.untis-gradingmodelview .card {
    max-width:inherit;
}

.untis-gradingmodelview .card .dijitContentPane {
    padding:0;
}

.untis-gradingmodelview .card.dijitAlignLeft {
    min-width:268px;
    width:25%;
    margin-right:16px;
}

.untis-gradingmodelview .card.dijitAlignCenter {
    width:50%;
}

.untis-gradingmodelview .card.dijitAlignRight {
    min-width:268px;
    width:25%;
    margin-left:16px;
}

.untis-gradingmodelview .card.large {
    min-width:368px;
}

.untis-gradingmodelview .card.x-large {
    min-width:468px;
}

.untis-gradingmodelview .card.xx-large {
    min-width:568px;
}

.untis-gradingmodelview .card.warning {
    padding:8px 16px;
    max-width:715px;
}

.untis-gradingmodelview .buttonBar .dijitButton {
    margin-bottom:2px;
}

.untis-gradingmodelview .buttonBar .dijitButton .dijitButtonNode {
    color: #fff;
    background: #f90;
    border: 1px solid #f90;
    padding: 6px 12px;
    font-size:12px;
    text-shadow: none;
}

.untis-gradingmodelview .buttonBar .dijitButtonHover {
    transition:box-shadow 0.2s ease;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

/*** Eingabeassistent ***/

.un-data-entry-wizard-container {
    height: 100%;
}

#dataEntryWizardContainer {
    padding: 0 !important;
}


/*** Datenschutz ***/
#privacyView .upload-hint {
    margin-top: 4px;
}

#privacyView .upload-hint .text-muted {
    margin-top: 2px;
}

#privacyView h2 {
    margin-top: 0;
}

/* This is the container for notifications in the dojo UI. */
#notificationContainer {
    position: absolute !important;
    -webkit-overflow-scrolling: auto !important;
    left: 0;
    top: 0;
}

.claro .dijitDialogUnderlay {
    background: #000 !important;
    opacity: 0.45 !important;
}

.zendesk-article-content h3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.zendesk-article-content p {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

#collapsible-sidebar {
    color: #ff6033;
    text-align: center;
    border-left: 1px solid #90B1C5;
    height: inherit !important;
    padding: 0;
    overflow: hidden;
    min-width: 40px;
}

#collapsible-sidebar.collapsed:hover {
    background: #fff0eb;
    cursor: pointer;
}

#minimized-calendar {
    font-size: 13px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    transform: rotate(90deg) translate(106px, 81px);
    text-align: left;
    width: 200px;
    white-space: nowrap;
}

#sidebar-container-arrow {
    position: absolute !important;
    display: block !important;
    top: 16px;
    left: 16px;
}

#embedded-date-pane button.icon-today {
    margin-top: 8px;
}

#settingsform #school-url {
    height: 50px;
}

#settingsform #school-url .label {
    vertical-align: middle;
}

#settingsform #school-url .setting {
    vertical-align: middle;
}