/*------------------------------------------------------------------
  [Custom]
   
  Project:     CAS Campus V5
  Version:     1.0
  Last change: 20/04/12
  Assigned to: Thomas Gehrig
  
  Primary use: Use this file to make changes to the default design.
  
  Table of contents
  -----------------
  
  +Interface
  +Icons
  
-------------------------------------------------------------------*/

/*-- KIT custom styles */

/* from custom.css: max-width: 1280px; */
/*
.body-rendered .page {
  max-width: 1792px;
}
*/

/* Auto-break menu item text */
.menu-item  .link-text {
	word-wrap: break-word;
	hyphens: auto;
}

.menu-toolbar {
	border-radius: 6px;
	background-color: #00000008;
}

.data-border, .datalist-border {
    margin: 0 0 20px;
}

.heading-applpage {
    padding: 8px 0 2px;
}

.content > .gridlayout > .gridlayoutrow > .gridlayoutcolumn2 > .layoutelement-inner {
    padding: 8px 20px 0 !important;
}

.data-edit {
    height: 24px !important;;
}

.data-edit {
    height: 20px;
}

.data-content {
    padding: 6px 6px 20px 15px;
    padding: 4px;
}

.data-row {
    padding: 0 0 4px;
}

/*-- (copied from developer.css) --*/

/*Dialog buttons from custom.css*/
.ui-dialog-buttonset .ui-button + .ui-button.primary-action {
    /*font-weight: bold;*/
    color: #2b2e2e !important;
    /*-webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);*/
    /*-moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);*/
    /*box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);*/
    /*border-color: #145683;*/
    /* background: #2d668e url(../images/v5-global-sprite.png) repeat-x 0 -465px; */
    background: -webkit-linear-gradient(bottom, #d1d1d1, #f9f9f9 !important);
    background: -moz-linear-gradient(bottom, #d1d1d1, #f9f9f9) !important;
    background: -o-linear-gradient(bottom, #d1d1d1, #f9f9f9) !important;
    background: -ms-linear-gradient(bottom, #d1d1d1, #f9f9f9) !important;
    background: linear-gradient(to top, #d1d1d1, #f9f9f9) !important;
}

/* 2021-04-15 (tb) test for color layout.css */
.module-container {	/* subpages */
  background: #b5ddfd; /* #fdddb5; */
}

.nav-container { /* context nav */
  background: #6bbcff; /* #ffbc6b; */
}

.app-large .apphighlight, .app-large .apphighlight:hover, .app-small .apphighlight {
    border-color: #b0bcc1;
    background: #6bbcff; /* #ffbc6b; */
}

/*-- (copied from structure.css) --*/

/* 2021-03-10 (tb) test for list layout */
.list SLEEP_th, .list SLEEP_td {
    padding: 1px 8px 1px 1px;
    /*padding-left: 0px;*/
}

.list-head-row SLEEP_th {
    white-space: nowrap;
}

.list-body-row SLEEP_td {
    /* border-bottom: 0px solid #ddd; */
    white-space: nowrap;
}

/* bullets - 2019-10-21*/

div.datalist-border > div.enum  > ul.enum {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: circle;
}

ul.enum li {
	margin: 0 0 3px 0;
}

/* hover state */
/*.content .primary-action:hover,.ui-dialog-buttonset .ui-button.primary-action:hover */
.ui-dialog-buttonset .ui-button + .ui-button.primary-action:hover
	{
	background-color: #367aa9 !important;
	background-image: -webkit-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff) !important;
	background-image: -moz-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff) !important;
	background-image: -o-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff) !important;
	background-image: -ms-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff) !important;
	background-image: linear-gradient(to top, #d9d9d9, #f1f1f1 50%, #fff) !important;
}

/* focus state */
/*.content .primary-action:focus,.ui-dialog-buttonset .ui-button.primary-action:focus*/
.ui-dialog-buttonset .ui-button + .ui-button.primary-action:focus
	{
	-webkit-box-shadow: 0 0 4px rgba(5, 66, 107, .6), inset 0 0 3px
		rgba(255, 255, 255, .32) !important;
	-moz-box-shadow: 0 0 4px rgba(5, 66, 107, .6), inset 0 0 3px
		rgba(255, 255, 255, .32) !important;
	box-shadow: 0 0 4px rgba(5, 66, 107, .6), inset 0 0 3px
		rgba(255, 255, 255, .32) !important;
	border: solid 1px #07283f !important;
}

/* 2021-10-22 (MM) Dokumentenauflistung als Liste darstellen */
.warning-text a::before {
  content: "\A";
  white-space: pre;
}

/* 2021-10-22 (MM) Status Details besser darstellen */
form[action*=MyApplicationDetail] .datalist-border .boxlayout-vertical:first-child .gridlayoutrow:first-child .layoutelement-inner {
  font-size: 1.5em;
  line-height: 1.8em;
}
form[action*=MyApplicationDetail] .datalist-border .boxlayout-vertical:first-child .gridlayoutrow:nth-child(3) .layoutelement-inner {
  font-weight: 400;
  border-left: 3px solid red;
  padding: 0 8px;
  margin-top: 10px;
}
form[action*=MyApplicationDetail] .datalist-border .datalist-border,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .datalist-border {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  padding: 0
}

form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .datalist-border {
  display: table;
}

form[action*=MyApplicationDetail] .gridlayout,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayout {
  display: table-row-group;
}
form[action*=MyApplicationDetail] .gridlayoutrow,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayoutrow {
  
  display: table-row;
  border-collapse: collapse;
}
form[action*=MyApplicationDetail] .gridlayoutrow.clearfix:after,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayoutrow.clearfix:after {
  display: none;
}
form[action*=MyApplicationDetail] .gridlayoutcolumn2,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayoutcolumn2 {
  display: table-cell;
  width: unset;
  float: none;
  border: 1px solid #ccc;
  padding: 2px 5px;
  max-width: 50%;
}
form[action*=MyApplicationDetail] .gridlayout:first-child .gridlayoutcolumn2,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayout:first-child .gridlayoutcolumn2 {
  border-top: 0;
}
form[action*=MyApplicationDetail] .gridlayout .gridlayoutcolumn2:first-child,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayout .gridlayoutcolumn2:first-child {
  border-left: 0;
}
form[action*=MyApplicationDetail] .gridlayout:last-child .gridlayoutcolumn2,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayout:last-child .gridlayoutcolumn2 {
  border-bottom: 0;
}
form[action*=MyApplicationDetail] .gridlayout .gridlayoutcolumn2:last-child,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayout .gridlayoutcolumn2:last-child {
  border-right: 0;
}
form[action*=MyApplicationDetail] .gridlayoutcolumn2 + .gridlayoutcolumn2,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) .gridlayoutcolumn2 + .gridlayoutcolumn2 {
  text-align: left;
  min-width: 100px;
  font-weight: bold;
  font-size: 1.1em;
}
/* (MM) Überschriften der Status Details fett schreiben */
form[action*=MyApplicationDetail] h2 ~ .label,
form[action*=ApplicationWizard] .gridlayoutcolumn2:nth-child(2) h2 ~ .label {
  font-weight: bold;
}

/* (ph) Login-Icons auf Startseite */
form[action*='Portal/Start'] h3.heading-h3 {
  font-size: 1.167em;
  line-height: 1.5em;
  margin-bottom: 4px;
}
form[action*='Portal/Start'] .datalist-border:has(.loginbundid),
form[action*='Portal/Start'] .datalist-border:has(.loginkitidp) {
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 16px 16px;
  padding-left: 132px;
}
form[action*='Portal/Start'] .datalist-border:has(.loginbundid) {
  background-image: url(../images/kit/loginbundid.svg);
}
form[action*='Portal/Start'] .datalist-border:has(.loginkitidp) {
  background-image: url(../images/kit/loginkitidp.svg);
}

/* Dieser zusätzliche Code ohne :has Selektor ist eine Kopie von oben als Workaround für Firefox ESR.
   Der Workaround benötigt entsprechendes JavaScript für das Setzen der CSS-Klassen. 
   Sobald am KIT ein modernes Firefox installiert wird, sollte der Workaround entfernt werden. */
form[action*='Portal/Start'] .boxlayout-vertical.loginbundid .datalist-border,
form[action*='Portal/Start'] .boxlayout-vertical.loginkitidp .datalist-border {
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 16px 16px;
  padding-left: 132px;
}
form[action*='Portal/Start'] .boxlayout-vertical.loginbundid .datalist-border {
  background-image: url(../images/kit/loginbundid.svg);
}
form[action*='Portal/Start'] .boxlayout-vertical.loginkitidp .datalist-border {
  background-image: url(../images/kit/loginkitidp.svg);
}



button.setapplicationenrollmentapplied {
	/*color: green;*/
	
	padding: 0.1em 0.6em;
	margin: 0px 6px 0px 6px;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #4c9b25 url(../images/v5-global-sprite.png) repeat-x 0
		-593px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70bf4e),
		color-stop(100%, #4c9b25) );
	background: -webkit-linear-gradient(top, #70bf4e 0%, #4c9b25 100%);
	background: -moz-linear-gradient(top, #70bf4e 0%, #4c9b25 100%);
	background: -o-linear-gradient(top, #70bf4e 0%, #4c9b25 100%);
	background: -ms-linear-gradient(top, #70bf4e 0%, #4c9b25 100%);
	background: linear-gradient(top, #70bf4e 0%, #4c9b25 100%);
	border: 1px solid #5b992b;
	border-radius: 8px;
	box-shadow: 0 1px 0 0 #96ca6d inset;
	text-shadow: 0 -1px 0 #4c9021;
}

button.setapplicationenrollmentapplied:hover {
	background: #5bbb2c url(../images/v5-global-sprite.png) repeat-x 0
		-593px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cec62),
		color-stop(100%, #5bbb2c) );
	background: -webkit-linear-gradient(top, #8cec62 0%, #5bbb2c 100%);
	background: -moz-linear-gradient(top, #8cec62 0%, #5bbb2c 100%);
	background: -o-linear-gradient(top, #8cec62 0%, #5bbb2c 100%);
	background: -ms-linear-gradient(top, #8cec62 0%, #5bbb2c 100%);
	background: linear-gradient(top, #8cec62 0%, #5bbb2c 100%);
}

button.setapplicationenrollmentapplied:focus  {
	border: 1px solid #000000;
}

button.setapplicationdiscarded  {
	/*color: red;*/
	padding: 0.1em 0.6em;
	margin: 0px 6px 0px 6px;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #923202 url(../images/v5-global-sprite.png) repeat-x 0
		-593px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4607),
		color-stop(100%, #923202) );
	background: -webkit-linear-gradient(top, #ff4607 0%, #923202 100%);
	background: -moz-linear-gradient(top, #ff4607 0%, #923202 100%);
	background: -o-linear-gradient(top, #ff4607 0%, #923202 100%);
	background: -ms-linear-gradient(top, #ff4607 0%, #923202 100%);
	background: linear-gradient(top, #ff4607 0%, #923202 100%);
	border: 1px solid #de1414;
	border-radius: 8px;
	box-shadow: 0 1px 0 0 #ca6d6d inset;
	text-shadow: 0 -1px 0 #903121;
	
}

button.setapplicationdiscarded:hover  {
	background: #ca4402 url(../images/v5-global-sprite.png) repeat-x 0
		-593px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6b39),
		color-stop(100%, #ca4402) );
	background: -webkit-linear-gradient(top, #ff6b39 0%, #ca4402 100%);
	background: -moz-linear-gradient(top, #ff6b39 0%, #ca4402 100%);
	background: -o-linear-gradient(top, #ff6b39 0%, #ca4402 100%);
	background: -ms-linear-gradient(top, #ff6b39 0%, #ca4402 100%);
	background: linear-gradient(top, #ff6b39 0%, #ca4402 100%);
}

button.setapplicationdiscarded:focus  {
	border: 1px solid #000000;
}

/*--ENDE KIT Anpassungen --*/





/* +Image sources
-------------------------------------------------------------------*/

/*
.content .image {
  background-image: url(../images/v5-icon-sprite.png);
  background-repeat: no-repeat;
}
*/
.app-section .image,
.nav-info .image,
.app-small .image,
.navigator-history .image,
.breadcrumb .image,
.menu-semester .image,
.global-search .image,
.header-menu .image,
.menu-toolbar .image,
.menu-item .image {
  background-image: url(../images/v5-icon-sprite.png);
  background-repeat: no-repeat;
}




/* +Interface
-------------------------------------------------------------------*/


div.fileinputs + a.secondary-action {
    display: none;
}

a.secondary-action {
    text-decoration: none;
    white-space: nowrap;
}

/* TODO: Umbenennen: .header */
.header-container {
  background: #ececec url(../images/v5-global-sprite.png) repeat-x 0 0;
  border-color: #b4b4b4;
}

.logo {
  display: block;
  margin: 0 20px 0 10px;
  width: 150px;
  height: 33px;
}

.loginpage-logo .logo {
  margin: 0 0 20px;
  width: 230px;
  height: 53px;
}

/* Subheader dropshadow */
.subheader {
  background: #f9f9f9 url(../images/v5-global-sprite.png) repeat-x 0 -189px;
}


/* +Table
-------------------------------*/


/* Table head background */
.list-head-element { /* th */  
  background: #f3f5f9 url(../images/v5-global-sprite.png) repeat-x 0 -338px;
}




/* +Formular
-------------------------------*/


/*TODO: Gesamte Regel löschen, wenn die Formularboxen umgebaut wurden ..........*/
.edit-mode .data-content {
  background: url(../images/_form-gradient.png) repeat-x;
}
/*....................*/

/* form gradient */
.edit-mode .data-action {
  background: #fff url(../images/v5-global-sprite.png) repeat-x 0 -704px;
}

/* TODO: Klasse umbenennen: icon-form-edit */
.data-edit-action .icon-edit-pen {
	background: url(../images/v5-icon-sprite.png) no-repeat 0 -696px;
}

/* TODO: Klasse umbenennen: icon-form-edit */
.data-edit-action:hover .icon-edit-pen {
	background-position: 0 -720px;
}

.data-edit-action:focus .icon-edit-pen {
	background-position: 0 -744px;
}

.data-edit-action:active .icon-edit-pen {
	background-position: 0 -768px;
}

/* TODO: Klasse umbenennen: icon-form-edit-active */
.icon-edit-pen-selected {
	background: url(../images/v5-icon-sprite.png) no-repeat 0 -792px;
}





/* +Icons
-------------------------------------------------------------------*/


/* +Image sizes
-------------------------------*/

.content .image {
  width: 16px;
  height: 16px;
}


.app-large .image,
.nav-info .image {
	width: 32px;
	height: 32px;
}

.menu-semester .image,
.global-search .image,
.header-menu .image,
.app-small .image,
.data-edit-action .image,
.data-edit-action-selected .image {
	width: 24px;
	height: 24px;
}

.navigator-history .image,
.breadcrumb .image,
.menu-toolbar .image,
.call-to-action button .image {
  width: 16px;
  height: 16px;
}

.navigator-toolbar .menu-toolbar .menu .menu-item .accept-application {
	/* css class to customize the accept place button on the MyApplicationDetail page */
}

.navigator-toolbar .menu-toolbar .menu .menu-item .discard-application {
	/* css class to customize the reject place button on the MyApplicationDetail page */
}


/* TODO: Klasse ändern: app-arrow */
/* module-arrow */
.icon-downlarge {
  width: 17px;
  height: 10px;
  background-position: -31px -1242px;
}

.menu-item .icon-down {
	background-position: -40px -37px;
	width: 9px;
	height: 9px;
}

/* +Module Icons
-------------------------------*/


/* large module icons */

.icon-vam {
  background-position: 0 0;
}

.icon-sgm {
  background-position: 0 -34px;
}

.icon-bzm {
  background-position: 0 -68px;
}

.icon-pm {
  background-position: 0 -102px;
}

.icon-gbm {
  background-position: 0 -136px;
}

.icon-stm {
  background-position: 0 -170px;
}

.icon-reports {
  background-position: 0 -204px;
}

.icon-ua {
  background-position: 0 -238px;
}

.icon-portal {
  background-position: 0 -272px;
}


/* small module icons */

.app-small .icon-vam-small {
  background-position: 0 -306px;
}

.app-small .icon-sgm-small {
  background-position: 0 -332px;
}

.app-small .icon-bzm-small {
  background-position: 0 -358px;
}

.app-small .icon-pm-small {
  background-position: 0 -384px;
}

.app-small .icon-gbm-small {
  background-position: 0 -410px;
}

.app-small .icon-stm-small {
  background-position: 0 -436px;
}

.app-small .icon-reports-small {
  background-position: 0 -462px;
}

.app-small .icon-ua-small {
  background-position: 0 -488px;
}

.app-small .icon-portal-small {
  background-position: 0 -514px;
}

.app-small .icon-search-small {
  background-position: 0 -1715px;
}




/* +Navigation
-------------------------------*/

/* TODO: Grafik in Sprite integrieren */
.main-navigation .link-text { /* A-tag */
	background: url(../images/nav-right.png) no-repeat 98% center;
}

/*
.main-navigation .link:hover .link-text,
.main-navigation .link:focus .link-text {
	background: url(../images/nav-right-hover.png) no-repeat 98% center;
}
*/

/* +History, Breadcrumb Icons
-------------------------------*/


/* TODO: Klasse ändern: .icon-history-back */
.navigator-history .icon-arrow-left {
	background-position: -32px -629px;
}

.breadcrumb .icon-home-smaller {
  background-position: -32px -1134px;
}

/* smaller module icons */

/*TODO: Klassen umbenennen, smaller --> 16px. Klassen in Breadcrumb und Modulspalte heissen gleich,
        obwohl unterschiedlich große Icons verwendet werden. */

.menu-bread .icon-vam-small {
  background-position: -32px -306px;
}

.menu-bread .icon-sgm-small {
  background-position: -32px -324px;
}

.menu-bread .icon-bzm-small {
  background-position: -32px -360px;
}

.menu-bread .icon-pm-small {
  background-position: -32px -342px;
}

.menu-bread .icon-gbm-small {
  background-position: -32px -378px;
}

.menu-bread .icon-stm-small {
  background-position: -32px -396px;
}

.menu-bread .icon-reports-small {
  background-position: -32px -414px;
}

.menu-bread .icon-ua-small {
  background-position: -32px -432px;
}

.menu-bread .icon-portal-small {
  background-position: -32px -450px;
}

.menu-bread .icon-search-small {
  background-position: -32px -1715px;
}




/* +Header Icons
-------------------------------*/


/* TODO: Klasse passend benennen: icon-term-medium */
.menu-semester .icon-semester {
	background-position: 0 -540px;
}

.icon-search {
	background-position: 0 -566px;
}

.icon-star {
	background-position: -32px -828px
}

.icon-person {
	background-position: 0 -644px;
}

.icon-burger-menu {
  background-position: -25px -1252px;
}

.icon-mail {
  background-position: 0 -618px;
}

.icon-options {
	background-position: 0 -670px;
}

.icon-language {
	background-position: -24px -1625px;
}


/* +Toolbar Icons
-------------------------------*/


.icon-create {
	background-position: -32px -467px;
}

.icon-create {
	background-position: -32px -467px;
}

.icon-edit-smallpen {
    background-position: -32px -485px;
}

.icon-delete {
	background-position: -32px -503px;
}

.icon-link {
	background-position: -32px -1080px;
}

.icon-unlink {
	background-position: -32px -1094px;
}

.icon-release {
	background-position: 0 -1232px;
}

.icon-withdraw {
	background-position: 0 -1250px;
}

.icon-activate {
	background-position: -32px -593px;
}

.icon-deactivate {
	background-position: -32px -611px;
}

.icon-previous-smaller {
  background-position: -32px -93px;
}

.icon-next-smaller {
  background-position: -32px -109px;
}

.icon-exit-smaller {
  background-position: -32px -611px;
}

.icon-overview-smaller {
  background-position: -32px -539px;
}

.icon-export-smaller {
  background-position: -32px -234px;
  background-image: url(../images/v5-icon-sprite.png);
  background-repeat: no-repeat;
}

.icon-sync-smaller {
  background-position: -32px -773px;  
}

.icon-copy-smaller {
  background-position: -32px -557px;  
}

.icon-ok-smaller { /* save, ok, true, ... */
  background-position: -32px -593px;  
}

.icon-cancel-smaller { 
  background-position: -32px -611px;  
}

.icon-edit-pen {
  background-position: -4px -699px;
}

.inline-action .icon-edit-pen {
  background: url(../images/v5-icon-sprite.png) no-repeat 0 -696px;
  width: 24px;
  height: 24px;
}

.inline-action:hover .icon-edit-pen {
	background-position: 0 -720px;
}

.icon_clusterMap_black {
  background-position: 0 -1070px;
}

/* +Content Icons
-------------------------------*/

/* 16px */

.icon-success-smaller,
.success-note .status-icon { 
  background-position: -32px -144px;  
}

.icon-success2-smaller { 
  background-position: -32px -288px;  
}

.icon-info-smaller,
.info-note .status-icon { 
  background-position: -32px -162px;  
}

.icon-warning-smaller,
.warning-note .status-icon { 
  background-position: -32px -270px;  
}

.icon-error-smaller,
.error-note .status-icon { 
  background-position: -32px -180px;  
}

.icon-error2-smaller { 
  background-position: -32px -252px;  
}

.icon-help-smaller {
  background-position: -32px -1152px;
}




/* 24px */

.icon-success-small {
  background-position: 0 -1599px;
}

.icon-success2-small { 
  background-position: 0 -1519px;
}

.icon-info-small { 
  background-position: 0 -1647px;
}

.icon-warning-small { 
  background-position: 0 -1441px;
}

.icon-error-small { 
  background-position: 0 -1623px;
}

.icon-error2-small { 
  background-position: 0 -1467px;
}

.icon-notedited-small { 
  background-position: 0 -1493px;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}



/* TODO: Klassen überarbeiten und sortieren */

.loginpage-container .icon-help-small {
  background: url(../images/v5-icon-sprite.png) no-repeat -24px -1547px;
  width: 24px;
  height: 24px;
}

.loginpage-container .icon-home-small {
  background: url(../images/v5-icon-sprite.png) no-repeat -24px -1573px;
  width: 24px;
  height: 24px;
}

.loginpage-container .icon-info-small {
  background: url(../images/v5-icon-sprite.png) no-repeat -24px -1599px;
  width: 24px;
  height: 24px;
}



/* +Control Icons */

.datepicker, .datetimepicker, .datetime24picker {
  background: url(../images/datepicker-16.png) no-repeat right center;
	/*background: url(../images/v5-icon-sprite.png) no-repeat right -1284px;*/
}

.call-to-action button img {
  background-position: -32px -20px;
}

/* jquery multiselect widget */
button.ui-multiselect.ui-widget {background-color: transparent; width: 94% !important;}
.ui-multiselect-single, .ui-multiselect { border: 1px solid #aaa; border-radius: 3px; padding: 3px; text-align: left; background: white }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 3px !important; min-height: 1em; border: none; }
label.ui-state-hover { none repeat scroll 0 0 #3399ff; }
label.ui-state-active { border-radius: 0; }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px; width:90% }
.ui-multiselect-checkboxes li, .ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) { padding-right: 0px; font-size: 12px; }
.ui-widget-header { font-weight: normal; }
.ui-multiselect-checkboxes label { padding: 0 !important; text-indent: 0px;}
.ui-multiselect-menu .ui-multiselect-checkboxes .option .ui-state-hover { border-radius: 0px; background: none repeat scroll 0 0 #ddeaf2 !important; padding: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #000000; font-weight: normal; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #000000; font-weight: bold; }
.ui-widget { font: inherit; vertical-align: middle; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font: inherit; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background-image: none;
    border: 1px solid #cccccc;
	/* font: inherit; */
	color: #000000;
	font-weight: normal;
}
.ui-widget-header {
    background-image: none;
    border: 1px solid #cccccc;
    color: #000000;
    font: inherit;
    background-color: #f0f0f0;
}
.ui-widget-header a {
	color: #000000;
	font-size: 12px;
}

.ui-multiselect-header span.ui-icon {
	float: none;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #888888;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000000;
    text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #000000;
    text-decoration: none;
}

.nav-container div div div div button.ui-multiselect {background-color: white !important; width: 13em !important; margin-left: 3px;}
.toolbar-container div div div ul li button.ui-multiselect {min-height: 2.1em;}