body {
   background: #000 url(https://freequenzart.de/design/img/bg_main.jpg) repeat-x fixed center bottom /cover;
   color: #000;
}

/* logged out */
.logged-out #contentWrapper {
   border: 8px solid #AF2525;
   background: rgba(255, 255, 255, 0.9);
}

.logged-out .login-image {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

.logged-out form input[type=text],
.logged-out form input[type=password] {
   border: 1px solid rgba(180, 180, 180, 0.4);
   background: rgba(180, 180, 180, 0.2);
}

.logged-out form input[type=text]:focus,
.logged-out form input[type=password]:focus {
   border: 1px solid rgba(180, 180, 180, 0.4);
   background: rgba(240, 240, 240, 0);
}

.logged-out form button[type=submit] {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
   border: 0;
}

.logged-out form button[type=submit]:hover,
.logged-out form button[type=submit]:before {
   background: rgba(175, 37, 37, 1); 
}

a {
   color : #AF2525;
}

a:hover {
   color : #5D1100;
}

hr {
   border: 1px solid #AF2525;;
}

h1, h2 {
   color: #AF2525;
}

h3, h4, h5, h6 {

}

#footer {
   background: rgba(175, 37, 37, 0.8);
}

#footerNavigation li a,
#breadcrumbs li a {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#footerNavigation li.active a,
#footerNavigation li a:hover,
#breadcrumbs li a:hover {
   background: rgba(255, 255, 255, 0.9);
   color: rgba(175, 37, 37, 1);
}

#copyright a { 
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#copyright a:hover { 
   background: rgba(255, 255, 255, 0.9);
   color: rgba(175, 37, 37, 1);
}

.logged-in #contentWrapper {
   border: 0;
   background: transparent;
}

.logged-in #content {
   background: rgba(255, 255, 255, 0.9);
   
}

#header h1 {
   color : #FFF;
}

#headerNavigation li a { 
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#headerNavigation li.active a {
   background: rgba(255, 255, 255, 0.9);
   color: rgba(175, 37, 37, 1);
}

#headerNavigation li a:hover {
   background: rgba(255, 255, 255, 0.9);
   color: rgba(175, 37, 37, 1);
}

#secondLevelNavigation li a {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#secondLevelNavigation li a:hover {
   background: rgba(175, 37, 37, 1);
}

.tableline th {
   background: rgba(175, 37, 37, 0.8);
   color : #FFF;
}

.tableline th a {
   color : #FFF;
}

.itemCollection .tableline th span {
   color : #FFF;
}

.tableline td {
   background: rgba(220, 220, 220, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.line1 td {
   background: rgba(220, 220, 220, 0.5);
}

tr.tableline:hover td {
   background: rgba(255, 255, 255, 0.8);
}

.logged-in input , textarea, select {
   border: 1px solid rgba(180, 180, 180, 0.4);
   background: rgba(180, 180, 180, 0.2);
}

input.inputError, 
textarea.inputError, 
select.inputError {
   background: #FFDAD3;
}

.logged-in input:focus, textarea:focus,
.logged-in select:focus {
   border: 1px solid rgba(180, 180, 180, 0.4);
   background: rgba(240, 240, 240, 0);
}

.logged-in button[type="submit"] {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
   border: 0;
}

.logged-in button[type=submit]:hover {
   background: rgba(175, 37, 37, 1);
}

.logged-in button[type="submit"]:focus {
   background: rgba(175, 37, 37, 1);
}

.form-inline-container {
   background: rgba(255, 255, 255, 0.8);
}

/* Application Icons */
.optionLink a i,
a.optionLink i{
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

.optionLink a:hover i,
a.optionLink:hover i {
   background: rgba(175, 37, 37, 1);
}

/* bill icon color s */
#billMenu .billBad i {
   background: rgba(255,13,1, 0.8);
}

#billMenu .billBad:hover i {
   background: rgba(255,13,1, 1);
}

#billMenu .billOpen i {
   background: rgba(255,156,1, 0.8);
}

#billMenu .billOpen:hover i {
   background: rgba(255,156,1, 1);
}

#billMenu .billOk i {
   background: rgba(91,183,9, 0.8);
}

#billMenu .billOk:hover i {
   background: rgba(91,183,9, 1);
}

/* icon/* color s */
#indexmenu .billAdd i,
#contentmenu  .bill i,
.customerBill i,
.optionLink.bill i {
  /* color : #51720A; */
}

.optionLink.delete-link i,
.optionLink.globalDelete i {
   color: rgba(255, 255, 255, 0.5)
}

.profitList .profitOpen {
   color: rgba(255,13,1, 1);
}

.profitList .profitOk {
   color: rgba(255,156,1, 1);
}

.profitList .profitAll {
   color: rgba(91,183,9, 1);
   border-bottom: 3px double rgba(91,183,9, 1);
}

.projectTileList .optionLink {
   box-shadow: 0 0 8px -2px rgba(0,0,0,0.5);
}

.projectTileList .optionLink:hover {
   box-shadow: 0 0 12px -2px rgba(0,0,0,0.5);
}

.projectTileList > li {
   background: rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 8px -4px rgba(0,0,0,0.5);
}

.projectTileList > li:hover {
   background: rgba(255, 255, 255, 0.8);
   box-shadow: 0 0 12px -4px rgba(0,0,0,0.5);
}

.projectTileList > li > a {
   color : #000;
}

.projectTileList > li > a:hover {
   color : #5D1100;
}


h2 + .simple-option-list {
   background: linear-gradient(to bottom, rgba(220, 220, 220, 0.0), rgba(220, 220, 220, 0.0) 50%, rgba(220, 220, 220, 0.5) 50%, rgba(220, 220, 220, 0.5));            
   background-size: 100% 76px;
}

.simple-option-list li {
  /* color : #000; */
}

.simple-option-list li ul li.optionLink a {
  /* color : #000; */
}

.simple-option-list .name-field {
  /* color : #000; */
}

.page-right-list li {
   background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
  /* color : #FFF; */
}

table ul li.optionLink,
.simple-option-list li ul  li.optionLink {
   /* box-shadow: 0 0 8px -2px rgba(0,0,0,0.5); */
}

table ul li.optionLink:hover,
.simple-option-list li ul  li.optionLink:hover {
   /* box-shadow: 0 0 12px -2px rgba(0,0,0,0.5); */
}

/* sorting */
.table-sorting i.fa {
   color: rgba(255, 255, 255, 0.4);
}

.ordered-by.ordered-asc .table-sorting i.fa.arrow-asc {
   color: rgba(255, 255, 255, 1);
}

.ordered-by.ordered-desc .table-sorting i.fa.arrow-desc {
   color: rgba(255, 255, 255, 1);
}

/* Messages */
#message  {
   background: rgba(255, 255, 255, 0.8);
   border: 1px solid #FFF;
}

#message .fa-times-circle, 
#message .fa-times-circle + span {
   color : #A41822;
}

#message .fa-check-circle, 
#message .fa-check-circle + span {
   color : #5AA418;
}

/* DatePicker */
#ui-datepicker-div {
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
   background: rgba(255, 255, 255, 0.9);
   border: 1px solid #FFF;
}

#ui-datepicker-div.datepicker-on-bottom::before  {
   border-color: transparent transparent #FFF transparent;
}

#ui-datepicker-div.datepicker-on-top::before {
   border-color: #FFF transparent transparent transparent;
}

#ui-datepicker-div table th {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#ui-datepicker-div table td a  {
   background: rgba(220, 220, 220, 0.5);
}

#ui-datepicker-div table td a:hover  {
   background: rgba(220, 220, 220, 0.9);
}

#ui-datepicker-div table td.ui-datepicker-week-end a  {
   background: rgba(255, 156, 1, 0.2);
}
 
#ui-datepicker-div table td.ui-datepicker-week-end a:hover  {
   background: rgba(255, 156, 1, 0.4);
}

#ui-datepicker-div table td.ui-datepicker-today a  {
   background: rgba(91, 183, 9, 0.2);
}

#ui-datepicker-div table td.ui-datepicker-today a:hover  {
   background: rgba(91, 183, 9, 0.4);
}

#ui-datepicker-div table td.ui-state-disabled a {
   background: transparent;
}

#ui-datepicker-div table td.ui-datepicker-current-day a  {
   background: rgba(175, 37, 37, 0.8);
   color: #FFF;
}

#ui-datepicker-div table td.ui-datepicker-current-day a:hover  {
   background: rgba(175, 37, 37, 1);
}