/* View "Ergebnis des Anmeldevorgangs" Styles */
#idRegistrationResultMsgList {
  list-style: none;
  max-width: 36em;
}

#idRegistrationResultMsgList > li {
  vertical-align: middle;
  padding-left: 1.5em;
}

#idRegistrationResultMsgList > li.ResultOk {
  background: url('/mugprod/img/status_ok.gif') no-repeat 0 0;
  background-position: 0px;
}

#idRegistrationResultMsgList > li.ResultWarning {
  background: url('/mugprod/img/status_attention.gif') no-repeat 0 0;
  background-position: 0px;
}

#idRegistrationResultMsgList > li.ResultFail {
  background: url('/mugprod/img/status_not_ok.gif') no-repeat 0 0;
  background-position: 0px;
}

/* Tab "Pers. Einstellungen" Container Styles */
#idConfigMask td.MaskLabel {
  background-color: transparent;
}

#idConfigMask td.MaskLabel label {
  color: black;
}

#idConfigMask table.CBgroup {
  background-color: transparent;
  border: none;
}

#idConfigMask table.CBgroup label {
  color: black;
}

/* Button An/Abmelde Styles */
a.examOffer_icButton {
  vertical-align: middle;
}

a.examOffer_icButton > img {
  padding-right: 1em;
  position: relative;
  top: 1px;
}

/* Expandable Row Container Parts */
ul.examOffer_ListView {
  list-style: none;
  margin: 0em;
  padding: 0em;
}

/* Select "Studienbezogene Daten" Helper Styles */
select.select30em {
  max-width: 30em;
  min-width: 30em;
}

input.select30em {
  max-width: 30em;
  min-width: 30em;
}

div.select30em {
  max-width: 30em;
  min-width: 30em;
}

#idCsNodeNr {
  max-width: 30em;
  min-width: 30em;
}

select.select21em {
  max-width: 21em;
  min-width: 21em;
}

/* Button "im Baum wählen" */
.mkStudyData > table > tbody > tr > td.MaskRenderer {
  vertical-align: top;
}

/*.mkStudyData tr:nth-child(2) > td:nth-child(3) {
   vertical-align: top; 
}*/
.mkStudyData > table > tbody > tr > td.MaskRenderer:not(:first-child) {
  vertical-align: top;
  width: auto;
  float: left;
}

#idOpenCsTree {
  float: right;
}

/* Warteliste Information Container */
span.wrInlineHelp {
  border: dashed 1px;
  margin-left: 1em;
  padding: 0.5em;
  display: block;
  max-width: 50em;
}

/* Expandable Row Container */
.examOffer_TdMask {
  border: none !important;
}

/* overall tabs/form container */
form.examOffer_NoMskBg > div {
  background-color: transparent;
  border: none;
  padding: 0px;
  width: 100%;
}

/* avoiding jumping pages when being loaded */
#pageContent {
  visibility: hidden;
}

/* div. table helper/overwrite styles */
span.headerToolSpacer {
  display: none;
}

span.NoWarpTime, span.DeRegUntilTime, span.RegWindowTime {
  white-space: nowrap;
  font-size: 90%;
}

td > div.noWrapTableDate {
  white-space: nowrap;
}

/* bold dates for better readability */
span.ExamDate {
  font-weight: bold;
  white-space: nowrap;
}

/* custom border and spacing style additions */
#idRegisteredExamsTableContainer, #idRegisteredExamsTableContainer tr, #idRegisteredExamsTableContainer td {
  border: none;
}

#idRegisteredExamsTableContainer a.mkExpand.nounderline > img, #idRegisteredExamsTableContainer img.mkStatusIc, .examOffer_icButton > img {
  width: 13px;
  height: 13px;
}

#idRegisteredExamsTableContainer div.examOffer_TdMask td.coBBContent {
  max-width: 100%;
  width: 100%;
}

#idRegisteredExamsTableContainer .coRow.coTableSUBR div.examOffer_TdMask {
  margin-bottom: 0.5em;
}

#idExamOfferTable, #idExamOfferTable tr, #idExamOfferTable td {
  border: none;
}

#idExamOfferTable a.mkExpand.nounderline > img, #idExamOfferTable img.mkStatusIc, .examOffer_icButton > img {
  width: 13px;
  height: 13px;
}

#idExamOfferTable div.examOffer_TdMask td.coBBContent {
  max-width: 100%;
  width: 100%;
}

#idExamOfferTable .coRow.coTableSUBR div.examOffer_TdMask {
  margin-bottom: 0.5em;
}

#idReRegisterToExamMask, #idRegisteredExamsTableContainer tr, #idRegisteredExamsTableContainer td {
  border: none;
}

/* overwrite padding */
#idRegisteredExamsTableContainer div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idExamOfferTable div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idExamToRegCoursesTable div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idRegisterToExamMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idRegisterToExamResultMask td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idDeRegisterConfirmMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idRegisterToExamMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idDeRegWaitingListConfirmMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idDeRegisterFromExamResultMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

td.MaskRenderer > ul.spo-path-component {
  margin: 0.2em 0.4em;
  display: block;
}

#idReRegisterToExamMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

#idReRegisterToExamMask td.MaskRenderer > span {
  margin: 0.2em 0.4em;
  display: block;
}

/* overwrite NOWRAP CLASS !!! */
#idRegisteredExamsTableContainer table tr td .nowrap {
  white-space: normal;
}

#idExamOfferTable table tr td .nowrap {
  white-space: normal;
}

#idExamToRegCoursesTable table tr td .nowrap {
  white-space: normal;
}

/* Bigger expand arrows for small screen width */
#idRegisteredExamsTabel tr td > a.mkExpand.nounderline
#idExamToRegCoursesTable tr td > a.mkExpand.nounderline
#idExamSearchResult tr td > a.mkExpand.nounderline {
  float: left;
  clear: both;
  padding: 1em 2px;
}

@media screen and (max-width: 1020px), screen and (max-device-width: 1280px), screen and (-webkit-min-device-pixel-ratio: 2) {
  /* Default Font Size for small device width */
  #idRegisteredExamsTabel tr.coRow td,
  #idExamToRegCoursesTable tr.coRow td,
  #idExamSearchResult tr.coRow td {
    font-size: 12px;
  }

  /* My mobile styles here */
  #idExamSearchResult tr td a.mkExpand > img,
  #idExamToRegCoursesTable tr td a.mkExpand > img,
  #idRegisteredExamsTabel tr td a.mkExpand > img {
    height: 24px !important;
    width: 24px !important;
  }

  #idExamSearchResult thead tr th,
  #idExamToRegCoursesTable thead tr th,
  #idRegisteredExamsTabel thead tr th {
    font-size: 12px;
    white-space: normal;
  }

  /* deprecated responsive css for small screens */
  /*body #idRegisteredExamsTableContainer td a.mkExpand.nounderline > img, #idRegisteredExamsTableContainer  td img.mkStatusIc, #idRegisteredExamsTableContainer .examOffer_icButton > img  { width:48px; height:48px; }
   body #idRegisteredExamsTableContainer td a.mkExpand.nounderline > img { width:42px; height:42px; } 
  body #idExamOfferTable td a.mkExpand.nounderline > img, #idExamOfferTable  td img.mkStatusIc, #idExamOfferTable .examOffer_icButton > img  { width:48px; height:48px; }
  body #idExamOfferTable td a.mkExpand.nounderline > img { width:42px; height:42px; } */
}

@media screen and (max-width: 768px) and (pointer: coarse), screen and (max-device-width: 780px) and (pointer: coarse) {
  /* Responsive Styles only for touch devices */
  input[type="checkbox"], input[type="radio"] {
    min-width: 30px;
    min-height: 40px;
    background: transparent;
  }

  #idRegisteredExamsTabel > tbody > tr > td,
  #idExamToRegCoursesTable > tbody > tr > td,
  #idExamSearchResult > tbody > tr > td {
    font-size: 13px;
    white-space: normal;
  }

  #idRegisteredExamsTabel thead > tr > th,
  #idExamToRegCoursesTable thead > tr > th,
  #idExamSearchResult thead > tr > th { /*display: none;*/
  }

  /*#idRegisteredExamsTabel tr, #idRegisteredExamsTabel td { display: block; text-align:left; }
  #idRegisteredExamsTableContainer a.mkExpand.nounderline {  }
  #idRegisteredExamsTableContainer .examOffer_icButton.commandButton { float:right; margin-top:-2.5em; }
  #idRegisteredExamsTabel > tbody > tr { margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
  #idRegisteredExamsTabel > tbody > .coRow.coTableSUBR  { clear:both; }*/
}

/* Print */
@media print {
  div.overlayWindow {
    position: relative !important;
    left: 0em !important;
    width: 100% !important;
    margin: 0em !important;
  }

  #pageContent {
    display: none;
  }
}

/* icons for buttons as classes */
a.examOffer_icButton:before,
.examOffer_NoMskBg a.examOffer_icButton:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 14px;
  background: transparent url(/dev/img/pgrey.gif) no-repeat left center;
}

/*AN => Anmelden, ANV => Vorläufig anmelden, AB => abmelden, RA => Ummelden sein, WAN => Warteliste anmelden, WAB => Warteliste abmelden */
a.examOffer_icButton.css_AN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AN:before {
  background-image: url(/mugprod/img/pgreen.gif); /*$brand-success*/
}

a.examOffer_icButton.css_ANV:before,
.examOffer_NoMskBg a.examOffer_icButton.css_ANV:before {
  background-image: url(/mugprod/img/pyellow.gif); /*$brand-warning*/
}

a.examOffer_icButton.css_AB:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AB:before {
  background-image: url(/mugprod/img/pred.gif); /*$brand-danger*/
}

a.examOffer_icButton.css_WAN:before {
  background-image: url(/mugprod/img/pgreen.gif); /*$brand-success*/
}

a.examOffer_icButton.css_WAB:before {
  background-image: url(/mugprod/img/pyellow.gif); /*$brand-warning*/
}

a.examOffer_icButton.css_RA:before,
.examOffer_NoMskBg a.examOffer_icButton.css_RA:before {
  background-image: url(/mugprod/img/pgreen.gif); /*$brand-success*/
}

/* do not show responsive table headers - are only used in integration */
.app-xmr .mkTableLable, .app-xmd .mkTableLable  {
  display: none;
}

#pageContent a.examOffer_icButton.disabled:before {

  background-image: url(/mugprod/img/pgrey.gif);
/disabled/

}