/*------------------------------------------------------------------
  [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
  
-------------------------------------------------------------------*/





/* +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(../images2/v5-icon-sprite.png);
  background-repeat: no-repeat;
}




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


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

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

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

.module-container {
	background: #d1c2de;
    height: 100vh;
}

.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: 0 -592px;
}

.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;}

/* Buttons */
/* ######################################################################################################################################  */

/* FFHS customizing */

/* Farben vom Markenhandbuch:
rot : #D50006 - rgb(213,  0,  6)
lila: #502479 - rgb( 81, 36,122)
grau: #686868 - rgb(104,104,104)
hell: #b3b2b2 - rgb(179,178,178)
*/

/* Site layout */
.header-container {
  background: #FFFFFF;
  border: 0;
}

.subheader {
  background-color: #FFFFFF;
}

.subheader .title {
  color: #D50006; /* red */
}

.toolbar-container {
  background-color: #FFFFFF;
}

.header-menu {
  color: #D50006; /* red */
}

.portal-title {
  color: #D50006; /* red */
  text-transform: uppercase;
}

.module-container-large,
.nav-container {
  background-color: #FFFFFF;
}

.module-container {
  background: #FFFFFF;
}

/* Buttons */
.call-to-action button img {
	display: none;
}

button img.icon-export-smaller {
	display: none;
}

.highlighted-button,
.highlighted-button:hover {
  color: #502479 !important; /* lila */
}


.content .call-to-action button {
	background: transparent;
	border: 2px solid #d4cade; /* gray */
  border-radius: 0;
	box-shadow: none;
  text-shadow: none;
  color: #502479 /* lila */
}

.content .call-to-action button:hover, 
.content .call-to-action button:focus {
	color: #FFFFFF;
	background: #502479; /* lila */
	border: 2px solid #502479; /* lila */
  border-radius: 0;  
	box-shadow: none;
}

.content .primary-action, 
.ui-dialog-buttonset .ui-button.primary-action, .ui-dialog-buttonset .ui-button + .ui-button.primary-action,
.ui-dialog-buttonset .ui-button + .ui-button.primary-action {
	background: transparent !important; 
	border-color: #d4cade  !important; /* gray */
	border-radius: 0;
  color: #502479  !important; /* lila */
}

.content .primary-action:hover, 
.ui-dialog-buttonset .ui-button.primary-action:hover,
.content .primary-action:focus, 
.ui-dialog-buttonset .ui-button.primary-action:focus {
	color: #FFFFFF;
	background: #502479; /* lila */
	border-color: #502479; /* lila */
  border-radius: 0;
	box-shadow: none;
 }

.fakefile .secondary-action, 
.content .secondary-action, 
.ui-dialog-buttonset .ui-button+.ui-button{
	background: transparent;
	border: 2px solid #d4cade; /* gray */
  border-radius: 0;
	box-shadow: none;
	color: #502479; /* lila */
}

.content .secondary-action:hover, 
.ui-dialog-buttonset .ui-button+.ui-button:hover,
.content .secondary-action:focus,
.ui-dialog-buttonset .ui-button+.ui-button:focus {
	color: #FFFFFF;
	background: #502479; /* lila */
	border: 2px solid #502479; /* lila */
  border-radius: 0;
	box-shadow: none;
}

.main-navigation .link {
	background: #FFFFFF;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
	color: #000000;
}

.main-navigation .link.active,
.main-navigation .link.active:hover,
.main-navigation .link.active:focus
	{
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB  ;
	background: #502479; /* lila */
	/* background: #D50006; */ /* rot */
  color: #FFFFFF;
}

.main-navigation .link:hover,
.main-navigation .link:focus {
  background: #F3F3F3;
	/*background: -moz-linear-gradient(top, #ffffff 4%, #fbfbfb 4%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #ffffff),
		color-stop(4%, #fbfbfb), color-stop(100%, #f3f3f3) );
	background: -webkit-linear-gradient(top, #ffffff 4%, #fbfbfb 4%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 4%, #fbfbfb 4%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 4%, #fbfbfb 4%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 4%, #fbfbfb 4%, #f3f3f3 100%);*/
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
	color: #000;
}
 
 
/* Links */
a,
a:visited,
.header-container a,
.header-container a:visited {
  color: #D50006;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #D50006;
  text-decoration: underline;
}

.header-container a:hover,
.header-container a:focus {
  color: #D50006;
}

.menu-item button,
.menu-item button:visited {
  color: #D50006;
  text-decoration: none;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.menu-item button:hover,
.menu-item button:focus,
.menu-item button:hover span {
  color: #D50006 !important;
}

.submenu-item a:hover, 
.submenu-item a:focus, 
.submenu-item a:active, 
.submenu-item button:hover, 
.submenu-item button:focus, 
.submenu-item button:active,
.submenu-item .label:hover,
.submenu-item .label:focus,
.submenu-item .label:active {
  background: #f3f3f3;
}

/* Schriftart */
body {
  font-family: "BrixSans",Arial,Helvetica,sans-serif;
}

@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_3_0.woff2') format("woff2"),
 url('fonts/3947CE_3_0.woff') format("woff");
 font-weight:300;
 font-style:normal;
}
@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_8_0.woff2') format("woff2"),
 url('fonts/3947CE_8_0.woff') format("woff");
 font-weight:300;
 font-style:italic;
}
@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_5_0.woff2') format("woff2"),
 url('fonts/3947CE_5_0.woff') format("woff");
 font-weight:400;
 font-style:normal;
}
@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_B_0.woff2') format("woff2"),
 url('fonts/3947CE_B_0.woff') format("woff");
 font-weight:400;
 font-style:italic;
}
@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_4_0.woff2') format("woff2"),
 url('fonts/3947CE_4_0.woff') format("woff");
 font-weight:500;
 font-style:normal;
}
@font-face {
 font-family:"BrixSans";
 src:url('fonts/3947CE_1_0.woff2') format("woff2"),
 url('fonts/3947CE_1_0.woff') format("woff");
 font-weight:700;
 font-style:normal;
}