/**************************************************************************************

  Datei: diff.css
  ---------------------

  Altes Design von Campus

 **************************************************************************************

 Dateistruktur:
 --------------
 i. Scrollbars
 ii. Input Buttons
 iii. DatePicker
 iv. Allgemeines
 v. Mandatory
 0. Header
 1. LeftFrame
  1.1 ButtonBar
  1.2 Navigator
 2. MainContantFrame
  2.1 ButtonBar
  2.2 AnchorMenu
  2.3 Filter
  2.4 Tabs
  2.5 Content
  2.6 Hint boxes
  2.7 Kalender

 **************************************************************************************/

/* Mandatory */

#campusCss td.elementmandatory span input.datefield,
#campusCss select.mandatory,
#campusCss textarea.mandatory {
  border-left: 3px solid #cf0000 !important;
}

/* Filter */
.boxlayoutvertical .secondcol{
  margin-left: 15px;
}

/* Kalender: Anpassungen calendar.css */
#campusCss .calendarTable {
  font: bold 12px Arial,Tahoma,Helvetica,MS Sans Serif,Verdana,sans-serif;
}

#campusCss .calendarTable th,
#campusCss .calendarTable td {
  border: 1px solid #868686;
  padding: 0px;
}

#campusCss .calendarTable th {
   background: #f0f0f0;
   height: 29px;
}

#campusCss .calendarTable td.timeCell {
  vertical-align: top;
}

#campusCss div.appointmentContainer div.appointment,
#campusCss div.collisionContainer div.collision {
  font: 11px/12px Arial,Tahoma,Helvetica,MS Sans Serif,Verdana,sans-serif;
}

div.appointment{
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

#campusCss div.appointmentContainer div.appointment a,
#campusCss div.appointmentContainer div.appointment div,
#campusCss div.appointmentContainerBooking div.appointment a,
#campusCss div.appointmentContainerBooking div.appointment div{
  font: 11px/12px Arial,Tahoma,Helvetica,MS Sans Serif,Verdana,sans-serif;
}

#campusCss td.notconfirmedapp {
  color: #dd0707;
}

#campusCss div.appointmentContainer div.appointment.notconfirmedapp,
#campusCss div.appointmentContainer div.appointment.notconfirmedapp a {
  color: #dd0707;
  border-color: #333333;
}

/* Kalender: Anpassungen month_calendar.css */
.ymscal_table {
  border: 1px solid #868686;
}

#ymscal_table th {
  background-color: #F0F0F0;
}

#campusCss .dayheader p {
  font-size: smaller;
}

div.rowwrap table.lines td {
 height: 25px;
}

#campusCss div.calendar div.appointmentContainer,
#campusCss div.calendar div.collisionContainer {
  top: 30px;
}

#campusCss .calendarTable div.calendarHoliday,
#campusCss div.publicHoliday {
  color:#F00000;
}

/* ******************************************************************************
 * Anpassungen am Studienablaufplan und Status
 ********************************************************************************
 */

#campusCss table td.status div {
  width:auto;
  height:16px;
  border:none;
  background-repeat:no-repeat;
  background-position:0 0;
  background-color:transparent;
  text-align:left;
  padding-left:20px;
}
#campusCss table td.status div.notstarted {
  background-image:url(../img/status_notstarted.png);
}
#campusCss table td.status div.started {
  background-image:url(../img/status_started.png);
}
#campusCss table td.status div.notpassed {
  background-image:url(../img/status_notpassed.png);
}
#campusCss table td.status div.passed {
  background-image:url(../img/status_passed.png);
}

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

.formelements .label,
.formelements .label *,
.displayfields .label,
.displayfields .label * {
  font-weight:bold !important;
  color:#666 !important;
}
.formelements .label,
.formelements .element,
.displayfields .label,
.displayfields .element {
  padding-bottom:6px !important;
}
/* Select-Boxen für Semester- und Sprachwahl */
#campusCss #headNavi div.itemChooserWrap select.itemChooser {
  color: black;
}

/* Vertikale Ausrichtung */
#campusCss div.cas-extended-field-value img,
#campusCss div.tableitem img,
#campusCss div.tableitem input {
  vertical-align: top;
}

#campusCss .displayfields td.element,
#campusCss .formelements td.element {
  height: 16px;
}

#campusCss div.table-iconbar div.disabledTablemenu {
  padding-right: 3px;
}
#campusCss div.tabcontainer {
  padding-top:12px;
}
.slim {
  width:16px !important;
}

/* Pixel-Optimierungen ... */
#campusCss #leftFrame #customerLogo a {
  height:90px;
}

/* Footer brauchen wir nicht */
#campusCss #footerFrame {
  display:none;
}
#campusCss #mainContentFrame {
  bottom:0;
}


#campusCss #headNavi.systemInfo {
  background:url(../img/warning_back_top.png) repeat-x left bottom;
  border-bottom:solid 2px #fff;
}
#campusCss #headNavi.systemInfo .metaNavigation,
#campusCss #headNavi.systemInfo a {
  color:#000 !important;
}


#campusCss #studyplan sup {
  font-size:.7em;
}

#campusCss .va .hierarchy tr.field,
#campusCss .va .hierarchy tr.module {
  border-top:solid 1px #fff;
}
#campusCss .va .hierarchy tr.brick {
  border-top:solid 1px #eee;
}
#campusCss .va .hierarchy tr:hover {
  background:#d9efec;
}
#campusCss .va .hierarchy td.indented {
  white-space:normal;
}

/* Buttonbar */
#campusCss #buttonbar div.menuitem a,
#campusCss #buttonbar div.menuitem button {
  font-size:10px;
  min-width:45px;
  padding:0 7px;
  cursor:pointer;
}
#campusCss #buttonbar div.menuitem a img,
#campusCss #buttonbar div.menuitem button img {
  display:block;
}

/* Formular-Tabelle */
#campusCss .formcomponent .formelements .label,
#campusCss .formcomponent .displayfields .label {
  padding-left:0;
  width:200px;
}
#campusCss .formcomponent .displayfields .element {
  max-width:none;
}

/* Paginierung für Tabellen */
#campusCss .pagination {
  display:flex;
  justify-content:space-between;
  padding:0 7px;
}
#campusCss .pagination div {
  line-height:30px;
}
#campusCss .pagination .gotopage input.gotopage {
  width:30px !important;
  margin:0;
  text-align:center;
  vertical-align:baseline;
}
#campusCss .pagination .gotopage button.first,
#campusCss .pagination .gotopage button.prev,
#campusCss .pagination .gotopage button.next,
#campusCss .pagination .gotopage button.last {
  width:18px;
  height:18px;
  padding:0;
  margin:0 2px;
  background-color:#ddd;
  background-position:center center;
  background-repeat:no-repeat;
  border:solid 1px #999;
  border-radius:2px;
  vertical-align:baseline;
  cursor:pointer;
}
#campusCss .pagination .gotopage button.first {
  background-image:url("../../shared/img/first.png")
}
#campusCss .pagination .gotopage button.prev {
  margin-right:10px;
  background-image:url("../../shared/img/previous.png")
}
#campusCss .pagination .gotopage button.next {
  margin-left:10px;
  background-image:url("../../shared/img/next.png")
}
#campusCss .pagination .gotopage button.last {
  background-image:url("../../shared/img/last.png")
}
#campusCss .pagination .gotopage button:disabled {
  opacity:.33;
  cursor:default;
}
#campusCss .pagination .gotopage button:not(:disabled):hover {
  background-color:#eee;
}

/* Auswahl der Anzahl der Elemente für Tabellen */
#campusCss .pagination select.itemsperpage {
  height:auto;
  vertical-align:baseline;
  cursor:pointer;
}

/* Sortierung von Spalten in Tabellen */
#campusCss .tablehead button.down,
#campusCss .tablehead button.up {
  width:11px;
  height:10px;
  margin:0;
  padding:0;
  border:none;
  background-color:transparent;
  background-position:center center;
  background-repeat:no-repeat;
  vertical-align:middle;
  cursor:pointer;
}
#campusCss .tablehead button.up {
  margin-left:4px;
  background-image:url("../../shared/img/sort-up.png")
}
#campusCss .tablehead button.up:disabled,
#campusCss .tablehead button.up:hover {
  background-image:url("../../shared/img/sort-up-active.png")
}
#campusCss .tablehead button.down {
  background-image:url("../../shared/img/sort-down.png")
}
#campusCss .tablehead button.down:disabled,
#campusCss .tablehead button.down:hover {
  background-image:url("../../shared/img/sort-down-active.png")
}

/* Anpassung von CSS für TinyMCE */
#campusCss div.tiny_active button {
  margin:0;
}

/* Anpassung für Sortierbuttons */
#campusCss .move-up,
#campusCss .move-down {
  padding:0;
  margin:0;
  border:none;
  background:transparent;
  cursor:hand;
}

.globalsearchbox {
  font-size: 14px;
  width: 200px;
  margin-top: -2px;
  background-image: url('../../shared/img/search_2_16.png');
  background-repeat: no-repeat;
  background-position: 2px 2px;
  padding: 2px 2px 2px 20px;
  border: 1px solid #999
}

@media screen and (max-width: 1200px) {
  .globalsearchbox {
    width: 100px;
  }
}


/* allow autoresize to work properly */
#campusCss .tinyContainer .tiny_inactive {
  height:auto !important;
  min-height:60px;
  max-height:400px;
  box-sizing:border-box;
  border:solid 1px #aaa;
  padding:2px;
  margin:0;
}
#campusCss .tinyContainer .tiny_inactive:hover {
  background-color:#f3f3f4;
}
#campusCss .tinyContainer .tiny_inactive.mce-edit-focus {
  outline:auto 2px Highlight;
  outline:auto 4px -webkit-focus-ring-color;
  outline-offset:-1px;
  background-color:#f3f3f4;
}

/* placeholder */
#campusCss  .tinyContainer .tiny_inactive.empty:before {
  content:attr(placeholder);
  position:absolute;
  color:#aaa;
  font-style:italic;
}

/* move TinyMCE toolbar above area */
#campusCss .tinyContainer .tinyToolbar {
  position:relative;
  top:-32px;
  height:0;
  overflow:visible;
}

/* repair toolbar button of TinyMCE */
#campusCss .tinyContainer .mce-btn button {
  margin:0 !important;
}

/*  Button-Bar modernisieren */
#campusCss #buttonbar {
  border: 1px solid #aaa;
  background: linear-gradient(to bottom, #fafafa 0%, #ddd 100%);
}
#campusCss #buttonbar .first_divider,
#campusCss #buttonbar .divider,
#campusCss #buttonbar div.menuitem,
#campusCss #buttonbar div.menuitem a,
#campusCss #buttonbar div.menuitem button,
#campusCss #buttonbar div.disabled:hover a,
#campusCss #buttonbar div.disabled button,
#campusCss #buttonbar div.disabled:hover button
{
  background: none !important;
}
#campusCss #buttonbar div.menuitem {
  margin-right: 10px;
}

#campusCss #buttonbar div.menuitem a {
  font-size: 10px;
}

#campusCss #buttonbar div.menuitem.disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
}
#campusCss #buttonbar div.disabled a,
#campusCss #buttonbar div.disabled a img,
#campusCss #buttonbar div.disabled button,
#campusCss #buttonbar div.disabled button img {
  cursor: not-allowed !important;
}

#campusCss #buttonbar div.menuitem:hover {
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px;
}

/* ******************************************************************************
 * Ende Anpassungen am Studienablaufplan und Status
 ********************************************************************************/