﻿:root {
    --blue: #4b91ce;
    --dark-blue: #285E8C;
    --red: #e3000d;
    --gray: #868786;
    --light-gray: #868786;
    --revenue-pallete-1: #4b91ce;
    --revenue-pallete-2: #75acd7;
    --revenue-pallete-3: #9cc4e2;
    --revenue-pallete-4: #c4dcee;
    --revenue-pallete-5: #ebf3f9;

    --expense-pallete-1: #4b91ce;
    --expense-pallete-2: #75acd7;
    --expense-pallete-3: #9cc4e2;
    --expense-pallete-4: #c4dcee;
    --expense-pallete-5: #ebf3f9;
    --line-chart-colorStopRGB: #4b91ce;
    --line-chart-borderColor: #4b91ce;
    --line-chart-pointBackgroundColor: #285E8C;
}


body {
    background-color: #EFF1F2 !important;
}

.content {
/*    padding-left: 0 !important;
    padding-right: 0 !important;*/
}

.form-control[disabled], .form-control[readonly], fieldset[disabled], .selectize-control .selectize-input.disabled {
    background-color: #f7f8f9 !important;
}
.btn-default {
    background-color: #f7f8f9;
}
    .content-header h1 {
    color: #285E8C !important;
    font-weight: bold;
}

.selectize-dropdown a.add-button {
    background-color: #637484 !important;
}

.selectize-dropdown a.add-button:hover {
    background-color: #4b91ce !important;
}

.main-header .logo {
    overflow: visible !important;
}

.software-name{
    display: none !important;
}


#profit-loss #revenue, .info-box-number, .box .description-header {
    color: #868786 !important;
}
#profit-loss #revenue {
    color: #4C90CD !important;
}

.box .description-header {
    color: #4C90CD !important;
}

label, th, .printable th, .printable tfoot td, .modal-title, .info-box-text, .box .nav-pills {
    color: #444 !important;
}

.btn-group .btn-info.disabled {
    background-color: #f91313 !important;
    border-color: #f91313 !important;
}

.layout-boxed .wrapper {
box-shadow: none !important;
}

.content-wrapper {
    background-color: #EFF1F2 !important;
}

.main-header .navbar {
    background-color: #FFF !important 
}

.navbar-nav > li > a {
    color: #868786 !important;
    font-weight: bold;
}

.breadcrumb {
    background-color: #EFF1F2 !important;
}

.login-box-body {
    background: #000 none repeat scroll 0 0 !important;
}

.btn-primary {
    background-color: #4b91ce !important;
    border-color: #4b91ce !important;
    color: #FFF !important;
}

.btn-success {
    background-color: #637484 !important;
    border-color: #637484 !important;
}
    .btn-success:hover {
        background-color: #4b91ce !important;
        border-color: #4b91ce !important;
    }

    .btn-primary:hover, .btn-primary:focus {
        background-color: #285E8C !important;
        border-color: #285E8C !important;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-color: #285E8C !important;
        color: #FFF !important;
    }

.login-logo {
    background: url('bosch-service-logo.svg') no-repeat;
    background-size: contain;
    background-position: center;
    /*background-color: #e3000d !important;*/
    height: 200px;
    background-origin: content-box;
    background-position-y: 10px;
}

.login-box {
    max-width: 500px !important;
    box-shadow: 0 7px 28px rgb(255, 255, 255);
}

.login-box-header {
    position: relative;
}

    .login-box-header .second-logo {
        background: url('bosch-ac-mobility.png') no-repeat;
        background-size: contain;
        background-position: center;
        height: 50px;
        width: 100px;
        background-origin: content-box;
        position: absolute;
        right: 25px;
        bottom: 5px;
    }

.login-box a{
    color: #222 !important;
}

.login-box a:hover {
    color: #4b91ce !important;
}

.login-box .validation-summary-errors li, .form-group.has-error .help-block {
    color: #EA2127 !important;
}

.has-feedback a{
    color: #777 !important;
}

#summaryInfo .table tbody tr td {
    white-space: nowrap;
}

.main-header .logo {
    background-color: #4C90CD !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color: #285E8C !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #e3e6e8 !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    background-color: #4C90CD !important;
}

.info-box .info-box-content {
    padding-left: 0px !important;
}

.login-box-body {
    background-color: #e3e6e8 !important;
}
.login-logo {
    background-color: #e3e6e8 !important;
}

.login-box-msg {
    color: #222 !important;
}

.login-logo a {
    display: none !important;
}

.login-box .btn-primary {
    background-color: #e3000d !important;
    border-color: #e3000d !important;
    color: #FFF !important;
}

    .login-box .btn-primary:hover, .login-box .btn-primary:focus {
        background-color: #EA2127 !important;
        border-color: #EA2127 !important;
        color: #FFF !important;
    }

#sales-widget .description-block > .description-text {
    color: #868786 !important;
}

.bg-light-gray {
    background-color: #FFF !important;
    color: #868786 !important;
}

.skin-blue .bg-blue {
    background-color: #FFF !important;
    color: #4C90CD !important;
}

.skin-blue .bg-green {
    background-color: #fff !important;
    color: #4C90CD !important;
}

.badge.bg-green {
    background-color: #637484 !important;
    color: #FFF !important;
}
.badge.bg-blue {
    background-color: #4b91ce !important;
    color: #FFF !important;
}

.main-footer {
    border-top: none !important;
    background: #EFF1F2 !important;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    /*background-color: #868786 !important;*/
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #e3000d !important;
}

.text-red {
    color: #e3000d !important;
}

.calendar-icon-wrapper .inside-text {
    background-color: #FFF !important;
}

.pager li.active > a {
    background-color: #4b91ce !important;
    border-color: #4b91ce !important;
    color: #FFF !important;
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #e3000d !important;
    border-color: #e3000d !important;
    color: #FFF !important;
}

.box.box-warning {
    border-top-color: #F7EA48;
}

/*a.logo {
    background: url('autometrik-logoh.png') no-repeat;
    background-size: contain;
    background-position: center;*/
/*background-color: #e3000d !important;*/
/*}*/

.navbar-nav .user-menu .location .user-body a {
    font-weight: normal !important;
}

a.logo .logo-icon {
    background: url('bosch-service-logo.svg') no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

.main-header .logo .logo-lg {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}

a.logo .logo-icon img {
    visibility: hidden !important;
    height: 60px !important;
}

a.logo .logo-mini img {
    height: 50px !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

span.logo-lg, span.logo-mini {
    /* display: none !important;*/
}



a {
    color: #4b91ce;
}


.input-group a {
    /* color: #e3000d;*/
}

.sidebar { 
    padding-top: 20px;
}

a:hover, a:active, a:focus {
    color: #285E8C;
}

.skin-blue .input-group .input-group-btn .btn:hover, .skin-blue .input-group .input-group-btn .btn:active, .skin-blue .input-group .input-group-btn .btn:focus {
    color: #e3000d !important;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    color: #e3000d;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #f91313 !important;
    color: #FFF !important;
    border-color: #f91313 !important;
}

.widget .btn-info {
    background-color: #4b91ce;
    border-color: #4b91ce !important;
    color: #FFF !important;
}

    .widget .btn-info:hover {
        background-color: #285E8C !important;
        border-color: #285E8C !important;
        color: #FFF !important;
    }

.btn-info {
    background-color: #e3000d;
    border-color: #e3000d !important;
    color: #FFF !important;
}

.skin-blue .sidebar a {
    font-weight: normal !important;
    color: #20252d;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: #e3e6e8 !important;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    border-left: none !important;
}

.skin-blue .main-header li.user-header {
    background-color: #4b91ce;
}

.selectize-dropdown a.add-button:hover {
    color: #FFF !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #FFF !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #FFF !important;
    background: #687D7D !important;
}

.location .user-header {
    color: #FFF !important;
}

.navbar-nav .user-menu .location .user-body a:hover {
    border-left: 3px solid #e3000d;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #e3000d;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    border-left: 3px solid #e3000d;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 3px solid #e3000d;
    color: #e3000d;
}

.nav-tabs > li > a:hover {
    border-bottom: 3px solid #e3000d;
    color: #e3000d;
}

.user-settings-nav ul.list-group li.list-group-item a:hover {
    border-bottom: 1px solid #868786 !important;
    color: #FFF !important;
}

.skin-blue .main-header .navbar{
    border-bottom: 0px !important;
}

.skin-blue .main-header .navbar a:hover {
    background-color: #4b91ce !important;
    color: #FFF !important;
}

.bg-primary {
    background-color: #e3000d;
}

.selectize-dropdown a.add-button:hover {
    background-color: #e3000d;
    color: #fff !important;
}

.info-box .progress {
    margin: 5px 0px 5px 0px !important;
}


    .info-box .progress .progress-bar {
        background-color: #4C90CD !important;
    }

#data-filter .btn-default {
    background-color: transparent;
    border-color: #637484;
    color: #000 !important;
}

#data-filter .btn:hover, #data-filter .btn.active {
    background-color: #637484;
    color: #FFF !important;
}

#data-filter .btn-primary:hover, #data-filter .btn.reset:hover {
    background-color: #f91313 !important;
    border-color: #f91313 !important;
}


.checkmark.bg-green {
    background-color: #6DCF37 !important
}

.report-sheet .title, .printable .header .title {
    color: #222 !important;
}


@media (min-width: 1470px) {

    .content, .content-header {
        padding-right: 0 !important;
    }
}

@media (max-width: 768px) {

    .main-header .logo .logo-lg {
        top: -5px !important;
    }
}