/*
    Easy Blue Theme
    ==============

    Dunkelblau: #00143C
    Blau: #6193C0
    Hellblau: #73A0C7

*/

/* 
    Bilder
    Bei Änderungen sollte eine neue Bilddatei mit anderem Namen angelegt werden, da sonst weiterhin die
    Datei aus dem Browser-Cache geladen wird.
*/
.logo {
    background-image: url(logo_smalll_light.png) !important;
    background-position: center center;
    background-color: #00143C;          /* Dunkelblau */
}

.login-logo {
    background-image: url(logo_lg_dark.png) !important;
    width: 250px !important;
    height: 188px !important;
}

.login-form{
    position: absolute;
    background-image: url(DAHIGO-Systems-Netzwerk-Hintergrund.jpg); !important;
    background-position: center center;
    background-size: cover;
    z-index: 10000;
}

.login-form form {
    border: 1px solid #ffffff30;
    border-radius: 5px;
    background: #00000060;
    font-weight: bold;
    color: #ffffff;
    text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}

.login-form .btn-primary {
   background-color: #00ddff;
   border-color: #00000030;
   color: #000000;
   z-index: -1;
}

body {
   color: #00143C;
}

/* Grundlage */
.app-wrapper.desktop {
    font-family: Roboto, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

/* Kopfleiste */
.secondary-navbar {
    background-color: #00143C;          /* Blau */
}

/* Kopfleiste - ausgewähltes Element */
.secondary-navbar a.active {
    background-color: #00DDFF;          /* Hellblau */
    border-color: #00143C;              /* Blau */ 
    color: #00143C;
}

/* Kopfleiste - Cursor über Element */
.secondary-navbar a:hover {
    background-color: #00DDFF;          /* Hellblau */
    border-color: #00DDFF;              /* Hellblau */
}

/* Navigation */
.pagination>.active>a {
    background-color: #00143C;
    border-color: #00143C;
}

.pagination>.active>a:hover {
    background-color: #00ddff;
    border-color: #00ddff;
    color: #00143C;
}

.pagination>li>a {
   color: #00143C;
}

.pagination>li>a:hover {
   color: #00143C;
}

/* Logout */
a {
    color: #00143C;
}

a:focus, a:hover {
    color: #00143C;
}

/* Tabelle - ausgewählte Zeile */
tr.selectedTicket td:first-child {
    border-left-color: #00143C;         /* Dunkelblau */
}

/* Tabellen - Spaltenauswahl und Aktualisieren Buttons */
.table-settings, .table-reset {
    background-color: #00143C !important; /* Dunkelblau */
}

/* Ticketüberschrift */
.ticketHeader-v2 {
    border-color: #00143C;              /* Blau */
}

/* Ticket - ausgewählter Menüpunkt */
.navbar-link-wrapper a.active {
    background-color: #00143C;          /* Blau */
}

/* Eingabefelder */
.inline-form input, .inline-form select, .datetime-picker {
    border-color: #00143C;              /* Blau */
}

/* Kleine Überschriften */
h5 {
    background-color: #00143C;          /* Dunkelblau */
}

/* Formularauswahlliste */
.pattern-item {
    border-color: #00DDFF !important;   /* Hellblau */
}