/*
 * This file contains personalised CSS for PPP
*/

.navbar-nav > li > a, div.headerCompanyName {
    color: #ffffff !important;
    text-align: center;
}

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus,
    .navbar-nav > .open > a {
        color: #ffffff !important;
        background-color: #232528 !important;
    }

.navbar {
    background-color: #3a3c45;
    border: none !important;
    border-radius: 0;
}

.navbar-header * > .logo {
    display: block;
    background-image: url("../img/logo_ppp.svg");
    background-repeat: no-repeat;
    width: 120px;
    height: 45px;
    background-size: 120px 45px;
}

.navbar .dropdown-menu {
    border-radius: 0 3px 3px 0;
}

.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #e1e4e9;
    color: #000000;
}

#nav-bar-search-input {
    background-color: #3a3c45;
    color: #B5B5B5;
    border-left: 1px solid #232528;
}

    #nav-bar-search-input:focus,
    #nav-bar-search-input:focus + #nav-bar-search-button {
        background-color: #232528;
        color: #ffffff;
    }

#nav-bar-search-button {
    background-color: #3a3c45;
    border-right: 1px solid #232528;
    color: white;
}

.divFolderHeaderBar > .navbar {
    background-color: #f8f8f8;
}

a,
a:focus {
    color: #cd202c;
    text-decoration: none;
}

    a:hover {
        color: #ac101a;
        text-decoration: none;
    }

.k-panelbar > .k-item > .k-header {
    background-color: #3a3c45;
    border-bottom: 1px solid #3a3c45;
    color: #ffffff;
}

    .k-panelbar > .k-item > .k-header:hover {
        background-color: #232528;
        color: #ffffff;
    }

.k-panelbar > li.k-state-default > .k-link {
    color: #ffffff;
}

.panel-default .panel-heading {
    background-color: #3a3c45;
    color: #ffffff;
    border-color: #3a3c45;
    border-radius: 0;
}

.panel {
    border-radius: 0;
}

#ewSubPanel > li > span,
#ewlvSubPanel > li > span {
    color: #ffffff;
    background-color: #cd202c;
    border-bottom: 1px solid #cd202c;
    font-weight: normal;
}

span.is-certified-vehicle {
    color: #ffffff;
}

.ppp-sub-panel-header {
    font-weight: normal;
}

.k-grid-header > tr > th.k-header {
    background-color: #e1e4e9;
    border-color: #e1e4e9;
    font-weight: normal;
}

.k-grid-header > tr > th > a.k-link {
    font-weight: normal;
}

a.glyphicon, a > .glyphicon {
    color: #333333
}

a.glyphicon, a > .glyphicon:hover {
    color: #4d5953
}

.btn-primary,
.btn-info {
    background-color: #cd202c;
    border-color: #cd202c;
}

    .btn-primary:hover,
    .btn-info:hover,
    .btn-primary:active,
    .btn-info:active,
    .btn-primary:focus,
    .btn-info:focus,
    .k-button:hover {
        background-color: #ac101a;
        border-color: #ac101a;
    }

    .btn-primary[disabled],
    .btn-success[disabled],
    .btn-info[disabled] {
        background-color: #c3c8d2;
        border-color: #c3c8d2;
        opacity: 1;
    }

.modal-header {
    background-color: #3a3c45;
    color: #ffffff;
}

.tooltip > .tooltip-inner {
    background-color: #cd202c;
    border: 1px solid white;
}

.tooltip.top > .tooltip-arrow {
    border-top-color: #cd202c;
}

.tooltip.left > .tooltip-arrow {
    border-left-color: #cd202c;
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #cd202c;
}

.tooltip.right > .tooltip-arrow {
    border-right-color: #cd202c;
}

.dropdown-menu > li > a:hover,
.k-list-container > .k-list > .k-item:hover,
.k-list-container > .k-list > .k-item.k-state-selected {
    background-color: #e1e4e9;
    border-color: #e1e4e9;
    color: #000000;
}

.k-calendar span.k-icon:hover,
.k-calendar a.k-link:hover,
.k-calendar-container .k-content td:hover {
    background-color: #ac101a;
    border-color: #ac101a;
}

.k-calendar-container .k-content td.k-state-selected {
    background-color: #cd202c;
    box-shadow: #cd202c 0 0 10px 3px inset;
    color: #ffffff;
}

.nav .caret {
    border-top-color: #cd202c;
    border-bottom-color: #cd202c;
}

.k-pager-wrap .k-link:hover {
    background-color: #ac101a;
}

.navbar .search-input .glyphicon {
    color: #FFFFFF;
}

.navbar .search-input input:focus + .glyphicon {
    color: #FFFFFF;
}

.close {
    color: #ffffff;
    opacity: 0.9;
    text-shadow: 0 1px 0 #ffffff;
}

.k-window-action.k-link.k-state-hover {
    background-color: #cd202c;
    border: none;
}

.k-pager-numbers > li > a:link {
    color: #CD202C;
}

.k-pager-numbers > li > span.k-state-selected {
    color: #FFFFFF;
    background-color: #CD202C;
    border-color: #AC101A;
}

.k-editor a.k-tool.k-state-hover {
    background-color: #AC101A;
    border-color: #AC101A;
    color: #FFFFFF;
}

.k-tabstrip-items .k-state-default .k-link{
    color: black;
}

.k-tabstrip-items .k-state-hover .k-link{
    background-color: #AC101A;
    border-color: #AC101A;
    color: #FFFFFF;
}