html {
    background: white;
}

.ui-header, .navigation {
    color: black;
}

a{
    color: #1357A2;
    text-decoration: none;
}

 a.zaehlerstaende{
    color: royalblue;
}

 a.auftraege{
    color: firebrick;
}

a.vorgaenge{
    color: goldenrod;
}

 a.maschinen{
    color: darkolivegreen;
}

.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
    border-color: #1357A2;
    background: transparent;
    color: #1357A2;
}

.ui-body-zaehlerstaende {
    background: whitesmoke;
    color: black;
}

.ui-btn-up-zaehlerstaende, .ui-btn-hover-zaehlerstaende, .ui-btn-down-zaehlerstaende, .navbar.zaehlerstaende {
    background: royalblue;
    color: white;
}

    .ui-btn-up-zaehlerstaende a.ui-link-inherit, .ui-btn-hover-zaehlerstaende a.ui-link-inherit, .ui-btn-down-zaehlerstaende a.ui-link-inherit {
        color: white;
    }

p.zaehler {
    color: #1357A2;
    font-weight: bold;
}

.ui-body-maschinen {
    background: whitesmoke;
    color: black;
}

.ui-btn-up-maschinen, .ui-btn-hover-maschinen, .ui-btn-down-maschinen, .navbar.maschinen {
    background: darkolivegreen;
    color: white;
}
.ui-btn-up-maschinen a.ui-link-inherit, .ui-btn-hover-maschinen a.ui-link-inherit, .ui-btn-down-maschinen a.ui-link-inherit {
    color: white;
}



.ui-btn-up-popup, .ui-btn-hover-popup, .ui-btn-down-popup {
    margin: 5px;
    background: #1357A2;
    color: white;
}
.ui-btn-up-popup a.ui-link-inherit, .ui-btn-hover-popup a.ui-link-inherit, .ui-btn-down-popup a.ui-link-inherit {
    color: white;
}



.caption {
    background: whitesmoke;
    color: #1357A2;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}

.ui-body-user {
    background: whitesmoke;
    color: black;
}

.ui-btn-up-user, .ui-btn-hover-user, .ui-btn-down-user, .navbar.user, .caption.user {
    color: #1357A2;
    border: 2px solid #1357A2;
}



.ui-body-auftraege {
    background: whitesmoke;
    color: black;
}

.ui-btn-up-auftraege, .ui-btn-hover-auftraege, .ui-btn-down-auftraege, .navbar.auftraege {
    background: firebrick;
    color: white;
}

.ui-btn-up-auftraege a.ui-link-inherit, .ui-btn-hover-auftraege a.ui-link-inherit, .ui-btn-down-auftraege a.ui-link-inherit {
        color: white;
    }

.ui-btn-up-home, .ui-btn-hover-home, .ui-btn-down-home, .navbar.home {
    background: transparent;
    color: white;
}



.ui-btn-up-vorgaenge, .ui-btn-hover-vorgaenge, .ui-btn-down-vorgaenge, .navbar.vorgaenge {
    background: goldenrod;
    color: white;
}

.ui-btn-up-vorgaenge a.ui-link-inherit, .ui-btn-hover-vorgaenge a.ui-link-inherit, .ui-btn-down-vorgaenge a.ui-link-inherit {
    color: white;
}


.ui-btn.disabled {
    background: gray;
    color: lightgray;
}

    .ui-btn.disabled a.ui-link-inherit {
        color: lightgray;
    }

.ui-icon, .ui-icon-searchfield:after {
    background-image: url(images/icons-18-black.png);
}

.ui-icon-alt {
    background-image: url(images/icons-18-white.png);
}

.item-count {
    border-color: black;
}

.fc-state-highlight {
    background: lightsteelblue !important;
}

.fc-button-inner {
    background: lightsteelblue !important;
    color: black !important;
}

.fc-state-active .fc-button-inner {
    background: darkslategray !important;
    color: #ADB3BA !important;
}

.ui-page ::-webkit-scrollbar {
    border-color: lightsteelblue;
}

.ui-page ::-webkit-scrollbar-thumb {
    background: lightsteelblue;
}

.qtip-contentWrapper {
    border: 1px solid red !important;    
}

.qtip-content {
    color: black !important;
    background: mistyrose !important;
}

.ui-loader-textonly {
    color: white;
}

div.search > div {
     display: inline-block !important;
     width: 520px;
}
    

div.search > a {
    display: inline-block !important;
    height: 28px;
    margin: 0 ;
}

div.search > a > span{
    display: inline;
    padding: 0 20px;
    line-height: 25px;
}



div.info-card {
    background-color: whitesmoke;
    padding: 5px 15px;
    margin-top: 10px;
    display: inline-block;
    min-width: 660px;
    width: auto;
}

.info-card h3.Vorgang {
    background: url(images/icons/Vorgaenge-48b.png) 0 5px no-repeat;
    background-size: 24px;
    padding: 4px 0 4px 30px;
    font-size: 18px;
    font-weight: 500;
}

.info-card p.item-subtext {
    font-size: 14px;
    margin: 5px 0;
    min-width: 270px;
    white-space: pre-line
}

p.item-subtext > span {
    margin-left: 30px;
}

.info-card p.item-caption {
    font-weight: bold;
    font-size: 14px;
    margin: 15px 0 5px 0;
}

.info-card > div  {
    display: inline-block;
}

.info-card > div.right  {
   float: right;
}

div.status-anzeige {
    display: flex;
    margin-top: -5px;
}

.status-anzeige > p {
    display: inline-block;
    margin: 7px 0 0 5px;
    width: 20px;
}


p.red {
    color: red;
}