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

/* REALM specific styles */

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



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



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

/* Header Hintergrund */

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



#header {

  background-color: #0064ac;

}



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

/* Logo (top right bottom left)*/

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



#header > h1 {

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

}



#header > h1 {

  padding: 28px 18px 24px 84px;

}



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

/* Top Menu Hintergrund */

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



#top-menu {

  background: #003556;

}



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

/* Main-Menu Hintergrund */

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



#main-menu {

  background-color: #00a2c2;

}



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

/* Main-Menu Schriftfarbe */

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



#main-menu li > a {

  color: #fff;

}



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

/* '+' Button Hintergrund  */

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



#main-menu li a.new-object {

  background-color: #7faedd;
  color: #fff;

}



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

/* '+' Button Menu Background   */

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



#main-menu .menu-children li a {
  
  background: #7faedd;
  color: #fff;

}



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

/* '+' Button Menu Background Hover   */

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



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

  color: #0c182b;
  background: #8db3e0;

}



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

/* Login-Form Rahmen und Hintergrund  */

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



#login-form {

  border: 1px solid #b7d2e5;

  background-color: #7faedd;

}



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

/* Issue Hintergrund-Farbe (optional)  */

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


div.issue {background: #daedf7;}


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

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

}



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

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

input[type="submit"] {

  background: #003556;

}



#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: #00d79f;

}



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

/* No-Data Balken Hintergrund */

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



.nodata, .warning {

  background-color: #0064ac;

  border-color: #7faedd;

}



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

/* Tabellen 'Hover' Farbe  */

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



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



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

/* Responsiv Header Farben   */

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



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

{

  body #header {

    background-color: #0064ac;

  }



  body .flyout-menu {

    background-color: #003556;

  }

}