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

/* PROTEMO specific styles */

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



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



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

/* Header Hintergrund */

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



#header {

  background-color: #492D37;

}



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

/* Logo (top right bottom left)*/

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



#header > h1 {

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

}



#header > h1 {

  padding: 24px 18px 26px 122px;

}



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

/* Top Menu Hintergrund */

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



#top-menu {

  background: #231F20;

}



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

/* Main-Menu Hintergrund */

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



#main-menu {

  background-color: #A9A6A7;

}



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

/* Main-Menu Schriftfarbe */

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



#main-menu li > a {

  color: #231F20;

}



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

/* Login-Form Rahmen und Hintergrund  */

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



#login-form {

  border: 1px solid #DDD;

  background-color: #DDD;

}



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

/* Issue Hintergrund-Farbe (optional)  */

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


div.issue {background: #DDD;}



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

/* 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: #F8F6CA;
  background: #492D37;

}



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

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

input[type="submit"] {

  color: #492D37;
  background: #EFEC86;

}



#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: #B2AC39;
  color:#231F20;

}



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

/* No-Data Balken Hintergrund */

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



.nodata, .warning {

  background-color: #492D37;

  border-color: #492D37;

}



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

/* Tabellen 'Hover' Farbe  */

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



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



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

/* Responsiv Header Farben   */

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



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

{

  body #header {

    background-color: #492D37;

  }



  body .flyout-menu {

    background-color: #231F20;

  }

}

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

/* Additional Tooltip Help Icon */

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


span.field-description[title]::after {

    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC60lEQVQ4T6WTW0jTURzHv7vo0kmmmU2XCbpmNCvsYiZE+mClpS8TEh+0C0EQPkj4EIhi0V2IMIp6qXUxKyslgq6CillpiDFcXtZKy6ama+T23/b/n3M6/mVd6SE65+GcwznfD9/f5Sjwn0Pxu75jmCUzX6BYYqyEUaajlEJi1MkoLlMFqc9bPs/+s+YXQNuA3ywRqW5xtDpOwQgIIfJbpVKJAN/aPno/MUbLCjMW3g5CvgMe27xmKkoWoy5E654WYBvxYHjSA0IZYiNDYdLPRfS8Oeh84/YQwkp35yTIEBnw5LUvSZCE9mV6TfyYy4vH1gnERYYgNy0ejM/uIRdeOaawMSUG+hgtnvaOjxIF21C+zfhWBtx5OVlljNPU+P0imrtH4feJqCoyBfl8Zaht6kNAotiSpgdjQJvVWV1ZtOKgDLjS+mkw3RBh6Oj7zOP8wm1TlOcvRe87F7RzVFi3JAYvBsfR2OGAcVE0slN1uN7iGDq6a/USGXD+0Xtvtikq7GqrA18FESIRwThk65oEZKTEIiBSPOwZQadtDGEaFfZsNuHcvT6hbl9muAw41TTgzVujC7NwgHt6mot55Nzm8R3pcE37UXurB76AxAMBwkKV2FuwErU3e4WL+7NmAYcbrIMF6/WGNus4z/4UL5+EmfozQuVqEVHiaeBnPg0J87FpbSJONvQM3ajcPBvCgUvdVVmpupqI8FA0ttvhEXyy8MjODFBupeJ8q3xWg6IoZzkmXAJutPRXNx8umE1i+dmupADxt5fkGOPdHj+aO+0QfAGsMiyQhV39TiipiNz1SxEbFY4j17pGqTJkw5Nj22bLODNKT7SYCSWWvfmpWpFbf2b9gGGnC5SXTr8wEpkmPdRqFQ5ZnnskqihtP134o5GCEHPNfbMksrrCjclxKYnR0ISq5CvBJ8Fqn8DFB1beysqyZ2e2/9nKQUhuxd1kH6HFjJESIs18JgbCiJObukypqv7VhaK/f6Yg5F/Wb7ENbiDZ8RPeAAAAAElFTkSuQmCC);
    margin-left: 5px;

}