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

/* RELiEF specific Styles */

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



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



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

/* Header Hintergrund */

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



#header {

  background-color: #4340a0;

}



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

/* Logo (top right bottom left)*/

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



#header > h1 {

  background: url(../images/logo.svg) no-repeat 22px 10px;

}



#header > h1 {

  padding: 26px 24px 30px 76px;

}



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

/* Top Menu Hintergrund */

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



#top-menu {

  background: #1b1464;

}



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

/* Main-Menu Hintergrund */

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



#main-menu {

  background-color: #a7a7ce;

}



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

/* Main-Menu Schriftfarbe */

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



#main-menu li > a {

  color: #19293a;

}



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

/* '+' Button Hintergrund  */

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



#main-menu li a.new-object {

  background-color: #1b1464;
  color: #fff;

}



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

/* '+' Button Menu Background   */

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



#main-menu .menu-children li a {
  
  background: #4340a0;
  color: #fff;

}



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

/* '+' Button Menu Background Hover   */

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



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

  color: #a3b9d3;
  background: #d6d6f2;

}



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

/* Login-Form Rahmen und Hintergrund  */

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



#login-form {

  border: 1px solid #e5e5f2;
  background-color: #d6d6f2;

}



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

/* Issue Hintergrund-Farbe (optional)  */

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



div.issue {background: #d6d6f2;}



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

/* 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: #d6d6f2;

}



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

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

input[type="submit"] {

  background: #1b1464;

}



#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: #4340a0;

}



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

/* No-Data Balken Hintergrund */

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



.nodata, .warning {

  background-color: #1b1464;
  border-color: #4340a0;

}



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

/* Tabellen 'Hover' Farbe  */

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



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



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

/* Responsiv Header Farben   */

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



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

{

  body #header {

    background-color: #1b1464;

  }



  body .flyout-menu {

    background-color: #4340a0;

  }

}