@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-light.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-regular.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-semibold.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-bold.css);


/* See also system_standard.css for imported rules before */
.eyeCatchingBorder {
  border: 2px solid var(--text-color) !important; /* ehemals grün #81F781 */
}
.pageLoading {
background: #efefef url(/prod/img/loading_24x24.gif) no-repeat scroll center 5px; /* update icon with new %IMG->loading_24x24 */
border: 1px solid #cdcdcd;
color: #111;
display: block;
padding: 30px 10px 0px 10px;
line-height: 40px;
margin: auto;
max-width: 60px;
overflow: hidden;
position: fixed;
right: 49%;
text-align: center;
top: 46%;
width: 60px;
z-index: 9999;
}
* html .pageLoading {position: absolute;}



/* ------------------------------------------------------------------------- */
/* PUPage-Adaption */
/* ------------------------------------------------------------------------- */

/* PAGE-FOOTER-OLD */
TD.footerCell {
  white-space:normal;
}


/* ------------------------------------------------------------------------- */
/* MessageBoxes (wirkt sich auch auf MessageLayer aus)  */
/* ------------------------------------------------------------------------- */

.msgDebug   li.message { background: transparent url(/prod/img/msg_debug_small.gif)   no-repeat scroll left center; }
.msgFatal   li.message { background: transparent url(/prod/img/msg_fatal_small.gif)   no-repeat scroll left center; }
.msgError   li.message { background: transparent url(/prod/img/msg_error_small_tugprod.png)   no-repeat scroll left center; }
.msgWarning li.message { background: transparent url(/prod/img/msg_warning_small.gif) no-repeat scroll left center; }
.msgInfo    li.message { background: transparent url(/prod/img/msg_info_small.gif)    no-repeat scroll left center; }

#idMsgLayer #idToolbar a:hover,
.msgs li.message a:hover { background-color: black; }
.msgs li.message a:hover span { color: var(--link-color-hover, inherit) !important; }

/* better positioning of message layer */
html BODY>div#idMsgLayer>.msgs,
html BODY>div#idMsgLayer:hover>.msgs,
html BODY>div#idMsgLayer:hover div,
BODY>div#idMsgLayer li:hover div { background-color: #F5F6BE; }
html BODY>div#idMsgLayer>.msgs li.message { margin-right: 1em; padding-left: 1em; }
html BODY>div#idMsgLayer> #idToolbar { right: calc(10vw); }
html BODY>div#idMsgLayer .toolbar a img { opacity: 0.1; width:0; overflow: hidden; display: inline-block; } /* :before content shows image instead */
html BODY>div#idMsgLayer div,
html BODY>div#idMsgLayer:hover div { margin-right: 1px; /*no overlap to layer behind */ }
html BODY>div#idMsgLayer {
  min-width: 24em;
  max-width: 50% !important;
  left: unset;
  right: 10vw;
  overflow: visible;
  top: 2em;
  position: fixed;
  width: auto;
}
/* additions from interaction styles also for blocklisted ones */
BODY>div#idMsgLayer,BODY>div#idMsgLayerClosed {
  background-color: var(--main-content-background-color, var(--white, #fff));
  opacity: 1;
  top: 0
}
BODY>div#idMsgLayer {
  min-width: 80vw;
  overflow: visible;
  left: 10vw;
  right: 10vw;
  top: 2em;
  position: fixed;
  width: auto
}
BODY>div#idMsgLayer:hover div,
BODY>div#idMsgLayer li:hover div {
  /*background: var(--main-content-background-color, var(--white, #fff))*/
}
html BODY>div#idMsgLayer>.msgs {
  width: inherit;
  box-sizing: border-box;
  /*background: var(--panel-background-color, var(--off-white, #f5f5f5));*/
}
BODY>div#idMsgLayer>.msgs>ul {
  padding-right: 4em
}
@media (max-width: 767px) {
  BODY>div#idMsgLayer>.msgs>ul li.message {
    padding-left:1em
  }
  BODY>div#idMsgLayer>.msgs>ul #pTippFrei {
    display: block
  }
}
BODY>#idMsgLayer>.toolbar {
  z-index: 2;
  position: fixed;
  top: calc(2em + 2px);
  right: calc(10vw + 1px)
}
@media (max-width: 767px) {
  BODY>#idMsgLayer>.toolbar {
    right:0
  }
}
BODY>div#idMsgLayer:hover>.msgs li.message a span,BODY>div#idMsgLayer:hover>.toolbar a {
  color: #000
}
BODY>div#idMsgLayer>.msgs li.message a span {
  text-decoration: none
}
BODY>div#idMsgLayer>.msgs li.message a:hover {
  text-decoration: none;
  cursor: default
}
BODY th>a.toolButton.whiteBackground.roundBorders {
  color: var(--text-color, #333)
}
#idMsgLayer ul>li.message:before,#idMsgLayerClosed>#idToolbarSummary>a.nounderline,#idToolbar>a.nounderline:before,#idMsgLayerClosed>a.nounderline#idToolUnClose:before {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  width: 24px;
  line-height: 24px;
  font-size: 14px;
  text-align: center
}
#idToolbar>a.nounderline>img,#idMsgLayerClosed>#idToolbarSummary>a.nounderline>img,#idMsgLayerClosed>a.nounderline#idToolUnClose>img {
  position: relative;
  filter: brightness(200);
  width: 0;
  max-height: 20px
}
body #idMsgLayer ul>li.message {
  background: none
}
#idMsgLayerClosed>#idToolbarSummary #idToolInfoSummary:before,#idMsgLayer .msgInfo li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f058";
  color: #27c56b
}
#idMsgLayerClosed>#idToolbarSummary #idToolWarningSummary:before,#idMsgLayer .msgWarning li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f06a";
  color: #f7c806
}
#idMsgLayerClosed>#idToolbarSummary #idToolErrorSummary:before,#idMsgLayer .msgError li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f057";
  color: #fb7a85
}
#idMsgLayerClosed>#idToolbarSummary #idToolFatalSummary:before,#idMsgLayer .msgFatal li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f05e";
  color: #fb7a85
}
#idMsgLayerClosed>a.nounderline#idToolUnClose:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f078"
}
#idToolbar>a.nounderline[onclick*=close]:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f077"
}
#idToolbar>a.nounderline[onclick*=clear]:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f00d"
}
#idMsgLayerClosed {
  max-width: 10em
}
@media (max-width: 767px) {
  BODY>div#idMsgLayer,div#idMsgLayer div.msgs {
    min-width:100%;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0
  }
}
/* End of Msg Layer Adaptations with fa icons */

/* ------------------------------------------------------------------------- */
/* MessageLayer */
/* ------------------------------------------------------------------------- */
@media screen { /*projection*/
  #idToolbar.toolbar a.nounderline {
    display: inline-block;
    min-height:16px;
    min-width: 22px;
    vertical-align: middle;
  }
  #idToolbar.toolbar a.nounderline:hover:before {
    filter: invert(1);
  }
} /* end media query */

/* ------------------------------------------------------------------------- */
/* CoTable */
/* ------------------------------------------------------------------------- */

table.cotable
{
/* AP 28032018 to override font boosting in mobile chrome set max-height */
    max-height: 999999px;
}
@media screen{ /*, projection*/
table.cotable caption #idSteopText {
	color: black;
}
.coMulticheck
{
  background: transparent url(/prod/img/multicheck.gif)   no-repeat scroll left center;
  display: block;
  width: 20px;
  text-decoration: none;
  text-align:center !important;
}
.coMultiuncheck
{
  background: transparent url(/prod/img/multiuncheck.gif)   no-repeat scroll left center;
  display: block;
  width: 20px;
  text-decoration: none;
  text-align:center !important;
}
 /* overwrite to be consistent with pufwk only for lv angebot vs lv erhebung */
#id-page-lv-angebot .coTableNaviItem { font-weight:normal; margin-right: 2px; }
#id-page-lv-angebot table.cotable > thead > tr > th { padding: 1px 3px; }

/* ------------------------------------------------------------------------- */
/* COMask */
/* ------------------------------------------------------------------------- */

.taMinimized
{
  background: white url(/prod/img/taminimized.gif) no-repeat scroll right bottom;
}

select{ margin-top: 2px; margin-bottom: 2px; margin-left: 2px; } /* 2px */
body .coBB .coBBContent table.MaskSpacing > tbody >  tr > td > table.MaskSpacing > tbody > tr > td.MaskRenderer select{ margin-left:0; }
#pageContent table tr td input[type="text"][disabled] {
  background-color: var(--disabled-color, white) !important;
  color: var(--disabled-btn-text-color, light-dark(graytext, rgb(170, 170, 170))); /* Do we need this? - Note: graytext is 000 in some browsers */
}

#id-page-lv_termine_edit form[name="terminEditMask"] .coBB .coBBBLEFT,
#id-page-lv_termine_edit form[name="terminEditMask"] .coBB .coBBBRIGHT {
  float: left; margin: 0;
}

legend.Mask{
  background-image: url(/prod/img/comask_container_header.jpg);
}

.CBOptionText label {
   font-size: .9em;
}
td.MaskLabel {
    /* line-height: 1.5em;
    padding: 0.1em 0.2em 0.1em 0.3em !important; // overwrite .MaskRenderer rule from system_standard.css */
}
body #idEePageWrapper #pageContent .tab_internal_content .MaskRenderer.MaskLabel label { padding-left: 2px; } /* overwrite styles-integration */

/* ------------------------------------------------------------------------- */
/* MaskRenderer */
/* ------------------------------------------------------------------------- */

td.MaskRenderer {
/* AP 28032018 to override font boosting in mobile chrome set max-height */
  max-height: 999999px;
}

/* fixing nested table for invisible labels when putting multiple formfields into one tr */
fieldset table.MaskSpacing td.MaskRenderer.top div.MaskS td.MaskRenderer.top div.MaskS td.MaskRenderer.top td td.MaskRenderer.MaskLabel,
fieldset.MaskS table.MaskSpacing td.MaskRenderer table.MaskSpacing td.MaskRenderer.MaskLabel {
  width:auto;
}

/* Form Styles Modernization for MaskRequired */

html #pageContent table tr td .MaskRequired,
html #pageContent table tr td .MaskOneOfGroupRequired,
html #pageContent table tr tdinput.Validator.MaskOneOfGroupRequired,
html #pageContent table tr td .required,
html #pageContent table tr td input.required,
html #pageContent table tr td select.required {
  border-color: #FFC900;
}

.fwk-co.app-res #pageContent table .MaskRenderer select { 
  appearance: auto; background-image: none; 
}

table tr td input[type="file"]:focus, table tr td input[type="radio"]:focus,
table tr td input[type="checkbox"]:focus {
outline: 5px auto Highlight; /*-webkit-focus-ring-color;*/
}

/* ------------------------------------------------------------------------- */
/* Buttons */
/* ------------------------------------------------------------------------- */
idEePageWrapper button,
#idEePageWrapper form input[type=button],
body a.commandButton:not(.tab_name.commandButton),
#idEePageWrapper a.commandButton:link:not(.tab_name.commandButton),
#idEePageWrapper a.commandButton:active:not(.tab_name.commandButton),
#idEePageWrapper a.commandButton:visited:not(.tab_name.commandButton),
#idEePageWrapper .coBBBRIGHT.coBB ul li button[type=submit],
#idEePageWrapper .MaskButtonBar button,
body #idPageHeader #idPageNavi .coNavGroup>td>a, body button.w10, body button.w15,
#idEePageWrapper form .coBB ul.coBB li.coBB>.commandButton,
#idEePageWrapper form .coBB ul.coBB li.coBB>button,
#idEePageWrapper ul.coBB>li.coBB>a.commandButton,
body #idOverlayWindowContent a.commandButton:not(.tab_name.commandButton) { /*overwrite styles-integration */
  font-weight: 600;
}
#idEePageWrapper form .MaskRenderer.top a.commandButton:not(:empty) { line-height: 16px; }
#idEePageWrapper form .MaskRenderer a.commandButton[name="pXSuche"] { height: 24px; }

a.commandButton, a.commandButton:visited, a.commandButton:link,
button, input[type="button"], input[type="submit"]
{
  font-family:'Open Sans',Arial,Helvetica,sans-serif;
  color:var(--default-button-text-color);
  border-color:var(--default-button-border-color);
}
body #pageContent form button:hover,
body #pageContent form a.commandButton:hover,
body #pageContent form .commandButton[onclick*=submit]:hover,
body #idEePageWrapper .close-button:hover,
body #idOverlayWindowContent a.commandButton:not(.tab_name.commandButton):hover,
html.fwk-co body form .coBB ul.coBB li.coBB>button[type=submit]:hover,
html.fwk-co body ul.coBB>li.coBB>button[type=submit]:hover,
html body #idEePageWrapper form .coBB ul.coBB li.coBB>button[type=submit]:hover,
html body .coBBBRIGHT.coBB ul.coBB>li.coBB>button[type=submit]:hover {
   background: var(--primary-button-background-color-hover, var(--primary-color, #000000));
   border-color: var(--primary-button-background-color-hover, var(--primary-color, #a4a4a4));
   color: var(--primary-button-text-color-hover, var(--white, #a4a4a4));
 }
body ul.coBB>li.coBB>a.commandButton, ul.coBB>li.coBB>button[type=submit],
body .coBBBRIGHT.coBB ul.coBB>li.coBB>button[type=submit],
body a.commandButton:not(.tab_name.commandButton),
body #idOverlayWindowContent a.commandButton:not(.tab_name.commandButton),
body #idEePageWrapper a.commandButton:link:not(.tab_name.commandButton),
body #idEePageWrapper #pageContent .commandButton, body #idEePageWrapper #pageContent button,
body #idEePageWrapper form .coBB ul.coBB li.coBB>button[type=submit],
body #idEePageWrapper ul.coBB>li.coBB>button[type=submit], body #idEePageWrapper #pageContent form .commandButton[onclick*=submit],
body #idEePageWrapper #pageContent form button[onclick*=submit], body #idEePageWrapper #pageContent input[type="submit"],
html body .MaskButtonBar button,
html.fwk-co body form .coBB ul.coBB li.coBB>button[type=submit],
html.fwk-co body ul.coBB>li.coBB>button[type=submit],
html body #idDialog #idDialogButtonBar table button:first-child,
html body #idDialog #idDialogButtonBar table button:nth-child(2),
html button#idUploadButton {
   background: var(--default-button-background-color);
   border: 1px solid var(--default-button-border-color);
   color: var(--default-button-text-color);
   font-weight: normal;
 }
body a.commandButton:not(.tab_name.commandButton):hover,
body #idEePageWrapper #pageContent .commandButton:hover, body #idEePageWrapper form .coBB ul.coBB li.coBB>button[type=submit]:hover,
body #idEePageWrapper form .coBB ul.coBB li.coBB>button[type=submit]:hover, body #idEePageWrapper ul.coBB>li.coBB>button[type=submit]:hover,
body #idEePageWrapper #pageContent form .commandButton[onclick*=submit]:hover, body #idEePageWrapper #pageContent form button[onclick*=submit]:hover,
body .MaskButtonBar button:hover,
body #idEePageWrapper #pageContent button:hover,
body #idEePageWrapper form .coBB ul.coBB li.coBB>button[type=submit]:hover,
body #idEePageWrapper ul.coBB>li.coBB>button[type=submit]:hover
html body #idDialog #idDialogButtonBar table button:first-child:hover,
html body #idDialog #idDialogButtonBar table button:nth-child(2):hover,
html button#idUploadButton:hover {
   background: var(--default-button-background-color-hover);
   border-color: var(--default-button-border-color-hover);
   color: var(--default-button-text-color-hover);
 }

body #idEePageWrapper .tab_internal_content .MaskSpacing td.MaskRenderer > a.commandButton {
  line-height: 16px;
}
#idEePageWrapper ul.coBB>li.coBB>a.commandButton,
#idEePageWrapper  ul.coBB>li.coBB>button[type=submit],
#idEePageWrapper .coBBBRIGHT.coBB ul.coBB>li.coBB>button[type=submit],
#idEePageWrapper form .coBB ul.coBB li.coBB>.commandButton,
body form .coBB ul.coBB li.coBB>.commandButton,
body form .coBB ul.coBB li.coBB>button,
html.fwk-co body form .coBB ul.coBB li.coBB>button[type=submit],
html.fwk-co body ul.coBB>li.coBB>button[type=submit] {
  line-height: 18px;
}

/** display block for all buttons in sidebar and dialog **/
.windowContent ul.coBB > li.coBB > a.commandButton,
.windowContent ul.coBB > li.coBB > button {
  margin: 0;
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: Curricula Support  */
/* ------------------------------------------------------------------------- */

.cs_green {
  background-image:url(/prod/img/cs_green.gif);
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: LBS */
/* ------------------------------------------------------------------------- */

div.Windrose {
  background-image:url(/prod/img/windrose_vista.png);
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: coFilter                                                   */
/* ------------------------------------------------------------------------- */
.coFilter.overlayTTContainer{  padding:  0  }
.coFilterContainer.MaskRenderer.top.MaskLabel{  background-color:  transparent}
.coFilterOperator{
/* AP 26052021 */
  background: #487692;
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext:Tabs                                                        */
/* ------------------------------------------------------------------------- */

body #idEePageWrapper #pageContent div.tab_container a.tab_name.commandButton {
  background: var(--primary-button-background-color);
  border: 1px solid var(--primary-button-border-color);
  color: var(--primary-button-text-color);
  padding: .25em 1em;
}
body #idEePageWrapper #pageContent div.tab_container a.tab_name.commandButton.tab_name_selected  {
  background: var(--default-button-background-color);
  border: 1px solid var(--default-button-border-color);
  color: var(--default-button-text-color);
}
body #idEePageWrapper #pageContent div.tab_container a.tab_name.commandButton.tab_unselectable {
  background: var(--disabled-color, #eee) !important;
  border: 1px solid var(--disabled-text-color, lightgray) !important;
  color: var(--disabled-text-color, lightgray) !important;
  cursor: not-allowed;
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: OrgSite-new                                                */
/* --------------------------------------------------------------------------*/

#wbOrg_site_listing{
  min-width: 50vw;  /* otherwise sometimes too small */
}

@media(min-width:1600px){
  #id-page-wborg_neu_main .wborg_misc{
    max-width: 80em;
    margin: 0 auto;
  }
}
/* ------------------------------------------------------------------------- */
/* BEGIN Kontext:  Curricula Support                                         */
/* --------------------------------------------------------------------------*/

.colorRed, span.red,
#pageContent a span.colorRed  {
  color: red;
}

.colorGreen,
#pageContent a span.colorGreen {
  color: green;
}

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext:    Bewerbungen                                             */
/* --------------------------------------------------------------------------*/

.bewerbungPreview {
    left: 80px;
    bottom: 200px;
    right: 80px;
}

.bewerbungPreview.DE {
    background-image: url(/prod/img/wizard_vorschau_de.png);
}

.bewerbungPreview.EN {
    background-image: url(/prod/img/wizard_vorschau_en.png);
}

/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    CO-EasterEgg                                           */
/* --------------------------------------------------------------------------*/

#ea_corner_left{
   background-image: url(/prod/img/corner_tl.png);
}

#ea_corner_right{
   background-image: url(/prod/img/corner_tr.png);
}

#ea_co_logo{
   background-image: url(/prod/img/logo_grau.gif);
}

#ea_dimmer_top{
   background-image: url(/prod/img/grad_top.png);
}

#ea_dimmer_bottom{
   background-image: url(/prod/img/grad_bott.png);
}

#ea_bottom_left{
   background-image: url(/prod/img/corner_bl.png);
}

#ea_bottom_right{
   background-image: url(/prod/img/corner_br.png);
}

body #pageContent .commandButton img[src*=icon_orgtree_normal]{filter:unset;}

/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen an neuen Internetauftritt                 */
/* --------------------------------------------------------------------------*/

#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6,
html body #pageContent button, html body #pageContent .commandButton {
  font-family: 'Source Sans Pro', Arial, sans-serif; color: var(--text-color, #000);
}
html, #pageContent, #pageContent th, #pageContent td, #pageContent p, #pageContent a {
	color: var(--text-color, #000);
}
#pageContent a.commandButton:link {
  color: #fff;
}

body {
	background-color: white !important;
	background-image: none;            
	min-width: 180px;
}

/* Schriftvergrößerung auf 15.2px Hauptgröße */
/*body > #pageContent, body > div, body > p  {
	font-size: 108%;
}*/

#pageContent a, #pageContent a:link, #pageContent a:visited, #pageContent a span {
	/*color: #2d7688; - alter Wert*/
	color: #25666d;
	display: inline-block
}


td a {
	vertical-align: top;
}


a.commandButton, a.commandButton span, #pageContent .coBB a.commandButton,
#pageContent .MaskRenderer a.commandButton, a.commandButton span.TextToolTip {
	 color: black;
	 margin: 0;
}
a.commandButton, a.commandButton span, #pageContent .coBB a.commandButton,
#pageContent .MaskRenderer a.commandButton {
  color: var(--default-button-text-color);
  background: var(--default-button-background-color);
  border: 1px solid var(--default-button-border-color);
  /*min-height: 24px;line-height: 16px;*/
}

a.commandButton.tab_name_selected span.TextToolTip {
	color: white;
}

a.commandButton.tab_name_selected span.TextToolTip:hover {
	border: none;
	border-bottom: dashed;
}

#pageContent a:hover, #pageContent a:active, #pageContent .coBB a.hover, #pageContent .coBB a:hover {
	background-color: #000000;
	color: #ffffff;
}

#pageContent a:hover span, #pageContent a:active span, #pageContent a:hover span.bold, #pageContent a:active span.bold,
#idPageFooter .z1 a:hover, #idPageFooter .z1 a:active, a:hover span.TextToolTip {
  color: #fff; }
#pageContent a.toolButton:hover span.bold { background: inherit; }
#pageContent .MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer.MaskLabel .TextToolTip {
  color: #fff;background: #487692;
}



#id-page-ee_hooskpage #pageContent table.cotable tfoot th.ftr { /* overwrite conx custom footer style */
  background: transparent; color: black;
}

#pageContent a.disabled, #pageContent a.disabled:link, #pageContent a.disabled:visited,
#pageContent #idPageNavi .coNavGroup td a.disabled,
#pageContent #idPageNavi .coNavGroup td a.disabled:link,
#pageContent #idPageNavi .coNavGroup td a.disabled:active,
#pageContent table.cotable td a.disabled,
#pageContent .MaskRenderer a.disabled {
	color: #b1b1b1;
	text-decoration: none;
	border: none;
	font-weight: 400;
}

a.disabled:hover, a.disabled:hover, a.disabled:active,
#pageContent #idPageNavi .coNavGroup td a.disabled:hover,
#pageContent #idPageNavi .coNavGroup td a.disabled:active,
#pageContent table.cotable td a.disabled:hover,
#pageContent .MaskRenderer a.disabled:hover {
	color: #b1b1b1 !important;
	text-decoration: none;
	background-color: transparent;
}

#pageContent #idPageNavi .coNavGroup td a.disabled.selected:hover,
#pageContent #idPageNavi .coNavGroup td a.disabled.selected:active {
	color: black !important;
}
/*
a.disabled.selected {
	color: darkgrey;
}*/

a img {
	background-color: white;
	margin: 0;
}

.coTableNaviPageSelect a, .coTableNaviPageSelect img {
	vertical-align: middle;
}

/*.coBBContent td, .coBBContent th {
	padding: 0 2px;
}*/

#pageContent {
	padding: 0;
}

#pageContent.detail {
	padding: 0 15px;
	border-top: 1px solid #d4d4d4;
	background-color: transparent;
}

#pageContent table td.MaskLabel span.Mask a {
	color: white
}

#pageContent a.nounderline:hover, #pageContent a.nounderline:active {
	background-color: transparent;
}

#pageContent .liBullet a:hover {
	color: white !important;
}

#pageContent .MaskRenderer a {
	color: #25666d;
}

#pageContent .MaskRenderer a:hover, #pageContent .MaskRenderer a:active {
	color: white;
	background-color: black;
}

#pageContent #OrgTree a {
	vertical-align: top
}

#pageContent #OrgTree li {
	margin-bottom: 0;
	margin-left: 0;
}

#pageContent #OrgTree img {
	max-width: 21px;
}

#pageContent #OrgTree > .liOpen {
	margin: 0;
}

#pageContent #OrgTree > .liOpen > a {
	margin-left: 0.5em
}

#pageContent #OrgTree > .liOpen > ul {
	margin-left: 0.5em
}

#pageContent #OrgTree > .liOpen > ul .liClosed {
	margin: 0;
}

#pageContent #OrgTree > .liOpen > ul  .liClosed > a,
#pageContent #OrgTree > .liOpen > ul  .liOpen> a {
	vertical-align: top;
}

#pageContent #OrgTree > .liOpen > ul  .liClosed > a.treeNA,
#pageContent #OrgTree > .liOpen > ul  .liOpen > a.treeNA {
	padding-top: 3px;
}

#pageContent #OrgTree li ul li div.contentDiv {
	vertical-align: top;
}

#pageContent #OrgTree li ul li div.contentDiv a {
	padding-top: 1px;
}

#pageContent #OrgTree > li > ul .liClosed img {
	margin-right: 3px;
}

#pageContent #OrgTree > li > ul .liOpen {
	margin: 0;
}

#pageContent #OrgTree > li > ul .liOpen img {
	margin-right: 3px;
}

#pageContent #OrgTree .treeNA img, #idStpList .coRow img,
#idPageNavi td img {
	width: 16px;
	height: auto;
	margin: 0px;
}

.curriculaSupport #cStatusContainer, .curriculaSupport span > img {
	width: 16px;
	height: auto;
	margin: 0px;
	padding: 1px;
}

.coBBBRIGHT.coBB ul li button[type="submit"] {
	background-position: top right !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.curriculaSupport .coTableR > td.L > div {
	display: table;
}

.curriculaSupport .coTableR > td.L > div > span {
	display: inline-flex;
}
.curriculaSupport .coTableR > td.L > div > span img {
  height: 16px;
  vertical-align: unset !important;
}

.curriculaSupport div.tree-col.C > span {
	padding-right: 5px;
}

.curriculaSupport img {
	width: auto;
	height: 16px;
	margin: 0px;
	padding: 1px;
	background-color: white;
}

.curriculaSupport div.tree-col.C > span .sme,
.curriculaSupport div.tree-col.C > span .sms,
.curriculaSupport div.tree-col.C > span .smw {
	padding: 0;
	width: 16px;
	height: auto;
	margin: 0px;
	padding: 2px;
}

.overlayWindowHeader img {
	width: 16px;
	height: auto;
	margin: 0px;
	padding: 5px;
}

.smw, .sms, .sme {
	width: 8px;
	height: 8px;
	background-color: white;
	background-size: 16px 16px;
}

.yvo, .gvo, .cse {
	background-size: 16px 16px;
	background-position: 1px 2px;
}

.flag-true {
	color: green !important;
}

ul.mktree li li.liBullet img {
	padding-left: 19px !important;
}

.MaskRenderer > ul.mktree li li.liBullet img {
	padding-left: 22px !important;
}

ul.mktree, ul.mktree ul, ul.mktree li {
	margin-left: 11px;
}

ul.mktree > li > a[target="detail"] img {
	width: 18px;
	height: auto;
}

#idDegreeProgStateSem span.TextToolTip {
	color: #000;
}

img[alt="Download"] {
	width: 22px;
	height: auto;
	vertical-align: bottom;
}

#pageContent #OrgTree_header {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	width: 100%;
	background-color: #487692;
	margin-bottom: 5px;
	padding: 7px 10px;
	box-sizing: border-box;
	display: table;
}

#pageContent #OrgTree_header #tree_text {
	display: table-cell;
	color: white;
	line-height: 32px;
}

#pageContent #OrgTree_header #tree_image {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNzJweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01My4wNzgsNTcuNDk3aC05Ljk3N3YtMi42OTZIMjIuMTA4Yy0xLjI4NywwLTIuMzMzLTEuMDQ4LTIuMzMzLTIuMzMzVjEzLjgxOQ0KCWMwLTEuMjk0LDEuMDQ1LTIuMzMzLDIuMzMzLTIuMzMzYzEuMjkyLDAsMi4zMzMsMS4wMzksMi4zMzMsMi4zMzN2OC41MzdoMTguNjYxdi0yLjY3aDkuOTc3djkuOTloLTkuOTc3di0yLjY1MUgyNC40NHY5LjI0M2gxOC42NjENCgl2LTIuNjQ2aDkuOTc3djkuOTgxaC05Ljk3N3YtMi42NjFIMjQuNDR2OS4yMDJoMTguNjYxdi0yLjYzM2g5Ljk3N1Y1Ny40OTd6IE03MSwzNS45OTZDNzEsMTYuNjcxLDU1LjMyOSwxLDM2LDENCglDMTYuNjY4LDEsMSwxNi42NzEsMSwzNS45OTZDMSw1NS4zMzQsMTYuNjY4LDcxLDM2LDcxQzU1LjMyOSw3MSw3MSw1NS4zMjksNzEsMzUuOTk2Ii8+DQo8L3N2Zz4NCg==");
	background-size: 32px 32px;
	width: 32px;
	height: auto;
	display: table-cell;
	opacity: 0.3;
}

#wbOrg_site_listing {
	border-radius: 0;
	border: 1px solid #a4a4a4;
}

.wbOrg_site_container_header {
	background-color: #487692;
	color: white;
	background-image: none !important;
	border-radius: 0;
	border: none;
}

.wbOrg_site_container_header .MaskRenderer {
	color: white;
}

#wbOrg_site_listing_content table tbody td.MaskRenderer {
	line-height: 21px;
}

.wbOrg_site_resources_content {
	padding: 0;
}

/* Icons from Organisations */
.wborg_appl_liste li {
	margin: 0 0 0 7px;
	min-height: 20px;
	line-height: 25px;
	padding-right: 8px;
}

.wborg_appl_liste li:hover {
	background-color: black;
}

.wborg_appl_liste li:hover a {
	color: white !important;
}

#wbOrg_site_resources>table>tbody>tr>td.MaskRenderer>div .wborg_appl_liste li { line-height: 1.25em; font-size: .95em; }
#wbOrg_site_resources>table>tbody>tr>td.MaskRenderer>div .wborg_appl_liste li > *  { hyphens: auto; display: inline; }
@media (min-width: 992px) { #wbOrg_site_resources>table>tbody>tr>td.MaskRenderer:last-child { margin-right: 0; } }

.wborg_appl_liste li a:nth-child(1) {
	max-width: 30px;
}

li a img.wborg_appl_liste_img, img.wborg_icon {
	max-height: 21px;
	max-width: 21px;
	margin: 0;
}
li a img.wborg_appl_liste_img {
  margin-right: 0.3em;
}

TABLE.bodyTable {
	border-bottom: none;
}

#pageContent.detail > #idTopPageHeader {
	margin-left: -15px;
}

#pageContent #idTopPageHeader .pageOwner {
	background-color: #487692;
	border: none;
/* AP 30032018 */
/*    padding-bottom: 3px; */
/*    padding-top: 3px; */
/* */
}

#pageContent #idPageHeader #idPageNavi {
	background-color: white;
	border: none;
	border-collapse: collapse;
}

#pageContent #idPageHeader #idPageNavi .coNavSection th, #pageContent #idPageHeader #idPageNavi .coNavGroup th {
	padding: 3px 4px;
	color: black;
	font-weight: 400;
}

#pageContent #idPageHeader #idPageNavi .coNavSection td, #pageContent #idPageHeader #idPageNavi .coNavGroup td {
	padding: 3px 4px;
	color: black;
}

#pageContent #idTopPageHeader .pageOwner .s, #pageContent #idPageHeader #idPageNavi .nav,
#pageContent #idPageHeader #idPageNavi .navSelected, #pageContent #idTopPageHeader .pageOwner span,
#pageContent #idTopPageHeader .pageOwner .s a, #pageContent #idTopPageHeader .pageOwner .s a:link,
#pageContent #idTopPageHeader .pageOwner .s a:active {
	color: white;
}

#idTopPageHeader .middle .R {
	padding-right: 13px;
}

/*#idTopPageHeader .middle .R > a,
#idTopPageHeader .middle .s > a {
	font-size: 93%
}*/

#pageContent #idTopPageHeader th img[alt="Logo"],
#pageContent #idTopPageHeader tr.middle td:last-child img {
	width: 100px;
	height: auto;
}

#pageContent.detail #idTopPageHeader th img[alt="Logo"],
#pageContent.detail #idTopPageHeader > tbody > tr > td:last-child > table img {
	display: none;
}

#tabRessourcen img {
	background-color: transparent;
}

#tabRessourcen .headerTool img {
	background-color: white;
}

#tabRessourcen a > img {
	background-color: white;
}

.coTableNaviPageSelect img {
	width: 18px;
	height: auto;
	padding: 0 5px;
	background-color: transparent;
}

TABLE.pageObjectNoTopBorder {
	border: none;
}

.headerHeading {
	font-size: 1.7em;
}

.CBOptionText span.TextToolTip {
	color: black;
}

.MaskButtonBarRight a.commandButton, .MaskRenderer a.commandButton {
	margin-left: 15px;
}

.coRow td > div > span > a.btnMiniPadding  {
	margin-left: 3px;
	background-color: white !important;
}

a.btnMiniPadding {
	padding: 0 !important;
}

fieldset.MaskS, fieldset.Mask {
	border-radius: 0;
}

legend.Mask {
	background-image: none;
	background-color: #487692;
  /*color: white;*//*Todo:do we need this anywhre, because: white on white?*/
	border-radius: 0;
}

legend.Mask span.Mask {
	/*color: white;*//*Todo:do we need this anywhre, because: white on white?*/
	font-weight: 400;
	padding-left: 5px !important;
}

legend.Mask span.Mask span.bold.large {
	color: white;
}

#pageContent legend.Mask span.Mask a, legend.Mask span.Mask a {
	color: white;
	text-indent: 0;
	margin-left: 4px;
}

#pageContent legend.Mask span.Mask a.commandButton,
legend.Mask span.Mask a.commandButton {
	color: black;
}

#pageContent legend.Mask span.Mask a.commandButton:hover,
legend.Mask span.Mask a.commandButton:hover {
	color: white;
}

legend.Mask img {
	text-indent: 0;
	background-color: white;
}

legend.Mask a img {
	margin-right: 5px;
}

#pageContent legend.Mask span.Mask a:hover {
	border: none;
}

div.MaskBackground {
	background-color: transparent;
	border: none;
	padding: 0.4em 0;
}

fieldset.MaskS, fieldset.Mask {
	margin: 0.667em 0;
}

#idTokenServiceTable span.TextToolTip {
	color: black;
}

table tbody tr.mask td {
	background-color: transparent;
	text-align: left;
	font-weight: 400;
}

table.MaskSpacing tr td.MaskRenderer:first-child label {
	padding-right: 10px;
}

td.MaskRenderer.top > table.MaskSpacing > tbody > tr > td.MaskLabel,
td.MaskRenderer.top > #conZoom > table.MaskSpacing > tbody > tr > td.MaskLabel {
	background-color: white;
	color: black;
}

td.MaskRenderer.top > div.MaskS.MaskSCT > table.MaskSpacing > tbody > tr > td.MaskRenderer.top > table.MaskSpacing > tbody > tr > td.MaskLabel {
	background-color: #487692;
}

#pSearchForm fieldset.MaskS table.MaskSpacing tr td.MaskRenderer:first-child label { /* adapting studierendenkartei and other table aligments */
  padding: 0 .5em }
#pSearchForm fieldset.MaskS table.MaskSpacing td.MaskRenderer table.MaskSpacing td.MaskRenderer.MaskLabel {
  vertical-align: middle; }


/*table.MaskSpacing tr td.MaskRenderer:last-child span, table.MaskSpacing tr td.MaskRenderer:last-child .MaskSpacing {
	padding-left: 10px;
}*/

/* Calendar */

#idTerminContent table td.top td.top:last-child > div > table > tbody tr:first-child td {
	height: 22px;
}

#idTerminContent table td.top td.top:last-child > div > table > tbody tr:last-child td {
	height: 28px;
}

#idTerminContent #idCalendar th, #idTerminContent #idCalendar td {
	padding: 0;
}

#idTerminContent #idCalendar tr.cocal-axis td {
	height: auto;
}

.wzContainer .wzHeaderLabel span.Mask {
	color: black;
}


table.cotable th,
body #idOverlayWindowContent table.cotable thead tr>th {
	background-color: #487692;
	color: white;
	padding: 0 10px;
	font-weight: 400;
  border: 0;
}
#pageContent table.cotable .coListSectionHeaderText {
  color: white;
  background-color: #487692;
}

#pageContent #idFachtableFooderRow td {
	background-color: #487692;
	color: white;
	padding: 2px 10px;
}

#pageContent #idFachtableFooderRow td span {
	color: white;
}

#pageContent table tr.coTableGR1 > td {
	font-style: normal;
	background-color: white;
	font-weight: 700;
	padding-left: 5px;
	padding-top: 5px;
}

#pageContent table.cotable td {
	color: #000000;
}

#pageContent table.cotable td a {
	color: #25666d;
}

#pageContent table.cotable td a:hover, #pageContent table.cotable td a:active {
	color: white !important;
	background-color: black
}

table.cotable caption {
	padding: 3px;
	background-color: transparent;
	color: black;
}

table.cotable th a {
	margin: 0 3px;
	color: white;
}
#pageContent .cotable th a {
  margin: 0 3px;
  color: white;
}

table.cotable th a.toolButton.whiteBackground.roundBorders {
	margin-left: 5px !important;
	border-radius: 0;
	padding: 0 4px;
	font-size: 10px;
	line-height: 18px;
	color: black;
}

table.cotable th a.toolButton.whiteBackground.roundBorders.active.toolActive {
	background-color: black;
	color: white;
}

table.cotable th a.toolButton.whiteBackground.roundBorders:hover {
	background-color: white;
}

#IdContAlleFormListe table div > table.cotable > thead tr th.L > a,
#IdContSearchForms table div > table.cotable > thead tr th.L > a {
	padding: 0 4px;
	font-size: 13px;
	background-color: white;
}

#IdContAlleFormListe table div > table.cotable > thead tr th.L > a > span,
#IdContSearchForms table div > table.cotable > thead tr th.L > a > span {
	font-size: 13px;
}

#IdContAlleFormListe table div > table.cotable > thead tr th.L > a:hover,
#IdContSearchForms table div > table.cotable > thead tr th.L > a:hover {
	background-color: black;
	color: white;
}

#IdContAlleFormListe table div > table.cotable > thead tr th.L > a:hover > span,
#IdContSearchForms table div > table.cotable > thead tr th.L > a:hover > span {
	color: white;
}

table#idLVOfferTab tr.coRow.coTableR > .C {
	white-space: nowrap;
}

tr.coRow.coTableR > .C > a > img {
	height: 16px;
	width: auto;
	margin: 0px;
	padding: 2px;
}

.coTableR span.TextToolTip, #conZoom span.TextToolTip {
	color: black;
}

table.cotable .focusedRow td {
	background-color: #e1e1e1;
}

table.cotable .coTableGR1,
table.cotable .coTableGR1TH,
table.cotable .coTableGR2,
table.cotable .coTableSUMR {
   text-indent: 0px;
}
.errorText {
	color: rgb(231,26,82);
}

#IdContMostImportantFolders table.cotable span > div.nowrap > table > tbody > tr > td > a > img,
#IdContAllFolders table.cotable span > div.nowrap > table > tbody > tr > td > a > img {
	margin: 0;
}

#IdContMostImportantFolders table.cotable span > div.nowrap > table > tbody > tr > td > a,
#IdContAllFolders table.cotable span > div.nowrap > table > tbody > tr > td > a {
	margin: 0 6px;
}

/* fuer GPR */
.gpr_mandatory {
	background-color: #ffd382;
}

.coBB a {
	color: #25666d;
}

.coBBContent td.MaskLabel, .MaskData tr td.MaskLabel {
	background-color: #487692;
	text-align: left;
}
#pageContent .coBBContent td.MaskLabel span, #pageContent .MaskData tr td.MaskLabel span {
  background-color: #487692;
  color: white;
}

.coBBContent td.MaskLabel label.Mask,
.MaskData tr td.MaskLabel label.Mask,
#idKandidatCont .MaskLabel.top label[for] {
	font-weight: 400;
	color: white;
}

#idKandidatCont .MaskLabel label[for],
.MaskData tr td.MaskLabel label[for="idDatenermitteln"],
.MaskData tr td.MaskLabel label[for="idBescheidUeberAm"]  {
	color: black;
}

.top td.MaskLabel label.Mask .overlayToolTip {
	color: black;
}

.coBBContent td.MaskLabel label.Mask .overlayToolTip,
.coBBContent td.MaskLabel label.Mask #tvw_edit_uhrzeit {
	color: white;
}

.overlayTTContainer {
	background-color: white;
	box-shadow: none;
}

.overlayTTContainer .coBB .toolButton .bold {
	color: black;
}

.overlayTTContainer .coBB .toolButton .bold:hover {
	color: white;
}

#idEePageWrapper th .overlayTTContainer .toolButton > span.bold {
  font-weight: 700;
  display: inline;
}
#idEePageWrapper .overlayTTContainer>.MaskBackground>.MaskContent>table.coBB>tbody>tr>td.coBBBRIGHT .toolButton.commandButton,
#idEePageWrapper th .overlayTTContainer .toolButton.commandButton {
  text-align: left;
}

.coTableNavi td {
	background-color: white;
}

a.cs-path {
	white-space: nowrap;
}

#pageContent #idPageHeader #idPageNavi .coNavSection,
#pageContent #idPageHeader #idPageNavi .coNavSection td {
	background-color: transparent;
	border: none;
}

#pageContent #idPageNavi .coNavSection th {
	font-weight: 700;
	border-bottom: 1px solid black;
}

#pageContent #idPageNavi .coNavGroup a.selected {
	color: black !important;
	text-shadow: 0px 0px 0px white;
}

#pageContent #idPageNavi tr.coNavSection:nth-child(even) {
	border-top: 1px solid white;
}

#pageContent #idPageNavi.puNav .selected {
	font-weight: 700 !important;
}

#pageContent #idPageNavi.puNav .selected:hover {
	color: white;
}

#pageContent #idPageNavi.puNav .coNavGroup img {
	width: 16px;
	height: auto;
	margin: 0px;
	padding: 2px;
}

#idAbwArten img[height="48"] {
	width: 32px;
}

#pageContent #idPageNavi .coNavGroup th, table.cotable th.C span > a,
table.cotable th.C a{
	color: white;
}

/* Studierendenmanagement */

#edit_buttons, #student_search_panel_buttons a.commandButton {
	margin-top: 10px;
}

#edit_buttons a.commandButton,
#idPNStPersonPanel .MaskRenderer > table .MaskRenderer input,
#idPNStPersonPanel .MaskRenderer #idPNInskriptionsSemester,
#idPNStPersonPanel .MaskRenderer a,
#idAnmerkungContainer #idAnmerkung,
#student_search_panel_buttons a.commandButton {
	margin-right: 15px;
	margin-left: 0;
}

.MaskRenderer #idSperrContainer a, #stammdaten .MaskRenderer > span,
#idPNStPersonPanel .MaskRenderer > span, .MaskRenderer > span,
#idPNStPersonPanel .MaskRenderer #idPNInskriptionsSemester,
#idAnmerkungContainer #idAnmerkung {
	margin-left: 2px;
}

#idWMStammdaten legend > span img {
	width: 16px !important;
	height: auto !important;
	margin: 0;
	margin: 0px;
	padding: 2px;
}

#idContText .MaskRenderer span.bold {
	margin-right: 3px;
}

.MaskRenderer > img, .MaskRenderer > a {
	margin-left: 2px;
}

.wborg_funkperiode {
	background: none;
	border-top: 1px solid #a4a4a4;
	margin-top: 15px;
}

form[action="wbFunktionen.editFunkPersData"] td.coBBBRIGHT ul.coBB { margin-top: 1em; }

a.OrgTreeFontSizeNormal, a.OrgTreeFontSizeSmall, a.OrgTreeFontSizeLarge {
	font-size: 1em;
}

iframe {
	border: 1px solid #A4A4A4;
}

/* Tabs */

#pageContent div.tab_container > table table td.MaskRenderer:first-child a {
	margin: 0;
}

#pageContent div.tab_container a.tab_name, div.tab_container a.tab_name {
	border-radius: 0;
	background-color: #487692;
	color: white;
	margin: 0 1px;
	border: 1px solid #bbbbbb;
	bottom: -1px;
}
#pageContent div.tab_container a.tab_name:hover, div.tab_container a.tab_name:hover,
#pageContent div.tab_container a.tab_name:hover .TextToolTip {
  color: black !important;
  background-color: white !important;
}


#pageContent div.tab_container a.tab_name:hover, div.tab_container a.tab_name:hover {
	background-color: black;
}

#pageContent div.tab_container a.tab_name_selected, div.tab_container a.tab_name_selected {
	border-bottom: 1px solid #fefefe;
	background-color: black;
	bottom: -1px;
}

.tab_internal_content {
	margin: 0.5em 0;
}

.tab_external_content {
	border: 1px solid #c8c8dd;
}

.tab_external_content table.MaskSpacing tr td.MaskRenderer:last-child .MaskSpacing {
	padding: 0;
}

.z0.hi:hover {
	background-color: #eaeaea;
}

.z1.hi:hover {
	background-color: #eaeaea;
}

#idAbwesenheitenTable1 td.C td.MaskRenderer a > img[width="32"] {
	width: 24px;
	height: auto;
}

/*thead th img {
	background: transparent;
}*/

table.cotable#tabRessourcen > thead th img[title="Details"] {
	background-color: white;
}

#idExamOfferTable a.mkExpand.nounderline > img,
#idExamOfferTable img.mkStatusIc, .examOffer_icButton > img,
.coRow > td > .grouprow > img {
	width: 16px;
	height: auto;
	margin: 0;
	margin: 0px;
	padding: 2px;
}
body #idEePageWrapper a.mkExpand::before {
  display: none; /* overwrite styles-itnegration because of custom icons */
}

table td a[target=hauptfenster] img {
	width: 100px;
	height: auto;
}

.headerTool img,
#idKandTable a > img {
	background-color: white;
	height: 16px;
	width: auto;
	margin: 0px;
	padding: 2px;
/* AP 29032018 Table Header Icon */
        margin-top: 3px;
}

a.disabled img {
	opacity: 0.6;
}

.msgError li.message {
	background-size: 16px 16px;
}

.wborg_name,
.wborg_kennung,
div.OrgTree_aa,
.headerHeading,
b {
	font-weight: 400;
}

/*th div span {
	color: white;
}*/

img.wborg_icon {
	width: 20px;
	height: auto;
	margin: 0;
	padding: 0;
}

/*span.TextToolTip {
	color: white;
	border-bottom: -0.9em dashed;
}*/

.green, .colorGreen {
	color: #17b61c;
}

.errorText,
.errorText > td,
.errorText > td > div > span,
.red,
.errors,
.colorRed {
	color: rgb(231,26,82) !important;
}

span.kt1.TextToolTip {
	color: black;
}

a:hover span.kt1.TextToolTip {
	color: white;
}

tr.coRow .L > .bold > span > span.noTextDecoration,
tr.coRow .L > .bold > span > a.noTextDecoration {
	font-weight: 700;
}

div#barid_stp_pg_680 {
	background-color: #487692;
}

div#valueid_stp_pg_680 {
	color: white;
}

/*table.cotable > thead > tr > th {
	padding: 3px 5px;
	font-size: 0.9em;
  /*white-space: nowrap;*/
}*/

table.cotable > thead > tr > th > img, #IdContAllFolders table.cotable th img,
#IdContAlleFormListe tr.coRow.coTableGR1 > td > img,
#IdContMostImportantFolders table.cotable th img, .cotable > thead th > a > img {
	background-color: white;
	height: 16px;
	width: auto;
	margin: 0px;
	padding: 2px;
}

table.cotable > thead > tr > th > img:not([height="32"]),
#IdContAllFolders table.cotable th img:not([height="32"]),
#IdContMostImportantFolders table.cotable th img:not([height="32"]) {
	padding: 1px;
	height: 14px;
	width: auto;
}

/*table.cotable > thead > tr > th > span {
	color: white;
}*/

.coListSection a {
	background-color: transparent;
}

.coListSection a:hover {
	background-color: black;
}

table td.coListSectionHeaderText {
	color: white;
}

table tr td a img, table tr td img, .coListSection a img, #idMsgLayer img {
	width: 16px;
	height: auto;
	margin: 0px;
	padding: 2px;
}

/* Statistik */

.sc-300-width div#barid_spo_comp_overal_progress, .sc-table-progress-min-width div#barid_stp_pg_702 {
	background-color: #487692 !important;
}

div#valueid_spo_comp_overal_progress, div#valueid_stp_pg_702 {
	 color: white;
}

table.MaskSpacing tr td.MaskRenderer:last-child table.cotable span {
	padding-left: 1px;
}

body #idMsgLayer, body #idMsgLayerClosed, .tooltip {
	opacity: 1;
}

#idMmsTable #idRowDays .dayCell {
	background-image: none;
}

#idMmsTable #idRowDays .dayCell span {
	color: black;
}

#idMmsTable #idRowDays .dayCell .selectionDayNrFeiertag,
#idMmsTable #idRowDays .dayCell .selectionDayNameFeiertag,
#idMmsTable #idRowDays .dayCell .selectionDayNrSontag,
#idMmsTable #idRowDays .dayCell .selectionDayNameSontag,
#idMmsTable #idRowDays .dayCell .selectionDayNrSamstag,
#idMmsTable #idRowDays .dayCell .selectionDayNameSamstag {
	color: #D80000;
}

#idMmsTable #idRowDays .dayCell a {
	color: #25666d;
}

.calendar td.day.selected,
.calendar tbody td.day.selected {
	background-color: #23238E;
	color: white;
}

#IdContAllFolders .colorRed, #IdContAllFolders .colorGreen,
#IdContMostImportantFolders .colorRed, #IdContMostImportantFolders .colorGreen {
	padding: 0 5px;
	background-color: white;
}

#idAbschlTable tr.bold td > a,
#idAbschlTable tr.bold td,
#idAbschlTable tr.bold td > span {
	font-weight: 700;
}

#idModHBTable td.R {
	white-space: nowrap;
}

table {
	empty-cells: hide;
}

.KnotenLink, .KnotenLinkLeaf, .KnotenLinkExpanded, .KnotenLinkLeafExpanded,
.SemLink {
	background-size: 16px 16px;
}

a.KnotenLink:hover span.TextToolTip, a.KnotenLinkLeaf:hover span.TextToolTip,
a.KnotenLinkExpanded:hover span.TextToolTip, a.KnotenLinkLeafExpanded:hover span.TextToolTip {
	color: white;
}

table.MaskSpacing, #idPageNavi, .MaskData > table {
	border-spacing: 1px;
}

#idSpoMask #spo-breadcrumbs td.MaskRenderer > img {
	padding-top: 3px;
}

#idSpoMask #spo-breadcrumbs .path-link {
	padding: 0;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
}

#idSpoMask #spo-breadcrumbs .path-link img {
	margin: 0;
}


#spo-child-elements table.cotable .coRow > .L > a {
	white-space: nowrap;
}

#spo-child-elements table.cotable .coRow > .L > a > img {
	margin-right: 3px;
}

.cs-path img, .spo-path-toggle .expander img, .spo-path-toggle .collapser img {
	width: 16px;
	height: auto;
}

td .tabrow  span,
td .tabrow  a,
td #idtabrow a {
vertical-align:initial;
}

div.as_listing_div {
	margin-top: 0;
	border-radius: 0;
}

#idPersonenliste div > span:not(:first-child) > a,
#idPersonenliste div > span:not(:first-child) > a:link,
#idPersonenliste div > span:not(:first-child) > a:visited,
#idPersonenliste div > span:not(:first-child) > a span {
	display: inline;
}

#idPersonenliste img {
	vertical-align: middle;
}

.fwk-co.app-funk_zuord div.fun_list_person_entry span a:hover span,
#idPersonenliste div span a:hover span {
  text-decoration: underline; /* über gesamten namen strich zeigen */
}

/* Forms */

#pageContent input, select, #pageContent textarea, #pageContent table tr td select,
#pageContent table tr td input[type="text"],
#pageContent table tr td input[type="email"], #pageContent table tr td input[type="password"],
#pageContent table tr td input[type="number"], #pageContent table tr td input[type="date"],
#pageContent table tr td input[type="datetime"], #pageContent table tr td input[type="range"],
#pageContent table tr td input[type="time"], #pageContent table tr td input[type="tel"],
#pageContent table tr td input[type="search"] {
	border: 1px solid #a4a4a4;
	padding: 3px 20px 3px 3px;
	border-radius: 0;
	line-height: 16px;
	height: auto;
	font-family: 'Source Sans Pro', Arial, sans-serif !important;
	font-weight: 400;
}

#pageContent textarea {
	border-radius: 0 !important;
}

#pageContent input[type="file"] {
	border: none !important;
}

/*button, #pageContent input[type="submit"], #pageContent .coBB a.commandButton,
a.commandButton, a.commandButton:link, a.commandButton:visited, */
#pageContent #idPageNavi .coNavGroup td a.commandButton,
#pageContent #idPageNavi .coNavGroup td a.commandButton:link {
  border: 1px solid #a4a4a4;
  background-color: white;
}
#pageContent th .toolButton > span {
	color: black;
}

.MaskButtonBar .MaskButtonBarRight button {
	margin-left: 15px;
}

button[disabled], #pageContent .MaskRenderer a.commandButton.disabled,
#pageContent .MaskRenderer button[disabled], a.commandButton.disabled,
#idSaveCloseButton.disabled,
body #idEePageWrapper #pageContent .commandButton.disabled,
body #idEePageWrapper #pageContent button[disabled],
body #idOverlayWindowContent a.commandButton.disabled:not(.tab_name){
	border: 1px solid #b1b1b1 !important;
	color: var(--off-white, #f1f1f1) !important;
  background-color: var(--disabled-color, #b1b1b1);
  cursor: not-allowed;
}

button[disabled]:hover, #pageContent .MaskRenderer a.commandButton.disabled:hover,
#pageContent .MaskRenderer button[disabled]:hover, a.commandButton.disabled:hover,
#idSaveCloseButton.disabled:hover,
body #idEePageWrapper #pageContent .commandButton.disabled:hover,
body #idEePageWrapper #pageContent button[disabled]:hover {
	border: 1px solid #b1b1b1 !important;
	color: #b1b1b1 !important;
	background-color: transparent !important;
}

#id-page-615000 #idEePageWrapper #pageContent .commandButton.disabled:not(:hover) { background: #fafafa !important; color: #999 !important; }

button:hover, a.commandButton:hover, #pageContent a.commandButton:hover,
#pageContent #idPageNavi .coNavGroup td a.commandButton:hover,
a.commandButton span.TextToolTip:hover {
	background-color: #000000;
	border: 1px solid #a4a4a4;
	color: white;
}

#pageContent .coBB a.toolButton.commandButton span.bold,
#pageContent .coBB a.commandButton span.bold {
	border: none;
  /*font-weight: 400;*/
}

#pageContent .coBB a.toolButton.commandButton:hover span.bold
#pageContent .coBB a.commandButton:hover span.bold {
	background-color: transparent;
	color: white;
	/*font-weight: 400;*/
}

a.commandButton:hover span { /*.coTable*/
	color: white;
}

a span.TextToolTip, .coTableR a span.TextToolTip {
	color: #25666d;
}

a span.TextToolTip:hover {
	color: white;
}

table tr td select:focus, table tr td textarea:focus,
table tr td input[type="text"]:focus, table tr td input[type="email"]:focus,
table tr td input[type="password"]:focus, table tr td input[type="number"]:focus,
table tr td input[type="date"]:focus, table tr td input[type="datetime"]:focus,
table tr td input[type="range"]:focus, table tr td input[type="time"]:focus,
table tr td input[type="tel"]:focus, table tr td input[type="search"]:focus {
	box-shadow: none;
 	background-color: #f4f4f4;
 }

select, table.coBB tr td.MaskRenderer select,
table.MaskSpacing tr td select, #pageContent table select {
	appearance: none;
	background: white;
	border-radius: 0;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight: 400;
	border: 1px solid #a4a4a4;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
	background-size: auto 8px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 1.5em;
}

fieldset.MaskS, fieldset.Mask {
	background-color: white;
}

.wbOrg_site_resources {
	border-radius: 0;
	border: 1px solid #a4a4a4;
}

#tgt .tree-col > span > a {
	background-position: center center;
}

#tgt .tree-col > span > a.cse:hover,
#tgt .tree-col > span > a.sms:hover,
#tgt .tree-col > span > a.yvo:hover,
#tgt .tree-col > span > a.gvo:hover {
	background-color: transparent !important;
}

#tgt .tree-col > span > a:hover > span {
	color: white !important;
}

td.MaskLabel {
	background-color: transparent;
	text-align: left;
}

td.MaskLabel .Mask {
	font-weight: 400;
	margin-left: 0;
	text-align: left;
}

tbody tr td a span.bold {
	color: #25666d;
	display: inline;
}

.MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer.MaskLabel {
	background-color: #487692;
	color: white;
	text-align: left;
}

.MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer.MaskLabel label {
  text-align: left;
}
div.MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer.MaskLabel label,
fieldset.MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer.MaskLabel label {
  padding-left: .25em;
}
body #idEePageWrapper label[for="pers_search_textbox"] { padding: .35em .75em; }

.MaskS > table.MaskSpacing > tbody > tr > td.MaskLabel > label,
#idStudienDekanLabel, #idDekanNameLabel, #idOptionContainerLabel {
	color: white;
}


#idMaskXYZ .commandButton {
	margin-right: 7px;
}

.select2-container span.select2-chosen {
	color: black;
}

.select2-container a:hover {
	background-color: transparent;
}

html body #pageContent a.select2-choice { display: block; }
html.fwk-co.app-prv #pageContent form a.select2-choice { max-width: 36em; }
html body #pageContent a.select2-choice:hover span { color: black; }
html body .select2-container.MaskRequired a.select2-choice { width: calc(100% - 8px); }


.select2-container.select2-container-disabled span {
	color: #b1b1b1;
}

.select2-container.select2-container-disabled a:hover {
	background-color: #f4f4f4 !important;
	color: #b1b1b1 !important;
	border-color: #ddd !important;
}

form .coBBContent .MaskRenderer input,
form .coBBContent .MaskRenderer select,
form .coBBContent .MaskRenderer textarea {
  padding-left: 5px; /* aligned with select 2 */
}
.select2-container span.select2-chosen {
  font-size: 13px;
}

.MaskRequired {
    border: 1px solid #FFC900 !important;
}

html body table tr td .MaskRequired,
html body table tr td .MaskOneOfGroupRequired,
html body table tr tdinput.Validator.MaskOneOfGroupRequired,
html body table tr td .required, html body table tr td input.required,
html body table tr td select.required {
    border: 1px solid #FFC900 !important;
}

/* Visitenkartenbild */
#idTestImg  {
	width: 80px;
	height: auto;
}

.imgCrop_wrap #idTestImg,
.imgCrop_wrap #idUniCardImg {
/* AP 27022017 */
	width: auto !important;
/* AP 27022017	width: 100%; */
	height: auto;
}

/* Kalender System-Management -> Hook-Verwaltung */
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 3px 20px 3px 3px;
}

/* Footer */
html body #idEePageWrapper #idPageFooter {
  right: 0;left: 0;
}
#idPageFooter .footerCell {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

#idPageFooter .z1 {
	background-color: white;
}

#idPageFooter .z1, #idPageFooter .z1 .footerCell {
	background-color: white;
}

#idPageFooter .z1 a {
	color: #25666d;
}

.overlayWindow .overlayWindowContent table[summary="Foto"] .MaskRenderer img {
	width: auto;
	height: auto;
}

/* Edit Image SPO-Knoten-Attribute */

#idAllgemeineInfosCont table td.MaskLabel label > img,
label[for=idPrfDauer] img {
	vertical-align: sub;
	background-color: white;
}

/* ------------------------------------------------------------------------- */
/* END   Kontext:    Anpassungen an neuen Internetauftritt                   */
/* --------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen vom 05.03.18 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/

/* Weiß auf Weiß gelöst */
#cResProfTab2 > table fieldset > table td.MaskRenderer.top td.MaskRenderer.MaskLabel > label {
	background-color: #487692;
}

#idNotenSkala th {
	background-color: #487692 !important;
}

table.cotable .coBB.bbModusdefault a {
	color: black;
}

table.cotable .coBB.bbModusdefault a:hover,
table.cotable .coBB.bbModusdefault a:active,
table.cotable .coBB.bbModusdefault a:focus {
	color: white;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 05.03.18 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/

.listOrgInWindowContentDiv a         { color: black !important;
                                     font-size: 16px !important;
                                     text-decoration: none !important;
				     padding-left: 30px;
                                   }

.listOrgInWindowEnabled .liBullet a  { color: #23238E !important;
                                     font-weight: 600 !important;
                                     text-decoration: underline !important;
                                   }

.listOrgInWindowDisabled .liBullet a { color: #A7A6AA !important;
                                     font-weight: 300 !important;
                                     text-decoration: none !important;
                                   }

/* *** .liBullet a:hover                { color: #D20000 !important;} */


/* *** */
/* AP 31032018 */
@media only screen and (max-width:599px) {

.headerHeading {
	display: none;
	}


a, a:link, a:visited, a span {
	display: inline-block;
}


.puNav a {padding-right: 5px;border-bottom: 1px solid;}


#pageContent #idPageHeader #idPageNavi .coNavSection td, #pageContent #idPageHeader #idPageNavi .coNavGroup td {
	padding: 3px 4px 0px 0px;
}


#pageContent #idPageHeader #idPageNavi .coNavSection th, #pageContent #idPageHeader #idPageNavi .coNavGroup th {
	padding-top: 8px;
}


.coBBContent td.MaskLabel, .MaskData tr td.MaskLabel {
	white-space: normal;
	width: 30%;
}


/* **
a.commandButton, a.commandButton span, a.commandButton span.TextToolTip {
    font-size: smaller;
}
*/


.headerHeading {
    display: none;
}


/* **
table.cotable > thead > tr > th {
    font-size: 0.8em;
}
*/


/* **
#pageContent div.tab_container a.tab_name, div.tab_container a.tab_name {
    font-size: 0.8em;
}
*/


.puNav a {
padding-right: 5px;
padding-left: 5px;
border-bottom: 1px solid;
padding-top: 4px;
}


#pageContent #idPageHeader #idPageNavi .coNavSection td {
	padding: 4px 4px 4px 4px;
}


#pageContent table	.coRow .L {
 padding: 0 4px; }


.csm-first-col .KnotenLinkLeaf {
    margin-left: 4px !important;
}


#pageContent #idPageHeader #idPageNavi .coNavSection,
#pageContent #idPageHeader #idPageNavi .coNavSection td {
	display: none;
}

input, select, textarea, table tr td select, table tr td input[type="text"],
table tr td input[type="email"], table tr td input[type="password"],
table tr td input[type="number"], table tr td input[type="date"],
table tr td input[type="datetime"], table tr td input[type="range"],
table tr td input[type="time"], table tr td input[type="tel"],
table tr td input[type="search"] {
    min-width: auto;
    max-width: 40vw;
/*
    min-width: 60%;
    max-width: 60%;
*/
}

select, table.coBB tr td.MaskRenderer select,
table.MaskSpacing tr td select, #pageContent table select {
    min-width: auto;
}

/* END @media query (max-width:599px) */
}

@media (max-width: 767px) { /* orgtree responsive height correction */
  html.fwk-co.app-org_adr .mat-drawer-content { /* #id-page-7027050 */
    height:auto;
  }
  html.fwk-co.app-org_adr,
  html.fwk-co.app-org_adr table {
    max-width: 100vw;
  }
  html.fwk-co.app-org_adr #pageContent #OrgTree li div.contentDiv a {
    white-space: normal;
    hyphens: auto;
    max-width: calc(100vw - 6em);
    width: auto;
    line-height: 1.25em;
    margin-bottom: 0.25em;
    padding-bottom: 0.25em;
  }
}

/* ------------------------------------------------------------------------- */
/* START     Kontext:    Anpassungen vom 20.05.19 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/

/* Icons */
a.examOffer_icButton.css_AN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AN:before,
a.examOffer_icButton.css_AB:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AB:before,
#pageContent a.examOffer_icButton.disabled:before {
	background-size: 14px;
}

#idRegistrationResultMsgList > li.ResultOk,
#idRegistrationResultMsgList > li.ResultFail,
#idRegistrationResultMsgList > li.ResultWarning {
	background-size: 18px;
}

#idRegistrationResultMsgList > li.ResultWarning > br {
	display: none;
}

/* Tabelle Filter-Buttons */
.headerTool img,
#idKandTable a > img {
	margin-top: 0px;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 20.05.19 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- */
/* START     Kontext:    Anpassungen vom 24.01.20 - CAMPUSonline Helpdesk Anfrage 52295 Probleme mit Screenreader */
/* --------------------------------------------------------------------------*/

a:empty[onblur*="blurRow"] {
  display: none;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 24.01.20 - CAMPUSonline Helpdesk Anfrage 52295 Probleme mit Screenreader */
/* --------------------------------------------------------------------------*/

/* Personalverwaltung  */
#idStammdatenMask .MaskSpacing tr > td.MaskRenderer.MaskLabel:not(:empty):first-child { width: auto; }
#idStammdatenMask .MaskSpacing tr > td.MaskRenderer.MaskLabel:not(:empty):first-child label:not(.invisible) { min-width: 14.25em; }


/* Funktionen */
#overAllSuperContainer th.ftr { background-color: var(--primary-color); color: white; }
#overAllSuperContainer .coBB button,
#overAllSuperContainer .coBB .commandButton { line-height: 18px; }

/* ------------------------------------------------------------------------- */
/* siehe Request Q-63938 Feld Zustimmungserklärung in Publikation */
/* hide Zustiummungserkl. Textfeld in Abschlussarbeiten */
#id-page-co_abs_showmask textarea[name="pNameField"],
#id-page-co_abs_showmask textarea[name="pNameField"] + p.validatorFormatString,
#id-page-co_abs_showmask textarea[name="pNameField"] + p.validatorFormatString + p.validatorFormatString { display: none; }
form[name="idmaskextorgz"] .coBBRIGHT.coBBBTOP ul li.bbModusdefault button,
form[name="idmaskextorgz"] .coBBRIGHT.coBBBTOP ul li.bbModusdefault .commandButton { width: 100%; padding: 3px 12px; line-height: 16px; margin-bottom: 2px; }
form[name="abs_edit_page"] table.MaskSpacing td.MaskRenderer >a > img,
form[name="abs_edit_page"] table.MaskSpacing td.MaskRenderer > img{ margin-left: 0; margin-top: 0; padding: 0; margin-right: 3px;}
form[name="abs_edit_page"] table.MaskSpacing td.MaskRenderer > img{margin-left:1px; /*due to a border has ot be aligned consistent*/}
/* ------------------------------------------------------------------------- */

/* overwrite submit buttons from primary to be default in prv *//* such as for #id-page-7030510*/
html.fwk-co.app-prvm #pageContent .commandButton:not(:hover),
html.fwk-co.app-prvm #pageContent .commandButton[onclick*=submit]:not(:hover),
html.fwk-co body form .coBB ul.coBB li.coBB>button[type=submit],
html.fwk-co body ul.coBB>li.coBB>button[type=submit],
html.fwk-co body #pageContent form .commandButton[onclick*=submit], body #pageContent form button[onclick*=submit] {
  background: var(--default-button-background-color, #fff);
  border-color:  var(--default-button-border-color, #000);
  color:  var(--default-button-text-color, #000);
}

/* fix b-67767 */
/* #ALL_EXAMS .tablescroll */
.tablescroll table.cotable th,
.tablescroll table.cotable td { hyphens: auto;
}
.tablescroll table.cotable th { font-size: 1em; }
.tablescroll table.cotable  th { padding: 0.3em; /* overwrite table.cotable th in line 738 */
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

/* specifity correction for B-67029 */
html #pageContent table.cotable td.LeistungPositiv,
html #pageContent table.cotable td.LeistungPositiv .TextToolTip {
  color: green;
	font-weight: normal;
}
html #pageContent table.cotable td.LeistungNegativ,
html #pageContent table.cotable td.LeistungNegativ .TextToolTip {
  color: red;
	font-weight: normal;
}

/* COnX improvements */
html body form {
  padding: 12px; /* overwrite 30px from styles-integration */
}
html body form .coBB ul.coBB li.coBB>.commandButton,
html body form .coBB ul.coBB li.coBB>button,
html .coBB .coBBBRIGHT li.coBB a.commandButton,
html .coBB .coBBLEFT li.coBB a.commandButton,
html .MaskButtonBar a.commandButton {
  font-size: 13px; /* 12px in integration */
  line-height: 18px;
}
body table.cotable>thead>tr>th {
  border: 0;
}
body table fieldset legend.Mask {
  border: 1px solid #487692;
  background-color: #487692;
  color: white;
  padding-bottom: 0;
  padding-top: 0;
}

#pageContent label { font-weight: normal; }
co-web-desktop-header coa-desktop-nav-menu menu button:hover {
  color: var(--default-button-color-hover, #fff);
  background-color: var(--default-button-background-color-hover, #000) !important;
}
body #pageContent>form>.MaskBackground,
body #pageContent>form>.MaskBackground>.MaskContent>.MaskData>table {
  display: table;
}
#pageContent table.list,
#pageContent table.mask {
  background-color: var(--main-background-color, #fff);
}

#pageContent table.cotable thead tr th,
#pageContent .wbOrg_site_container_header {
  background-color: var(--primary-color, #487692);
  color: white;
}
body #pageContent table.cotable>thead>tr>th {
  border: 1px solid white;
}
#pageContent th span {
  color: white;
}
#pageContent table.cotable thead tr th {
  background-color: var(--primary-color, #487692);
  color: white;
}
#pageContent table fieldset legend.Mask,
#pageContent table fieldset legend.Mask > span {
  background-color: var(--primary-color, #487692);
  color: white;
  border-color: var(--primary-color, #487692);
}
#pageContent table fieldset legend.Mask > span span {
  background-color: var(--primary-color, #487692);
  color: white;
}
.fwk-co.app-leh #pageContent #outerContPruefer table fieldset > legend.Mask,
.fwk-co.app-leh #pageContent #outerContLehrende table fieldset > legend.Mask,
.fwk-co.app-leh #pageContent #outerContPruefer table fieldset > legend.Mask span,
.fwk-co.app-leh #pageContent #outerContLehrende table fieldset > legend.Mask span {
  background: inherit; color: var(--text-color) !important;
}

#pageContent .wbOrg_site_container_header,
#pageContent .wbOrg_site_resources_legend,
#pageContent .wbOrg_site_container_header table {
  background-color: var(--primary-color, #487692) !important; /*overwrite other important*/
  border: 0;
}
#pageContent .wbOrg_site_container_header td {
  color: white;
}

html#id-page-lv_detail #pageContent>form>.MaskBackground>.MaskContent>.MaskData>table>tbody>tr>td.MaskRenderer label.Mask {
  text-align: left;
}

/* Gruppenmanagement */
#id-page-gruppen_mengen_definitionen a .bold > .highlighting { background: inherit; }


/* more spacing */
#idEePageWrapper form table.coBB table.MaskSpacing tr td.MaskLabel.MaskRenderer:first-child >label { padding-left: .25em; }

/* welcome hook styles */
#pageContent a#sliderlink,#pageContent a#sliderlink:visited {display: inline;background:inherit;}

/* centering app content with whitespace left and right */
html body #idEePageWrapper > #pageContent { padding-top: 0; padding-left: 1em; padding-right: 1em; margin: 0; }
html body #idEePageWrapper > #pageContent > form { padding: 0; }

html body .MaskRenderer>a.nounderline>img {
  margin-top: unset;
}

#idEePageWrapper #pageContent a.mkExpand>img,
#idEePageWrapper #pageContent #idRegisteredExamsTableContain a.mkExpand>img {  /* overwrite co2 styles-integration.css */
  visibility: visible;
}
#idEePageWrapper #pageContent a.mkExpand:hover { background: inherit; }
#idEePageWrapper #pageContent a.mkExpand:hover img { filter: invert(1) brightness(2); }
#idEePageWrapper #pageContent .commandButton:hover img[src*="lupe.gif"] { filter: invert(1); }

#idEePageWrapper .ca-help-button {
  color: var(--link-color);
}
#idEePageWrapper .ca-help-button:hover {
  color: var(--link-color-hover);
}

.fwk-co.app-prv #idEePageWrapper #pageContent>form,
.fwk-co.app-prv #idEePageWrapper #pageContent form .MaskBackground,
.fwk-co.app-prv #idEePageWrapper #pageContent form .MaskBackground>.MaskContent>table,
.fwk-co.app-prvm #idEePageWrapper #pageContent>form,
.fwk-co.app-prvm #idEePageWrapper #pageContent>form>.MaskBackground>.MaskContent>.MaskData>table,
.fwk-co.app-prvm #idEePageWrapper #pageContent form .MaskBackground,
.fwk-co.app-mail #idEePageWrapper #pageContent>form,
.fwk-co.app-mail #idEePageWrapper #pageContent form .MaskBackground,
.fwk-co.app-mail #idEePageWrapper #pageContent form .MaskBackground>.MaskContent>table,
#idEePageWrapper #pageContent form .MaskBackground,
#idEePageWrapper #pageContent form .MaskBackground>.MaskContent>table {
  width: auto;
}

#id-page-zuordnungstockwerke #idEePageWrapper form { max-width: 60em; }

#idEePageWrapper .ca-feedback-buttons.ca-feedback-buttons-right .ca-fbsp-button { max-height: 24px; }

#idEePageWrapper #idConfigBasicInfoPage table.cotable>thead>tr>th { hyphens: auto; }
#idEePageWrapper #idConfigRemarkPage a.commandButton { min-height: 24px; }
#idEePageWrapper #idConfigRemarkPage a.commandButton:not(.disabled):hover img { filter: invert(1); }

#id-page-res_kalender_res #idEePageWrapper a.commandButton { display: inline-flex; line-height: 20px; }
#idEePageWrapper .commandButton img,
#idEePageWrapper .commandButton img[src*="action_print.png"]{ filter: unset; }
body a.commandButton:hover img[src*="form_tugprod.png"]{ filter: invert(1); }
body a.commandButton:hover img[src*="action_edit_tugprod.png"]{ filter: invert(1); }
body a.commandButton img[src*="action_delete.png"]{ filter: grayscale(100) brightness(1); }
body a.commandButton:hover img[src*="action_delete.png"]{ filter: grayscale(100) brightness(100); }
#idEePageWrapper a:hover img[src*="form_tugprod.png"],
#idEePageWrapper a.commandButton:hover img[src*="lupe_tugdemo.png"],
#idEePageWrapper a.commandButton:hover img[src*="lupesuche.png"]{ filter: invert(1); }

.coTableNaviPageSelect select {min-width: 2.2em;}

/* responsive styles for ris */
@media(max-width:767px) {
  html.app-ris #pageContent > form {
    clear:both;
  }
  html.app-ris #pageContent > form > .MaskBackground,
  html.app-ris #pageContent > form > .MaskBackground > .MaskContent { display: block; clear:both; }
  html.app-ris #pageContent > form table {
    max-width: calc(100vw - 2em - 2px);
    border-spacing: 0 !important;
  }
  html.app-ris #pageContent > form table td.MaskLabel {  clear: left;  }
  html.app-ris #pageContent > form table td.MaskLabel,
  html.app-ris #pageContent > form table td.MaskLabel label {
    background: inherit; color:var(--text-color); width: auto; float: left;
    font-size: 1em; font-weight:bold;
  }
  html.app-ris #pageContent > form table td.MaskLabel label,
  html.app-ris #pageContent > form table td.MaskLabel td.MaskRenderer {
    margin-top: 0;
  }
  html.app-ris #pageContent > form table td.MaskLabel label:after { content: ":"; }
}

/* Anpassung Markus 9.4.2024 */
#idReplaceKandidaten .coTableBoxed { padding-bottom:1em; }
body .tablescroll table.cotable {
  margin-top: 0px !important;
}