:root {
     --backgroundcolor: #fff;
     --maincolor: #0076bd;
     /*Die Kundenhauptfarbe angepasst an die Webseite des Kunden.*/
     --maincolortransp: #0076bd33;
     /*Die Hauptfarbe in einer transparenten Variante, findet z.B. in der Descriptionbox Anwendung*/
     --complimentcolor: #bda600;
     /*Komplimentärfarbe für verschiedene Bezeichner und Borders*/
     --complimenttransp: #bda6001a;
}

div.category-description.ng-binding.ng-hide {
    /* wenn die Beschreibung immer aufgeklappt angezeigt werden soll, dann display: block !important */
    display:inherit;
}

body {
    background-color: var(--backgroundcolor);
    font-family: 'robotoregular', 'Open Sans', 'sans-serif';
    letter-spacing: 0.02em;
}

.activities-header {
    color: var(--darkgrey); 
    background-color: var(--complimentcolor);
}

.activities-container {
    border-color: var(--maincolor);
    border-radius: 5px;
}

.activities-element {
    padding: 0;
}

.activity-value {
    color: var(--maincolor);
    display: block;
    padding: 10px 5px;
}

.activity-value:hover {
    color: var(--complimentcolor);
}

.activities-element:hover {
    color: var(--complimentcolor);
}

.category-element {
    padding:0;
}

.category-element:hover {
    background-color: var(--complimenttransp);
    color: var(--maincolor) ;
}

.category-description {
    padding-left:30px;
    font-size:60%;
    line-height: 1.2em;
}

.category-description a {
    color: var(--complimentcolor);
}

.info-icon.category-info {
    padding: 0;
    position: relative;
    top: -34px;
    right: 0;
}

.owner .task-element .fa-bars {
    display: block !important;
}

.owner #date-preview.show {
    display: block !important;
}

.owner .footer-content:nth-child(1) {
    top: 0;
    margin-right: 0;
}

b, strong {
    font-weight: bold;
}

i {
    text-decoration: italic;
}

u {
    text-decoration: underline;
}