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

/* HCAorganoid specific Styles */

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



@import url(eurice.css); /* Import EURICE Base-Style */



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

/* Header Hintergrund */

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



#header {

  background-color: #2d2e82;

}



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

/* Logo (top right bottom left)*/

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



#header > h1 {

  background: url(../images/logo.png) no-repeat 24px 21px;

}



#header > h1 {

  padding: 26px 12px 22px 212px;

}



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

/* Top Menu Hintergrund */

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



#top-menu {

  background: #252571;

}



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

/* Main-Menu Hintergrund */

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



#main-menu {

  background-color: #a09bea;

}



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

/* Main-Menu Schriftfarbe */

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



#main-menu li > a {

  color: #2d2e82;

}



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

/* '+' Button Hintergrund  */

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



#main-menu li a.new-object {

  background-color: #cbc8ff;

}



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

/* '+' Button Menu Background   */

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



#main-menu .menu-children li a {

  background: #cbc8ff;

  color: #252571;

}



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

/* '+' Button Menu Background Hover   */

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



#main-menu .menu-children li a:hover {

  color: #fff;

  background: #2d2e82;

}



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

/* Login-Form Rahmen und Hintergrund  */

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



#login-form {

  border: 1px solid #a09bea;

  background-color: #cbc8ff;

}



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

/* Issue Hintergrund-Farbe (optional)  */

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



div.issue {background: #f4f1ff;}



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

/* Button Colors */

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



#ajax-modal p.buttons input,

.ui-datepicker .ui-datepicker-buttonpane button,

.details input[type="submit"],

input[type="button"],

input[type="submit"],

input[type="submit"][name="continue"],

input[type="submit"].small,

input[type="submit"].button-small {

  color: #cbc8ff;

}



#ajax-modal p.buttons input[type="submit"],

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,

input[type="submit"] {

  background: #2d2e82;

}



#ajax-modal p.buttons input[type="submit"]:hover,

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover,

input[type="submit"]:hover {

  	background: #a09bea;
	color: #fff;

}



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

/* No-Data Balken Hintergrund */

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



.nodata, .warning {

  background-color: #2d2e82;

  border-color: #a09bea;

}



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

/* Tabellen 'Hover' Farbe  */

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



table.list tbody tr:hover {background-color: #cbc8ff;}



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

/* Responsiv Header Farben   */

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



@media all and (max-width: 899px)

{

  body #header {

    background-color: #2d2e82;

  }



  body .flyout-menu {

    background-color: #252571;

  }

}