/* 
    Orange-Blue - Theme
    ===================
   
    Hintergrund:    #323F4F
                    rgb(50, 63, 79)

    Dunkel:         #BAC6D4
                    rgb(186, 198, 212)

    Hell:           #DEE3E9
                    rgb(222, 227, 233)
                    
    Orange:         #F09D0C
*/


/* 
    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_white_small.png);
}

.login-logo {
    background-image: url(logo_lg.png);
}

.login-form{
    background-image: url(loginbg.png);
}

/* Grundlage */
.app-wrapper.desktop {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */
}

/* Seitenleiste */
.splitview-sidebar {
    background-color: #BAC6D4;  /* Dunkel */
}

.splitview-sidebar h4 {
    background-color: #F09D0C;  /* Orange */
}

/* Seitenleiste Eintrag */
.splitview-sidebar .menu-block a {
    background-color: #DEE3E9;  /* Hell */
    border-color: #BAC6D4;      /* Dunkel */
    color: #323F4F;             /* Hintergrund */
}

.splitview-sidebar menu-block a.active {
    background-color: #DEE3E9;  /* Hell */
    border-color: #BAC6D4;      /* Dunkel */
}

.splitview-sidebar menu-block a.active .glyphicon-triangle-left {
    color: #323F4F;             /* Hintergrund */
}

.splitview-sidebar .footer {
    background-color: #DEE3E9;  /* Hell */
}

.splitview-content .secondary-navbar input {
    background: white;
    color: #323F4F;             /* Hintergrund */
}

.secondary-navbar-v2 {
    background-color: #323F4F;  /* Hintergrund */
}

.ticketHeader-v2 {
    color: #DEE3E9;             /* Hell */
    border-color: #F09D0C       /* Orange */
}

.ticketHeader-v2 .favorite-button{
    color: #F09D0C              /* Orange */
}

.ticketHeader-v2 .close-button{
    color: #BAC6D4;             /* Dunkel */
}

.navbar-link-wrapper {
    background-color: #BAC6D4;  /* Dunkel */
}

.navbar-link-wrapper a {
    background-color: #DEE3E9;  /* Hell */
    color: #323F4F;             /* Hintergrund */
    border-color: #323F4F;      /* Hintergrund */
}

.navbar-link-wrapper a.active {
    color: white;            
    background-color: #F09D0C   /* Orange */
}

.splitview-content, .main-content {
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */
}

/* Haupteingabe */
.splitview-content input, .splitview-content select, .splitview-content textarea {
    background-color: #323F4F;  /* Hintergrund */
}

.splitview-content .form-control[disabled], .splitview-content .form-control[readonly], .splitview-content .form-control{
    background-color: #323F4F;  /* Hintergrund */
    color: #BAC6D4;             /* Dunkel */
}

.splitview-content .mydp .selection {
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */
}

.splitview-content .mydp .btnpicker {
    background-color: #323F4F !important;  /* Hintergrund */
    color: #DEE3E9 !important;             /* Hell */
}

.splitview-content table.table {
    color: #DEE3E9;             /* Hell */
}

/* Durch Cursor hervorgehobene Tabellenzeile */
.splitview-content .table-hover>tbody>tr:hover {
    color: #323F4F;             /* Hintergrund */
    background-color: #DEE3E9;  /* Hell */
}

/* HTML Editor */
.splitview-content .cke_wysiwyg_div {
    background-color: white;
    color: black;
}


/* -- Haupteingabe */

/* Rechte Seitenleiste */
.rightbar {
    background-color: #BAC6D4;  /* Dunkel */
    color: #323F4F;             /* Hintergrund */
}

.rightbar .rightbar-header {
    background-color: #BAC6D4;  /* Dunkel */
    border-color: #BAC6D4;      /* Dunkel */
}

.rightbar .panel {
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */    
}

.rightbar .panel a {
    color: #DEE3E9;             /* Hell */    
}

.rightbar input, .rightbar select, .rightbar textarea {
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */
}

.rightbar .mydp .selection {
    background-color: #323F4F;  /* Hintergrund */
    color: #DEE3E9;             /* Hell */
}

.rightbar .mydp .btnpicker {
    background-color: #323F4F !important;  /* Hintergrund */
    color: #DEE3E9 !important;             /* Hell */
}

.rightbar .form-control[disabled], .rightbar .form-control[readonly], .rightbar .form-control{
    background-color: #323F4F;  /* Hintergrund */
    color: #BAC6D4;             /* Dunkel */
}

.rightbar .footer {
    background-color: #DEE3E9;  /* Hell */
}

label {
    color: #F09D0C              /* Orange */
}

.checkbox label {
    color: #DEE3E9;             /* Hell */
}