html,
body {
    height: 100%;
    font-family: PorscheNextWLa-Regular, "Arial Narrow", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
    letter-spacing: normal;
}

h1 {
    font-family: PorscheNextWLa-Thin, "Arial Narrow", sans-serif;
    font-weight: 100;
    line-height: 30px;
    font-size: 24px;
}

h2 {
    font-family: PorscheNextWLa-Thin, "Arial Narrow", sans-serif;
    font-weight: 100;
    font-size: 36px;
}

h3 {
    font-family: PorscheNextWLa-Thin, "Arial Narrow", sans-serif;
    font-weight: 100;
    line-height: 36px;
    font-size: 28px;
}

h4 {
    font-family: PorscheNextWLa-Thin, "Arial Narrow", sans-serif;
    font-weight: 100;
    line-height: 30px;
    font-size: 24px;
}

h5 {
    font-family: PorscheNextWLa-Thin, "Arial Narrow", sans-serif;
    font-weight: bold;
    line-height: 18px;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
}

h1.mast {
    font-size: 3.0em;
    line-height: normal;
}

small, .small {
    font-size: 85%;
}

.form-control::-moz-placeholder {
    color: #3e4146;
}

.form-control {
    font-size: 12px;
    color: #3e4146;
}

.input-group-sm > .form-control {
    border-radius: 0px;
}

.input-sm {
    border-radius: 0px;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #959899;
    box-shadow: inset 0 -2px 0 #959899;
}

select:focus,
select.form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #959899;
    box-shadow: inset 0 -2px 0 #959899;
}

.wrap {
    margin-top: 0;
    margin-bottom: 60px;
    min-height: 100%;
}

.footer {
    border-top: 1px solid #494e51;
    min-height: 140px;
    background: #191f22 none repeat scroll 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    padding: 0.6rem 0;
    position: relative;
    font-size: 16px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

#logo-left {
    float: left;
    text-align: left;
}

#logo-right {
    float: right;
    padding: 0 0 5px;
    text-align: right;
}

.navbar {
    box-shadow: 0;
}

.navbar-inverse {
    border-bottom: 1px solid #aaa391;
    background-color: #fff;
    background: 0;
    box-shadow: 0;
}

.navbar-inverse .navbar-nav > li > a {
    font-weight: bold;
    color: #000;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;
}

.container {
    width: 100%;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -30px;
}

@media only screen and (max-width: 770px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        position: relative;
        top: -60px;
        z-index: 100;
    }
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #aaa391;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #000;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
    background-color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #d5001c;
}

.nav-logo-centre {
    position: absolute;
    left: 50%;
    margin-left: -90px !important; /* 50% of your logo width */
    display: block;
}

.navbar-inverse .navbar-nav > li > a {
    color: inherit;
    font-weight: normal;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #d5001c;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #d5001c;
}

.panel-title {
    font-size: 18px;
    font-weight: bold;
}

.panel-default > .panel-heading {
    border-bottom: 2px solid #d5001c;
    background-color: #eff0f1;
    color: #000;
}

.panel-default > .panel-footer {
    background-color: #eff0f1;
    color: #196a99;
    font-size: 16px;
    font-weight: 200;

}

.popover-title {
    border-bottom: 2px solid #2a4b6d;
    font-size: 18px;
}

.popover-content {
    font-family: PorscheNextWLa-Regular, "Arial Narrow", sans-serif;

}

.navbar-collapse {
}

.navbar-header {
    margin-bottom: -60px !important;
}

.breadcrumb > li + li:before {
    content: "\203A";
    padding: 0 5px;
    color: #d5001c;
    font-size: 20px;
}

.breadcrumb > .active {
    color: #959899;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    /*color: #d5001c;*/
    color: #00788a;
    text-decoration: none;
}

.badge {
    border-radius: 0px;
}

.tab-badge {
    background-color: #d5001c;
    margin-top: -5px;
    margin-left: 5px;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    background-color: transparent;
    border: medium none;
    box-shadow: 0 -1px 0 #ddd inset;
    color: #959899;
    margin-right: 0;
    transition: all 0.2s ease 0s;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    border: medium none;
    box-shadow: 0 -2px 0 #d5001c inset;
    color: #d5001c;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus:hover {
    background-color: transparent;
    -webkit-box-shadow: inset 0 -2px 0 #d5001c;
    box-shadow: inset 0 -2px 0 #d5001c;
    color: #d5001c;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
    border: none;
    -webkit-box-shadow: inset 0 -2px 0 #d5001c;
    box-shadow: inset 0 -2px 0 #d5001c;
    color: #d5001c;
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus:hover {
    border: none;
    color: #d5001c;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}


.btn {
    border-radius: 0;
}


.btn-primary {
    color: #fff;
    background-color: #313639;
    border-color: transparent;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #313639;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:hover {
    color: #fff;
    background-color: #d5001c;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #313639;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #313639;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #d5001c;
    border-color: transparent;
}

.btn-primary .badge {
    color: #fff;
    background-color: #2a4b6d;
}


.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #313639 none repeat scroll 0 0;
    color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background: #d5001c none repeat scroll 0 0;
    color: #fff;
}

.btn-info.btn-info {
    color: #fff;
    background-color: #2a4b6d;
    border-color: transparent;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #687d92;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:hover {
    color: #fff;
    background-color: #687d92;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #2a4b6d;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #687d92;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #687d92;
    border-color: transparent;
}

.btn-info .badge {
    color: #2a4b6d;
    background-color: #fff;
}

.kv-editable-link {
    color: #313639;
}

.kv-editable-link:hover, .kv-editable:focus {
    color: #d5001c;
}

.slider-handle {
    background-color: #d5001c;
    background-image: none;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 16px;
    line-height: 1.846;
    text-decoration: none;
    color: #d5001c;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #d5001c;
    border-color: #d5001c;
    cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #bbb;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.img-thumbnail {
    border: 0 none;
    box-shadow: none;
}

.variant_image {
    float: right;
}

#update-results {
    min-height: 100px;
}

.cbx-md {
    font-size: 12px;
}

.nav-stacked > li > a {
    padding: 5px;
}

/* Kool Reports Styles */
.koolphp-table th {
    background-color: #d5001c;
    color: #fff;
    border-left: 1px solid #fff;
    font-weight: normal;
}

.koolphp-table .row_head {
    font-weight: bold;
}

.koolphp-table .row-group {
    background-color: #ccf !important;
}

.koolphp-table td, .koolphp-table th {
    vertical-align: middle !important;
}

.koolphp-table table.operating_control_user td:nth-of-type(2),
.koolphp-table .firstColBold td:first-of-type {
    font-weight: bold;
}

.koolphp-table .performance_report tr:nth-of-type(6) {
    background-color: #ffb3b3;
}

.koolphp-table .performance_report tr:nth-of-type(10) {
    background-color: #ffd9b3;
}

.koolphp-table table.operating_control tr:nth-of-type(3),
.koolphp-table table.operating_control tr:nth-of-type(7),
.koolphp-table table.operating_control tr:nth-of-type(11),
.koolphp-table table.operating_control tr:nth-of-type(15),
.koolphp-table table.operating_control tr:nth-of-type(19),
.koolphp-table table.operating_control tr:nth-of-type(21) {
    background-color: #ccf;
    text-transform: uppercase;
}

.koolphp-table table.online .row-group,
.koolphp-table table.users .row-group {
    background-color: inherit !important;
}

.koolphp-table table.dealer_summary td:nth-child(6),
.koolphp-table table.dealer_summary td:nth-child(7),
.koolphp-table table.online th:nth-child(3),
.koolphp-table table.online td:nth-child(3) {
    text-align: center;
}

.wrap-fix {
    overflow: hidden;
    white-space: nowrap;
}

#exportTable {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.porsche-workload-table td {
    line-height: 1.2 !important;
}

.wheel-alignment .wheel-alignment-image {
    margin-bottom: 20px;
    height: 200px;
    visibility: hidden;
}

.wheel-alignment table.table-responsive tr td {
    border: 1px solid #fff;
    text-align: center;
}

#partNumberLookupSummary {
    display: none;
    margin-top: 25px;
}

#partNumberLookupSummary table {
    margin: 0;
}

.labour-rate-matrix-job-time-form-matrix table .help-block {
    margin-bottom: 0;
    font-size: 10px;
}

.data-source-label {
    font-weight:bold;
    float:right;
    padding-top:10px;
}

.select2-selection__choice {
    background-color: #00a65a !important;
    border-color: #008d4c !important;
    color: #fff !important;
}

#selected-opcodes-list {
    overflow-y: auto;
    max-height: 100px;
    font-weight: bold;
}