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

/* OPENSUPERQ specific styles */

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



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



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

/* Header Hintergrund */

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



#header {

  background: #00b1bf;

}



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

/* Logo (top right bottom left)*/

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



#header > h1 {

  background: url(../images/logo.svg) no-repeat 24px 12px;

}



#header > h1 {

  padding: 26px 18px 24px 78px;

}



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

/* Top Menu Hintergrund */

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



#top-menu {

  background: #0c0c0c;

}



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

/* Main-Menu Hintergrund */

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



#main-menu {

  background-color: #e2e2e2;

}



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

/* Main-Menu Schriftfarbe */

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



#main-menu li > a {

  color: #0c0c0c;

}



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

/* '+' Button Hintergrund  */

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



#main-menu li a.new-object {

  background-color: #330f0a;
  color: #e4d9d8;

}



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

/* '+' Button Menu Background   */

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



#main-menu .menu-children li a {
  
  background: #cab4b1;
  color: #5e1d12;

}



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

/* '+' Button Menu Background Hover   */

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



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

  color: #956a63;
  background: #e4d9d8;

}



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

/* Login-Form Rahmen und Hintergrund  */

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



#login-form {

  border: 1px solid #efefef;

  background-color: #e2e2e2;

}



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

/* Issue Hintergrund-Farbe (optional)  */

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


div.issue {background: #e2e2e2;}


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

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

}



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

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

input[type="submit"] {

  background: #006163;

}



#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: #00b1bf;
  color: #006163;

}



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

/* No-Data Balken Hintergrund */

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



.nodata, .warning {

  background-color: #00b1bf;

  border-color: #57ccd5;

}



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

/* Tabellen 'Hover' Farbe  */

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



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



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

/* Responsiv Header Farben   */

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



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

{

  body #header {

    background-color: #00b1bf;

  }



  body .flyout-menu {

    background-color: #006163;

  }

}