/*************
VREDESTEIN STYLING
*************/

body {
    background-color: rgb(0 73 213 / 15%);
}

.topbar {
    background-color: #0049D5;
}

/******************************************************
FONTS
******************************************************/


/* SET font to arial */

body,
ul.modelselector ul a,
.assemblytypes {
    font-family: "Roboto", arial, sans-serif;
}

.topbar select,
.topbar label,
.searchby,
.breadcrumbs span,
.breadcrumbs a,
.usercontrols span.currentuser,
.usercontrols a,
.modelselector li a,
table.tyresize th,
table th,
table table td:first-child,
.freigabe-block h3,
.fieldinfo {
    font-family: "Oswald", arial, "lucida console", sans-serif;
	font-weight:normal;
}

.topbar select {
	font-family: "Roboto", arial, sans-serif;
}
/*****************************
IMAGES
*****************************/

.header {
    background: url(../Images/header_bg_vredestein.jpg) no-repeat center center;
}

.header.classic {
    background: url(../Images/Tyre-info-classic.jpg) no-repeat center center;
}

.header .logo {
	height: 43px;
    background-image: url(/Images/vredestein_logo.png);
    background-position: 0px 7px;
    background-size: 150px auto;
}

/*****************************
BACKGROUND-COLORS / TEXT-COLORS
*****************************/


/*BACKGROUND COLORs*/

.tabnav li a,
.signin input[type=submit] {
    background-color: #0049D5;
}

.modelselector li a {
    background-color: #363636;
}

.modelselector li a:hover {
    background-color: #000;
}

.tabnav li a:hover {
    background-color: #1F3261;
}

.k-state-focused.k-state-selected,
.k-list>.k-state-focused.k-state-selected,
.k-state-selected {
    background-color: #C9C3C0;
}

.breadcrumbs li:first-child,
.breadcrumbs li:first-child:after {
    background: #FF003B;
}

.k-state-selected td {
    background-color: #A4A7B0 !important;
}

.k-state-selected td:hover {
    background-color: #A4A7B0 !important;
}

/*BORDER COLORs*/

.modelselector li a {
    border-bottom: 1px solid #4B4B4B;
}

thead tr th,
.k-grid-header,
.freigabe-block h3 {
    border-bottom: 1px solid #DFE0E3;
}

.k-state-focused.k-state-selected,
.k-list>.k-state-focused.k-state-selected,
.k-state-selected {
    border-color: #A29E9C;
}

/*FONT COLORS*/
.breadcrumbs a {
    color: #575964;
}

ul.modelselector ul a {
    color: #575964;
}

ul.modelselector ul a:hover {
    background-color: #F7F7F7;
}

.tabnav li.current a,
.tabnav li.k-state-highlight a,
.k-state-focused.k-state-selected,
.k-list>.k-state-focused.k-state-selected,
.k-state-selected,
.tabnav li.current a:hover,
.tabnav li.k-state-highlight a:hover {
    color: #000;
}

/*HOEKJES & IMAGES*/

.tabnav li.current a,
.tabnav li.k-state-highlight a,
.tabnav li.current a:hover,
.tabnav li.k-state-highlight a:hover {
    background-color: rgb(0 73 213 / 15%);
    /*  background: #F1EBE5 no-repeat url(../Images/table_hoekje_vredestein.png);*/
}

.tabnav li.current a:before,
.tabnav li.k-state-highlight a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #ff003B transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.tyreinfo th:first-child,
#carinfo th:first-child {
    /* background: #FFF no-repeat url(../Images/table_hoekje_vredestein.png);*/
}

.tyreinfo th:first-child::before,
#carinfo th:first-child::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #ff003B transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

ul.modelselector {
    background: #fff;
}

ul.modelselector ul a {
    background: url(../Images/sublink_bg.png) no-repeat 10px center;
}

#carinfo .detail-table {
    padding: 0;
}

#carinfo .has-border {
    border-bottom: 1px solid #DFE0E3;
}

#carinfo .detail-table table {
    margin-bottom: 0;
}

#carinfo table tr td {
    text-transform: none;
}

#CarMakes_lv_active,
#CarSeries_lv_active,
#CarModels_lv_active,
#CarTypeSpecifications_lv_active,
#CarTypes_lv_active {
    position: relative;
}

#CarMakes_lv_active:before,
#CarSeries_lv_active:before,
#CarModels_lv_active:before,
#CarTypeSpecifications_lv_active:before,
#CarTypes_lv_active:before {
    position: absolute;
    font-family: FontAwesome;
    top: 7px;
    right: 6px;
    content: "\f0a9";
    color: #0049D5;
    font-size: 16px;
}

table.tyresize th {
    background-color: #363636;