/****************************************************************/
/* 		Farbcodes angepasst für das Gambug Design. 				*/
/* 		Erstellt am 14.12.2016					  				*/
/****************************************************************/

body {
    color: rgb(13,19,37) !important;
}

/* -- Navigationsleiste - oberer Bildschirmrand -- */
.navbar {
   background: rgb(13,19,37) !important;
}

/* -- Dropdown-Menü Projekte und Benutzer : Farbe Button -- */
.ace-nav>li>a {
    background-color: rgb(13,19,37) !important;
}

/* -- Dropdown-Menü Projekte und Benutzer : Farbe Button hover,focus -- */
.ace-nav>li>a:focus,
.ace-nav>li>a:hover {
    background-color: rgb(88, 88, 97) !important;
}

/* -- Dropdown-Menü Projekte und Benutzer: Position -- */
.dropdown-menu {
    top: 100% !important;
    margin-top: 0 !important;
}

/* -- Dropdown-Menü Projekte und Benutzer: Unterpunkte Farbe -- */
.dropdown-menu>li.active:hover>a,
.dropdown-menu>li.active>a,
.dropdown-menu>li:hover>a,
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus {
    background: rgb(59,167,173) !important;
    color: rgb(242,249,255) !important;
}

/* -- Sidebar Hintergrundfarbe -- */
.skin-3 .sidebar,
.skin-3 .nav-list>li>a {
    background: rgb(7,51,87) !important;
    background-color: rgb(7,51,87) !important;
    border-color: rgb(7,51,87) !important;
    color: rgb(242,249,255) !important;
}

.skin-3 .sidebar {
    border: none !important;
}

/* -- Sidebar Button Hintergrund -- */
.skin-3 .nav-list>li.active>a {
    background: rgb(242,249,255) !important;
    color: rgb(13,19,37) !important;
}

/* -- Sidebar Umrandungen der Buttons -- */
.skin-3 .nav-list>li.active,
.skin-3 .nav-list>li.active+li,
.skin-3 .nav-list>li:hover,
.skin-3 .nav-list>li:hover+li,
.skin-3 .nav-list>li,
.skin-3 .nav-list>li {
    border-color: transparent !important;
}

/* -- Sidebar Buttons Rand links hover-- */
.skin-3 .nav-list>li:hover:before {
    background-color: rgb(242,249,255) !important;
    border-color: rgb(242,249,255) !important;
}

/* -- Sidebar Buttons Rand links active-- */
.skin-3 .nav-list>li.active:before {
    background-color: transparent !important;
}

/* -- Sidebar Buttons Rand links -- */
.skin-3 .nav-list li.active>a:before {
    display: none !important;
}


.menu-min .nav-list>li>a>.menu-text {
    background: rgb(88, 88, 97) !important;
    border-color: rgb(88, 88, 97) !important;
}


/* -- Button Farbe oben rechts -- */
.btn.btn-primary {
    background-color: rgb(7,51,87) !important;
    border-color: rgb(7,51,87) !important;
    color: rgb(242,249,255) !important;
}


.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: rgb(59,167,173) !important;
    color: rgb(13,19,37) !important;
}


.arrow {
    display: none !important;
}


.sidebar-toggle {
    background-color: transparent !important;
    border: none !important;
}


.sidebar-toggle:before {
    display: none !important;
}


.sidebar-toggle>.ace-icon {
    background-color: transparent !important;
    border: none !important;
    color: rgb(242,249,255) !important;
}


.breadcrumbs {
    background-color: rgb(7,51,87) !important;
}


.widget-header {
	background: rgb(7,51,87) !important;
    border-color: rgb(7,51,87) !important;
    color: rgb(242,249,255) !important;
}

.widget-main, .widget-body, .widget-box, .position-relative {
    /*border: 1px solid rgb(7,51,87) !important;*/
    border-radius: 5px !important;
}


.btn.btn-white {
    background-color: rgb(242,249,255) !important;
    border-color: rgb(242,249,255) !important;
}


.badge {
    background-color: rgb(242,249,255) !important;
    color: rgb(13,19,37) !important;
}


.btn-white.btn-primary {
    color: rgb(13,19,37) !important;
}


.btn-white.btn-primary:hover {
    color: rgb(13,19,37) !important;
}


.label-yellow {
    background-color: rgb(242,249,255) !important;
    color: rgb(13,19,37) !important;
}


.nav-search-input {
    border: 1px solid rgb(242,249,255) !important;
    color: rgb(59,167,173) !important;
}


.nav-search .nav-search-icon {
    color: rgb(242,249,255) !important;
    color: rgb(59,167,173) !important;
}


.main-content a, .main-content a:focus, .main-content a:visited {
    color: rgb(59,167,173) !important;
}

.ace-icon,
.widget-title>a,
.widget-title>a:focus,
.widget-title>a:visited,
a.dz-remove {
    color: rgb(255,255,255) !important;
}


.label.arrowed::before {
    border-right-color: rgb(242,249,255) !important;
}


.label {
    background-color: rgb(59,167,173) !important;
}


.table .category {
    background-color: rgb(238, 238, 239) !important;
}


.blue {
    color: rgb(88, 88, 97) !important;
}


.table-striped>tbody>tr:nth-of-type(2n+1), tr:hover {
    background-color: rgb(238, 238, 239) !important;
}


.pagination>li.active>a {
    background-color: rgb(242,249,255) !important;
    border-color: rgb(242,249,255) !important;
}


.pagination>li>a:hover {
    background-color: rgb(242,249,255) !important;
}


select:focus,
textarea:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus {
    border-color: #D5D5D5 !important;
    color: rgb(7,51,87) !important;
}


input.ace[type="checkbox"]:checked+.lbl::before,
input.ace[type="radio"]:checked+.lbl::before {
    color: rgb(88, 88, 97) !important;
}


li.active>a, .nav-tabs>li.active>a:focus {
    border-top: 2px solid rgb(242,249,255) !important;
}

.breadcrumbs>.nav-recent {
    color: rgb(242,249,255) !important;
    font-size: 12px !important;
}

.dropdown-yellow>li.active>a, .dropdown-yellow>li>a:focus {
    background-color: rgb(59,167,173) !important;
}

.dropdown-yellow>li>a:focus, .dropdown-yellow>li>a:hover, .dropdown-yellow>li>a:active {
    background: rgb(59,167,173) !important;
}

.btn-white.btn-primary.active {
    background-color: rgb(242,249,255) !important;
    color: rgb(7,51,87) !important;
}

.btn-inverse,
.btn-inverse:hover,
.btn-inverse:active{
	background-color: rgb(59,167,173) !important;
    border-color: rgb(59,167,173) !important;
    border-radius: 5px !important;
    
}



.login-layout .widget-box .widget-main{
    background: rgb(7,51,87) !important;
    color: rgb(242,249,255) !important;
}


.btn-primary{
	background-color: rgb(242,249,255) !important;
	border-color: rgb(242,249,255) !important;
}

.dz-file-preview,
.dz-details {
    min-width: 200px;
}

.dz-remove {
    background: rgb(242,249,255) !important;
}

.widget-main>header {
    color: rgb(59,167,173) !important;
}