@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "BoschWBASansRegular";
    src: url('./font/BoschSans-Regular.woff') format('woff'),
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    
    url('./font/BoschSans-Regular.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: "BoschWBASansBold";
    src: url('./font/BoschSans-Bold.woff') format('woff'),
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    
    url('./font/BoschSans-Bold.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: "BoschWBASansMedium";
    src: url('./font/BoschSans-Medium.woff') format('woff'),
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    
    url('./font/BoschSans-Medium.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: "BoschWBASansLight";
    src: url('./font/BoschSans-Light.woff') format('woff'),
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    
    url('./font/BoschSans-Light.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
body,
input,
select,
textarea,
button,
.ui-btn {
    font-family: BoschWBASansLight;
    font-weight: normal !important;
    ;
}
html {
    height: 101%;
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background: transparent;
}
.ui-page {
    background: transparent;
}
.ui-content {
    background: transparent !important;
    font-family: BoschWBASansLight !important;
    text-shadow: none;
    color: black;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 7;
    -webkit-hyphenate-limit-lines: 3;
    -ms-hyphenate-limit-chars: auto 7;
    -ms-hyphenate-limit-lines: 3;
    -moz-hyphenate-limit-chars: auto 7;
    -moz-hyphenate-limit-lines: 3;
    -o-hyphenate-limit-chars: auto 7;
    -o-hyphenate-limit-lines: 3;
}
.ui-page .ui-header {
    background: rgb(0, 168, 176) !important;
    color: #ffffff !important;
    font-family: BoschWBASansMedium !important;
}
#countries .ui-header {
    background: transparent !important;
}
.sortedList a,
.ui-collapsible-content a,
.ui-body-b {
    background-color: rgba(255, 255, 255, 0.0) !important;
}
body,
.ui-overlay-c {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% auto !important;
}
.ui-mobile .ui-page .ui-footer {
    background-color: #ffffff !important;
}
.ui-page {
    background-color: #ffffff !important;
}
.align-center {
    margin-top: 1%;
}
.bosch_header {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    font-size: 1.375em;
    font-family: BoschWBASansRegular !important;
    text-shadow: none;
}
.ui-bar {
    vertical-align: middle !important;
    border: 0px !important;
}
.ui-bar a {
    background-color: transparent !important;
    border: 0 !important;
    text-shadow: none !important;
    text-align: left !important;
    left: 0 !important;
}
.ui-bar-b {
    border-color: transparent !important;
    text-shadow: none !important;
}
.ui-footer {
    border-top-color: #005691 !important
}
.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.bosch_brand_header {
    font-family: BoschWBASansRegular !important;
    text-shadow: none !important;
    background-color: transparent !important;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
    text-align: center !important;
}
.header-table-new {
    table-layout: fixed;
    width: 100%;
    text-align: center !important;
    vertical-align: middle !important;
}
.backColumn {
    width: 22px !important;
}
.backColumnHidden {
    width: 0px !important;
}
.backColumnHidden a {
    visibility: hidden;
}
.fillColumn {
    display: inline-block;
    width: 22px !important;
}
.titleAlign {
    text-align: center !important;
}
tr.fpHeaderRow td > * {
    vertical-align: middle !important;
}
tr.fpHeaderRow2 td > * {
    vertical-align: middle !important;
}
.tColumnHalignMiddle {
    text-align: center;
}
.header-table {
    table-layout: fixed;
    width: 90%;
}
.bbHeaderClmn {
    width: 93%;
}
.bbHeaderIconClmn {
    width: 7%;
}
.bbHeaderIconClmnErr {
    width: 7%;
}
.bbHeaderClmnError {
    width: 93%;
}
.bbHeaderClmnWithBack {
    width: 91%;
}
.bbHeaderIconClmnWithBack {
    width: 9%;
}
.header-table {
    max-width: 768px;
}
.header-link {
    color: white;
}
.startpageface {
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-size: 100% !important;
}
.splashBack {
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-size: 100% !important;
}
.startpage .ui-header {
    background: white !important;
    height: 10%;
}
.logoContainer {
    height: 95%;
    vertical-align: middle;
    padding-right: 2%;
    vertical-align: middle;
}
.logoContainer img {
    max-height: 50px;
    float: right;
    max-width: 70%;
    height: auto;
    vertical-align: middle;
}
.center-div {
    float: center;
    position: relative;
    margin: 0 auto;
    margin-top: 5%;
}
.list-divider-li,
.ui-li-divider,
.ui-collapsible-heading a {
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.42) !important;
}
.content-text {
    font-size: 20px;
    font-family: BoschWBASansLight !important;
    margin: 0;
    padding: 0;
    color: black;
}
.listexplanation {
    font-size: 16px;
    font-family: BoschWBASansBold !important;
}
.listexplanationSettings {
    font-size: 16px;
    font-family: BoschWBASansBold !important;
}
.bookmark {
    width: auto;
    height: 40px;
    float: right;
}
.content-normal-text {
    font-size: 16px;
    font-family: BoschWBASansLight !important;
    margin: 0;
    padding: 0;
}
.content-small-bold {
    font-size: 14px;
    font-family: BoschWBASansRegular !important;
}
.content-small-normal {
    font-size: 14px;
    font-family: BoschWBASansRegular;
}
.content-normal-medium {
    font-size: 16px;
    font-family: BoschWBASansMedium !important;
    margin: 0;
    padding: 0;
}
.footer-button {
    display: inline-block;
    text-decoration: none;
}
.footer-button img {
    max-height: 50px;
}
.footer-basic {
    height: auto;
}
.star-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.star-icon-small {
    width: 16px;
    height: 16px;
    display: inline-block;
}
.wiper-logo {
    height: 20px;
}
.header-table {
    white-space: nowrap;
    table-layout: fixed;
    word-wrap: break-word;
}
.ui-bar {
    border-color: #ffffff;
}
.appBarIcon {
    max-height: 40px;
    width: auto;
    margin-right: 5px;
    visibility: hidden;
}
.plusIcon {
    height: 25px;
    width: auto;
}
.wrapped-paragraph {
    display: block;
    word-wrap: break-word;
}
.ui-listview li a {
    font-style: normal !important;
}
/* Remove action when link is clicked but not followed */
.ui-page-theme-a .ui-btn.ui-btn-active {
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}
.ui-body-a.ui-focus {
    text-shadow: none !important;
}
/* Image Caption*/

.caption {
    display: block;
    font-family: BoschWBASansLight !important;
    font-size: 10px;
    color: #196ba1 !important;
}
/*Active Image Caption*/

.caption_active {
    display: block;
    font-family: BoschWBASansLight !important;
    color: #005691!important;
    font-size: 10px;
}
.smallPrint {
    font-size: 12px;
    font-family: BoschWBASansLight !important;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal !important;
}
.ProductLineInfoParagraph {
    text-align: justify;
    font-style: italic;
    border: 1px;
    border-style: solid;
    border-color: #ffffff;
    padding: 10px;
}
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
    border-color: #ddd;
}
.yearTable tr td {
    text-align: left;
}
.yearTable .td_start {
    width: 40%;
}
.yearTable .td_to {
    width: 10%;
}
.yearTable .td_end {
    width: 40%;
}
.arrowleft {
    height: 40px;
    /* REDESIGN - NEU*/
    vertical-align: middle !important;
}
.popupDialog {
    margin: 20px 5px 20px 5px;
}
/*Dialog Style */

.ui-dialog {
    width: 92.5%;
    max-width: 500px;
    margin: 0% auto 0% auto;
    padding: 0;
    position: relative;
    height: 100% !important;
    top: 0px !important;
}
#currProgress {
    margin: 0 auto;
}
.pointer {
    left: 25%;
    top: 55px;
    position: absolute;
    -webkit-animation-name: example;
    /* Chrome, Safari, Opera */
    
    -webkit-animation-duration: 4s;
    /* Chrome, Safari, Opera */
    
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    transform-origin: center 102px;
}
/* Chrome, Safari, Opera */

@-webkit-keyframes example {
    0% {
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        -o-transform: rotate(-65deg);
        -webkit-transform: rotate(-65deg);
    }
    50% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
    100% {
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        -o-transform: rotate(-65deg);
        -webkit-transform: rotate(-65deg);
    }
}
.container {
    position: absolute;
    top: 30%;
    left: 45%;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
#img2 {
    position: absolute;
    left: 25%;
    top: 35px;
}
.popUpSearchNoHint img {
    max-width: 600px;
}
#searchNumPopUp {
    margin: 20% 5% auto auto;
    left: 20%;
}
#fpSearchNumPopUp {
    margin: 20% auto auto 25%;
}
#fpFirstSearchImg {
    display: inline-table;
}
.bdImg2 {
    vertical-align: top;
    max-width: 40px;
}
#fpShortcode {
    text-align: center;
    margin-bottom: auto;
}
.bdImg1 {
    vertical-align: top;
    max-width: 40px;
}
.bdLogo {
    padding-bottom: 5px;
    float: left;
}
#sbdImg2 {
    vertical-align: top;
    max-width: 40px;
}
#sbdImg1 {
    vertical-align: top;
    max-width: 40px;
}
#sbdLogo {
    padding-bottom: 5px;
    float: left;
}
.tag {
    float: left;
    position: absolute;
    left: 10px;
    top: 0px;
    background-color: green;
}
#pfModImage {
    max-width: 100px;
    max-height: 50em;
}
#YearsPopUp {
    margin: 50px 5px 20px 5px;
    height: 100px;
}
#questionIcon {
    float: right;
    margin-right: 4px;
    margin-bottom: 20px;
    height: 25px;
}
#fpSearchNoSecondLbl {
    display: none;
}
#fpSearchNoImg {
    display: none;
}
.fpColumn2 {
    width: 80%;
}
.fpColumn1 {
    width: 20%;
}
.fpColumn2-1 {
    width: 20%;
}
.fpColumn2-2 {
    width: 10%;
}
.fpColumn2-3 {
    width: 3%;
}
.fpColumn2-4 {
    width: 10%;
}
.fpColumn2-5 {
    width: 5%;
}
.fpSearchNoClmn {
    width: 90%;
    text-align: center;
    align: center;
}
.fpSearchImgClmn {
    width: 10%;
}
.searchNoTblClmn1 {
    width: 70%;
}
.searchNoTblClmn1 {
    width: 30%;
}
.soListClmn1 {
    width: 40%;
}
.soListClmn2 {
    width: 25%;
}
.soListClmn3 {
    width: 10%;
}
.soListClmn4 {
    width: 25%;
}
.tRowValignTop {
    vertical-align: top;
}
.tRowValignMiddle {
    vertical-align: middle;
}
.tRowValignBottom {
    vertical-align: bottom;
}
#finalproduct p.content-text {
    padding-bottom: 1em !important;
}
#fpPartNo {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
#fpProductImage {
    float: right;
    margin-bottom: 2%;
}
.correctSpace {
    margin-top: -3%;
}
.instTypeImg {
    max-height: 41px;
    float: center;
}
.questIcon {
    max-height: 25px;
    vertical-align: middle !important;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
}
.videoIcon {
    max-height: 90px;
}
.popUpSearchNoHint img {
    max-width: 320px;
    display: table-cell;
    align: center;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    
    font-family: BoschWBASansLight !important;
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    font-family: BoschWBASansLight !important;
}
:-ms-input-placeholder {
    /* IE 10+ */
    
    font-family: BoschWBASansLight !important;
}
:-moz-placeholder {
    /* Firefox 18- */
    
    font-family: BoschWBASansLight !important;
}
input {
    white-space: normal;
    font-family: BoschWBASansLight !important;
}
#welcomeTitle {
    font-weight: 900;
    font-family: BoschWBASansBold !important;
}
#startQuestions p {
    font-family: BoschWBASansRegular !important;
}
#countriesSelection p {
    font-size: 130% !important;
    font-family: BoschWBASansRegular !important;
}
.header-table td {
    vertical-align: middle !important;
}
.header-table td img {
    vertical-align: middle !important;
}
.storeBadges {
    width: 95%;
    height: auto;
}
.appTitle {
    font-family: BoschWBASansBold !important;
    /*Redesign*/

    font-size: 150% !important;
    /*Redesign*/

    margin: 0 auto 10px!important;
}
.appTitle-div {
    max-width: 768px !important;
    margin-top: 3%;
}
.legalIssuesDiv {
    text-align: center;
    /*REDESIGN*/
    
    font-size: 0.9em !important;
    white-space: normal !important;
    margin-top: 3%;
    width: 100%;
    font-family: BoschWBASansLight !important;
}
.center-grid {
    width: 70%;
    margin: 0 auto;
}
.errImage {
    width: 150px;
    margin: 0 auto;
}
.errorDiv {
    width: 100%;
    text-align: justify;
}
.errorMsg {
    width: 80% px;
    margin: 0 auto;
    margin-top: 2%;
    display: block;
}
.errorTitle {
    font-size: 98% !important;
}
#countries .ui-footer {
    background-color: transparent !important;
    outline-color: transparent !important;
    border-color: transparent !important;
}
#start .ui-footer {
    background-color: transparent !important;
    outline-color: transparent !important;
    border-color: transparent !important;
}
#startwelcome .ui-footer {
    background-color: transparent !important;
    outline-color: transparent !important;
    border-color: transparent !important;
}
/* Standard syntax */

@keyframes example {
    0% {
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        -o-transform: rotate(-65deg);
        -webkit-transform: rotate(-65deg);
    }
    50% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
    100% {
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        -o-transform: rotate(-65deg);
        -webkit-transform: rotate(-65deg);
    }
}
.cookie-message {
    background: white;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 3px #ccc;
}
.cookie-message-table {
    max-width: 768px !important;
    margin: 0 auto !important;
}
.cookie-message p,
.cookie-message a {
    color: #000000;
    /*font: bold 11px/14px Arial;*/
    
    font-size: 11px;
    margin: 0.6em 0;
    text-align: justify !important;
    font-family: BoschWBASansLight !important;
}
.cookieClmn1 {
    width: 80%;
}
.cookieClmn2 {
    width: 20%;
}
.cookieLinkRow {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.cookie-message .ui-link {
    margin: 0 auto !important;
}
#countries .ui-footer {
    width: 100% !important;
}
#start .ui-footer {
    width: 100% !important;
}
#startwelcome .ui-footer {
    margin: 0 auto !important;
    width: 100% !important;
}
.storesDivPortrait {
    display: none;
}
.storesDivLandscape {
    display: inline;
}
::-webkit-scrollbar {
    display: none;
}
.issuesDivPortrait {
    display: none;
}
/* REDESIGN */

.ui-state-disabled {
    opacity: 0.0 !important;
    color: #7faac8 !important;
}
.ui-input-search input {
    text-align: center !important;
}
.ui-listview li a.ui-btn {
    border-top-width: 0px !important;
}
.rd-selected-li {
    background-color: #bfc0c2 !important;
}
.rd-selected-li a {
    text-shadow: none !important;
}
.ui-li-divider {
    border-bottom-width: 1px !important;
    border-top-color: #bfc0c2 !important;
    border-bottom-color: #bfc0c2 !important;
}
.ui-btn {
    text-shadow: none !important;
}
.ui-btn-icon-left::after,
.ui-btn-icon-right::after,
.ui-btn-icon-top::after,
.ui-btn-icon-bottom::after,
.ui-btn-icon-notext::after {
    background-color: rgba(0, 0, 0, 0) !important;
}
.ui-icon-carat-r::after {
    background-image: url('./../img/carat-r-darkblue.svg');
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
    text-shadow: 0 0px 0 #ffffff;
}
.ui-footer {
    padding-top: 1px !important;
}
.ui-footer td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.ui-footer table {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
/*REDESIGN*/

#models .ui-li-divider {
    font-size: 1em;
}
#search .ui-li-divider {
    font-size: 1em;
}
#mounting .ui-li-divider {
    font-size: 1em;
}