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

    Dunkelblau: #477FB1
    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.
*/
body{
	color: #005A6F;
	
}

.logo {
    background-image: url(tecit_quer_gelb.png) !important;
    background-color: white;          /* Dunkelblau */
	background-size: 100%;
	height:52px;

}

.login-logo {
    background-image: url(tecit_quer.png) !important;
	background-size: 100%;
	background-position: center;
	width: 205px !important;
	height: 80px !important;
}
.pull-right {
	color: white;
}

.login-form{
    background-image: url(l.png) !important;
	background-color: #005A6F;
}

.login-form form{
	width: 70vw;
	max-width: 450px;
	border-style: solid;
	border-width: 2px;
	border-color: #005A6F;
	border-radius: 0px;
}

/* 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: #FCE300;       
}

/* Kopfleiste - ausgewähltes Element */
.secondary-navbar a.active {
    background-color: #005A6F;          /* Hellblau */
    border-color: #A4C8E1;
	color: white;						/* Blau */ 
}

.secondary-navbar a {
	color: #005A6F;
}

/* Kopfleiste - Cursor über Element */
.secondary-navbar a:hover {
    background-color: #005A6F;          /* Hellblau */
    border-color: #A4C8E1;
	color: white;						/* Hellblau */
}

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

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

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

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

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

/* Kleine Überschriften */
h5 {
    background-color: #005A6F;          /* Dunkelblau */
}

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

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	color: white;
	background-color: #005A6F;
}

.pagination>li>a, .pagination>li>span{
	color: #005A6F;
}
.title{
	color:#005A6F;
}
.description[_ng-star-inserted] {
border-left: 3px solid blue !important;
}

.mobile-title{
	display:none; 
}