@charset "utf-8";

@font-face {
    font-family: 'Kenteken';
    src: url('/Content/fonts/Kenteken.eot');
    src: url('/Content/fonts/Kenteken.eot') format('embedded-opentype'), url('/Content/fonts/Kenteken.woff2') format('woff2'), url('/Content/fonts/Kenteken.woff') format('woff'), url('/Content/fonts/Kenteken.ttf') format('truetype'), url('/Content/fonts/Kenteken.svg#Kenteken') format('svg');
    font-style: normal;
    font-weight: normal;
}

.view-details {
    text-decoration: none;
    border-bottom: 1px solid green;
    font-size: small;
}

.font-Kenteken {
    font-family: Kenteken,sans-serif;
}
/*Reset CSS
------------------------------*/
ol, ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

#loadMore a:hover {
    text-decoration: underline !important;
}

a:focus, button:focus, input:focus, textarea:focus {
    outline: 0 !important;
    text-decoration: none
}

::-webkit-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

::-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

button, input, select, textarea {
    border-radius: 0
}

textarea {
    resize: none;
}

html {
    -webkit-overflow-scrolling: touch
}

html, body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    height: 100%
}

i {
    vertical-align: top
}
/*Reset CSS End
------------------------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

body {
    font-size: 14px;
    line-height: 16px;
    background: #f4fefe;
}

p {
    padding: 0 0 15px;
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 17px;
    line-height: 44px;
    display: inline-block
}

h3 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 20px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 20px;
}

#wrapper {
    position: relative;
    padding: 44px 0 48px;
    min-height: 100%
}

#header {
    position: relative;
    z-index: 4;
    padding: 4px 0;
}

#container {
    position: relative;
    z-index: 2;
    padding: 0
}

.content {
    padding: 15px;
    position: relative;
}

    .content.noPad {
        padding: 0;
    }

#logo a {
    display: block;
    float: left
}

.accountIco {
    display: block;
    float: right
}

    .accountIco .toogleAcc {
        width: 34px;
        height: 34px;
        display: block;
    }

.pageTitleBar {
    position: relative;
    z-index: 3;
    border: 0 !important;
    box-shadow: none !important
}

.backPage, .nextPage {
    display: block;
    float: left;
}

    .backPage:hover, .nextPage:hover, .backPage:focus, .nextPage:focus {
        color: #fff;
    }

.nextPage {
    float: right
}

.paralage {
    font-size: 16px;
    line-height: 18px;
}

.yellowBtn, .darkBtn, .redBtn {
    line-height: 40px;
    padding: 0 20px;
    display: inline-block;
    border: 0;
    vertical-align: top;
}

.yellowBtn, .greenBtn {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 2px 0 4px rgba(0,0,0,0.2);
}

.yellowBtn {
    text-transform: uppercase;
    cursor: pointer
}

.yellowbutton {
    background: rgb(247, 204, 70) !important;
    border-radius: 26px !important;
}

.greenBtn, .txtUpper {
    text-transform: uppercase;
}

.twiceBtn a:first-child, .twiceBtn input:first-child {
    margin-right: 10px;
}

.thriceBtn a {
    margin-left: 3px;
}

    .thriceBtn a:first-child {
        margin-left: 0;
    }

.greenBtn {
    line-height: 40px;
    padding: 0 26px;
    display: inline-block;
    border: 0
}

.mainNav {
    float: right;
    position: relative;
    cursor: pointer;
}

    .mainNav > a > i {
        line-height: 44px;
        font-size: 32px;
    }

.ddNav {
    position: absolute;
    width: 100%;
    padding: 0;
    display: none
}

.mainNav .ddNav {
    right: -15px;
    top: 100%;
}

.accountMenu .ddNav {
    right: 0px;
    top: 49px
}

.plusFooNav {
    position: relative
}

.plusMenu .ddNav {
    left: 0px;
    bottom: 38px
}

.closeNav {
    width: 30px;
}

.ddNav li {
    display: block;
    position: relative
}

    .ddNav li a {
        line-height: 34px;
        font-size: 17px;
        display: block
    }

.ddNav > ul > li > a > i {
    float: right;
    line-height: 34px;
}

.ddNav > ul > li > a.active > i {
    transform: rotate( 180deg );
}

.ddNav ul > li > ul {
    padding: 20px;
    margin: 0 -10px;
    display: none;
}

.promotionBox {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 20px 0 0;
    margin: 30px 0 0;
    display: none;
}

.promotionThumb {
    float: left;
    padding-right: 20px;
}

.promotionDesc {
    font-size: 18px;
    line-height: 22px;
    height: 72px;
    display: table;
}

    .promotionDesc p {
        display: table-cell;
        vertical-align: middle;
    }

.infoPop {
    display: none;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    z-index: 2
}

.mapPop {
    display: none;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    z-index: 4
}

.tablist {
    display: table;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 15px;
}

    .tablist li {
        display: table-cell;
        text-align: center;
        border-left: 1px solid;
    }

    .tablist.fiftyPer li {
        width: 50%;
    }

    .tablist li:first-child {
        padding-left: 0;
        border: 0;
    }

    .tablist li a, .tablist li.disabled span {
        display: block;
        line-height: 40px;
    }

    .tablist li.disabled span {
        opacity: 0.4
    }

    .tablist li a:hover {
        background: none
    }

.formValue {
    padding: 0;
    line-height: 30px;
}

.form-group > .formValue {
    padding: 0 15px;
}

.titleLink {
    float: right;
    line-height: 44px;
    font-size: 16px;
}

.infoIcon, .licenseInfo {
    background-size: 80% auto;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 13px;
    top: 15px
}

    .licenseInfo.nonPosIco {
        position: relative;
        right: 0;
        top: 10px;
        display: inline-block;
    }

.not-active {
    pointer-events: none;
    cursor: default;
}

.infoIcon.infoIconZero {
    top: 0
}

.checkBoxList {
    padding-bottom: 20px;
}

    .checkBoxList li {
        border-bottom: 1px solid;
        padding: 15px;
        margin: 0 -15px;
        line-height: 20px;
        vertical-align: top;
    }

        .checkBoxList li:first-child {
            padding-top: 0
        }

        .checkBoxList li span.reparHistCont {
            display: block;
            float: left;
            width: calc(100% - 30px);
        }

.reparHistCont > span:first-child {
    font-size: 16px;
}

.checkBoxList.liBorderNone li {
    border: 0;
}

.moreArrow, .moreArrow i {
    float: right;
    width: 20px;
    line-height: 30px;
    font-size: 30px;
    display: block
}

    .moreArrow i.fa-info-circle {
        font-size: 20px;
    }

#Repairhistory.checkBoxList .moreArrow i {
    margin-top: 5px;
}

.checkBoxListCont {
    float: left;
    display: block;
    width: calc(100% - 130px);
    padding-right: 10px;
}

    .checkBoxListCont.longText {
        width: calc(100% - 50px);
    }

    .checkBoxListCont > span {
        font-size: 13px;
        cursor: pointer
    }

#dvForecastJobsList .checkBoxListCont > span, #ulServiceList .checkBoxListCont > span {
    cursor: default
}

.checkBoxListCont > span:first-child {
    font-size: 16px;
}

.checkBoxListCont em {
    font-style: normal;
    display: inline-block;
    padding-left: 7px;
}

.midArrowCheck .moreArrow .fa, .midArrowCheck .customCheck {
    margin-top: 6px;
}

.eclipse {
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal;
    height: 20px;
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.foreCastPrice {
    font-size: 17px;
    display: inline-block;
    padding-top: 10px;
    width: 70px;
    text-align: right;
}

.filterPop {
    display: none;
    position: absolute;
    right: 0;
    top: 10px;
    width: 100%;
    padding: 10px;
    z-index: 2;
    box-shadow: rgba(0,0,0,0.3) 0 2px 5px;
}

.contentNav {
    margin: 0 -15px;
}

    .contentNav li {
        display: block;
        border-top: 1px solid;
        padding: 15px 29px;
        line-height: 30px;
        cursor: pointer;
    }

        .contentNav li a {
            line-height: 30px;
            display: block;
            position: relative
        }

        .contentNav li span {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            margin-right: 15px;
            display: block;
            float: left;
        }

        .contentNav li .moreArrow i {
            line-height: 30px;
            text-align: right
        }

.contentie {
    float: right;
    line-height: 30px;
    margin-right: 20px;
}

    .contentie.fa-times {
        color: #da374a
    }

    .contentie.fa-minus {
        color: #d6cd28
    }

    .contentie.fa-check {
        color: #39b6b0
    }

    .contentie.fa-ban {
        color: #da374a
    }

.viewEarlier {
    text-decoration: underline;
    margin-bottom: 20px;
    display: inline-block
}

.prefGarage .viewEarlier {
    margin-bottom: 0
}

.tabCont {
    display: none;
}

    .tabCont.active {
        display: block;
    }

.contLp {
    padding-bottom: 20px;
}

.date-km-block {
    margin: 8px 8px 0 0;
    line-height: 1em;
    text-align: right;
}

    .date-km-block span {
        display: block;
    }

.license-cnt {
    position: relative;
}

.pageTitleBar .license-cnt {
    margin-top: 7px;
}

select.license-bg:disabled {
    border: 0px;
    height: 30px;
    line-height: 30px;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat !important;
    background-size: 30px;
    color: #000;
    padding: 0 22px 0 34px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative
}

select.license-bg {
    border: 0px;
    height: 30px;
    line-height: 30px;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 30px;
    padding: 0 22px 0 34px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative
}

    select.license-bg::-ms-expand {
        display: none
    }

.form-group .license-cnt {
    margin-left: 15px;
}

.containt-sub-head {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 17px 0 10px;
    margin: 0;
    font-weight: 300;
    line-height: 1;
}

.tile-container { /*margin-bottom: 20px;*/
    text-align: center
}

    .tile-container.row {
        margin-left: -5px;
        margin-right: -5px;
    }

        .tile-container.row [class*=col-] {
            padding-left: 10px;
            padding-right: 10px;
        }

.tile {
    min-height: 118px;
    min-width: 95px;
    width: 100%;
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
    position: relative;
    font-size: 10px;
    line-height: 1.2;
    padding: 20px 5px;
}

    .tile strong {
        display: block;
        font-weight: normal
    }

.ico-true {
    position: absolute;
    left: 20px;
    top: 15px;
    height: 31px;
    width: 31px;
    display: block;
}

.true-red {
    background: url(../CPContent/true-red.png) no-repeat;
}

.true-yellow {
    background: url(../CPContent/true-yellow.png) no-repeat;
}

.true-green {
    background: url(../CPContent/true-green.png) no-repeat;
}

.tile-background {
    padding: 0 20px 20px;
    margin: 0 -15px;
}

    .tile-background .tile {
        padding-top: 26px;
    }

        .tile-background .tile h1 {
            font-size: 18px;
            line-height: 44px;
        }

    .tile-background .tile-container {
        margin-bottom: 0;
    }

.slider-section .flexslider {
    max-width: 90%;
    margin: 0 auto
}

.slider-section .panel, .slider-section .panel-heading {
    border-radius: 0;
    border: 0px;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.slider-section .panel-heading {
    padding: 0 10px;
    font-weight: normal;
}

.slider-section .panel-body {
    padding: 0;
    font-weight: normal;
}

.slider-section .flexslider {
    border: #ff0000 1px solid;
    border-radius: 4px;
    background: #fff
}

    .slider-section .flexslider img {
        width: 68px;
        height: 68px;
        float: left;
        margin: 5px 10px 5px 5px;
        vertical-align: top;
    }

.slider-section {
    padding-bottom: 10px;
}

    .slider-section .yellowBtn {
        line-height: 22px;
        padding: 0 10px;
        margin-bottom: 2px
    }

    .slider-section .flexslider .pull-right p {
        padding: 9px 0 7px !important;
    }

.panel-body > .pull-right {
    text-align: right
}

.slider-section .flexslider p.price-text {
    text-align: right;
    padding-bottom: 16px;
}

    .slider-section .flexslider p.price-text em {
        font-style: normal;
    }

.promoCircle .slider-section .flexslider p.price-text em {
    padding: 4px;
}

.slider-section .flexslider p.price-text span {
    display: block;
    font-size: 9px;
    line-height: 10px;
}

.slider-section .flexslider p.promoCircle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 65px;
    width: 65px;
    font-size: 16px;
    margin: 0 auto 5px;
    overflow: hidden;
    text-align: center;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -6px
}

    .slider-section .flexslider p.promoCircle span {
        font-size: 11px;
        line-height: 11px;
        font-weight: bold
    }

.slider-section .flexslider .promoRequest {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 9px;
}

.innerPriceRequest {
    position: relative
}

.vCenter {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    position: relative
}

.innerPriceRequest .promoCircle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 140px;
    width: 140px;
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto 5px;
    overflow: hidden;
    text-align: center;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 10px
}

    .innerPriceRequest .promoCircle span {
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        display: block;
    }

    .innerPriceRequest .promoCircle em {
        font-style: normal;
    }

.panel-blank {
    text-align: center;
    min-height: 50px;
    border: 1px solid #ccc;
}

.license-section {
    margin-bottom: 30px
}

    .license-section h3 {
        padding-bottom: 0;
        border: 0;
    }

    .license-section .media h4 {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 0
    }

    .license-section h4.media-heading {
        font-size: 13px;
        line-height: 15px !important;
        font-weight: bold;
        padding-bottom: 0px !important;
        margin-bottom: 0 !important
    }

    .license-section .media-body {
        line-height: 15px;
    }

    .license-section .icosection, .SelGarageList .icosection {
        margin-top: 7px;
        display: table;
        width: 100%;
    }

        .license-section .icosection a, .SelGarageList .icosection a {
            width: 30px;
            height: 30px;
            display: inline-block;
            margin-left: 2px;
            float: left;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
        }

            .license-section .icosection a.yellowBtn, .SelGarageList .icosection a.yellowBtn {
                border: 0 !important;
                font-size: 14px;
                width: auto;
            }

            .license-section .icosection a i, .SelGarageList .icosection a i {
                vertical-align: middle;
                display: inline-block;
            }

            .license-section .icosection a:first-child, .SelGarageList .icosection a:first-child {
                margin-left: 0
            }

        .license-section .icosection .icon-hart-ico, .SelGarageList .icosection .icon-hart-ico {
            font-size: 20px;
        }

        .license-section .icosection .icon-delete-ico, .SelGarageList .icosection .icon-delete-ico {
            font-size: 16px;
        }

        .SelGarageList .icosection a i {
            line-height: 20px;
        }

.thumbSlider {
    padding-bottom: 20px;
}

    .thumbSlider .owl-carousel .owl-item img {
        height: auto
    }

    .thumbSlider .owl-theme .owl-dots .owl-dot span {
        display: block;
        height: 12px;
        margin: 0 3px;
        width: 12px;
    }

    .thumbSlider .owl-controls {
        bottom: 4px;
        position: absolute;
        right: 0;
    }

.editIco {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    z-index: 1
}

    .editIco i {
        line-height: 36px;
        font-size: 22px;
    }

.switchLabel > label {
    line-height: 30px;
}

.onoffswitch {
    position: relative;
    width: 62px;
    margin-right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-indent: -99999px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer; /*background: #166f6c;*/
    border: 1px solid #e4e4e4;
    border-radius: 20px;
    margin: 0;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 28px;
        padding: 0;
        line-height: 28px;
        font-weight: normal;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        padding-left: 10px;
    }

    .onoffswitch-inner:after {
        padding-right: 10px;
    }

.onoffswitch-switch {
    box-shadow: rgba(0,0,0,0.4) 0 0 4px;
    display: block;
    width: 26px;
    height: 26px;
    margin: 2px;
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    border: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.content.smlPop {
    padding-top: 5px
}

.smlOverlay {
    background: rgba(0,0,0,0.5);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4
}

.smlPopOuter {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.smlPop {
    margin: 0 auto;
    width: 300px;
}

.mapOuter {
    border-width: 3px;
    border-style: solid;
    margin-bottom: 20px;
}

.profileCont .mapOuter {
    border: 0 !important
}

.rapaReqList {
    padding-bottom: 20px
}

    .rapaReqList li {
        border-bottom: 1px solid;
        display: block;
        padding: 10px 0
    }

        .rapaReqList li span {
            float: right;
            display: block;
        }

        .rapaReqList li:last-child {
            border: 0
        }

.well.km-input {
    padding: 2px;
    display: table;
    margin: 0 15px
}

.km-input input {
    border: solid 1px;
    text-align: center;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    max-width: 30px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.km-input .txt-bx {
    float: left;
    position: relative;
    margin: 0 0 0 1px;
}

    .km-input .txt-bx:first-child {
        margin-left: 0
    }

    .km-input .txt-bx:after, .km-input .txt-bx:last-child:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 50%;
        height: 12px;
        width: 2px;
        margin-top: -6px;
        display: block;
        z-index: 1;
        border-radius: 5px;
    }

    .km-input .txt-bx:last-child:before {
        right: 0px;
        left: inherit
    }

.slider-range {
    clear: both;
    overflow: hidden
}

    .slider-range .slider.slider-horizontal {
        width: 100%;
        margin-bottom: 0 !important
    }

    .slider-range .slider-tick {
        display: none
    }

.padBot10 {
    padding-bottom: 10px;
}

.slider-track {
    box-shadow: none;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #dddddd 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #dddddd 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc', GradientType=0 );
}

.slider-handle {
    border: 1px solid;
}

    .slider-handle:focus {
        outline: none;
    }

.slider-range {
    padding: 0 15px;
}

.lpCenter {
    display: inline-block
}

.actionArwMore {
    position: relative
}

.actionArw {
    position: relative;
    background: url(../Content/action-arrow.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
}

    .actionArw:hover {
        background-position: 0 bottom
    }

.moreArrow i {
    text-align: right
}

.moreArrow.active i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.agendaPop {
    display: none;
    z-index: 999;
    position: absolute;
    left: -14px;
    top: 22px;
    background: #fff;
    border: #3bb4ad 1px solid;
    padding: 5px;
}

    .agendaPop:before {
        position: absolute;
        left: 50%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -15px;
        margin-left: -5px;
        background: url(../Content/agenda-arrow.png) 0 0 no-repeat;
        height: 19px;
        width: 9px;
        display: block;
        content: '';
    }

    .agendaPop a {
        transition: none;
        position: relative;
        display: block;
        margin-bottom: 5px;
        height: 36px;
        width: 36px;
        background: url(../Content/agenda-icon.png) 0 0 no-repeat;
    }

        .agendaPop a.confirm {
            background-position: 0 0
        }

        .agendaPop a.cancel {
            background-position: 0 -46px
        }

        .agendaPop a.execute {
            background-position: 0 -92px
        }

        .agendaPop a.reschedule {
            background-position: 0 -138px
        }

        .agendaPop a.invoice {
            background-position: 0 -183px
        }

        .agendaPop a.complete {
            background-position: 0 -228px
        }

        .agendaPop a.viewicon {
            background-position: 0 -547px
        }

        .agendaPop a.confirm:hover {
            background-position: 0 -274px
        }

        .agendaPop a.cancel:hover {
            background-position: 0 -320px
        }

        .agendaPop a.execute:hover {
            background-position: 0 -366px
        }

        .agendaPop a.reschedule:hover {
            background-position: 0 -412px
        }

        .agendaPop a.invoice:hover {
            background-position: 0 -457px
        }

        .agendaPop a.complete:hover {
            background-position: 0 -502px
        }

        .agendaPop a.viewicon:hover {
            background-position: 0 -587px
        }

        .agendaPop a span {
            display: none;
            /*background: #000;*/
            position: absolute;
            top: 110%;
            left: 10px;
            background: #3B4046;
            padding: 5px 8px;
            z-index: 2;
            color: #fff;
            font-size: 12px;
            line-height: 14px;
        }

            .agendaPop a span:before {
                position: absolute;
                left: 5px;
                top: -4px;
                background: url(../Content/tooltip-arrow2.png) 0 0 no-repeat;
                height: 4px;
                width: 6px;
                display: block;
                content: '';
            }

        .agendaPop a:hover span {
            display: inline-block;
        }

        .agendaPop a.cpCall {
            background-position: 0 -628px;
        }

        .agendaPop a.cpUpdate {
            background-position: 0 -668px;
        }

        .agendaPop a.cpCall:hover {
            background-position: 0 -708px;
        }

        .agendaPop a.cpUpdate:hover {
            background-position: 0 -748px;
        }

        .agendaPop a.downloadIco {
            background-position: 0 -785px;
        }

            .agendaPop a.downloadIco:hover {
                background-position: 0 -830px;
            }

        .agendaPop a.uploadIco {
            background-position: 0 -1117px;
        }

            .agendaPop a.uploadIco:hover {
                background-position: 0 -1158px;
            }

        .agendaPop a.garageService {
            background-position: 0 -993px;
        }

            .agendaPop a.garageService:hover {
                background-position: 0 -871px;
            }

        .agendaPop a.garageForecast {
            background-position: 0 -1034px;
        }

            .agendaPop a.garageForecast:hover {
                background-position: 0 -912px;
            }

        .agendaPop a.garageParameter {
            background-position: 0 -1075px;
        }

            .agendaPop a.garageParameter:hover {
                background-position: 0 -953px;
            }

        .agendaPop a.EditCategory:hover {
            background-position: 0 -502px;
        }

        .agendaPop a.EditCategory {
            background-position: 0 -227px;
        }

.slider-section .panel-body {
    min-height: 74px;
    border: 0 !important;
    background: none !important
}

.promoTextCont {
    word-break: break-all;
    padding: 20px 0
}

.unreadMsg { /* font-weight: 700; */
    color: #000;
}

.flex-direction-nav {
    display: none
}

.panel {
    background: none;
}

#mileageUpdateDate {
    font-style: normal
}

#lblMileage {
    display: block
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 7px 0;
}

.makeAppoint {
    padding: 0 10px;
    display: block;
    float: right;
    line-height: 34px;
    font-size: 15px;
    text-transform: uppercase;
}

.plusNav {
    background: url(../CPContent/plus.png) 0 0 no-repeat;
    width: 24px;
    height: 34px;
    display: block;
    float: left
}

.footerNav {
    margin: 0
}

    .footerNav li { /* display: block; float: left; padding: 0 10px; */
    }

        .footerNav li a.fooPlus { /* font-size: 34px; line-height: 34px; display: block; float: left */
        }

        .footerNav li a.fooAlert {
            margin-top: 1px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            line-height: 31px;
            text-align: center;
            width: 31px;
            height: 31px;
            display: block;
            float: left;
            font-size: 17px;
        }

.backToFleet {
    width: 34px;
    height: 34px;
    display: block;
    float: right;
}

.form-group {
    padding: 0 0 15px;
    margin: 0 -15px;
    position: relative
}

.filterPop .form-group {
    margin: 0;
}

.control-label {
    padding: 0 15px;
    margin: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 38px;
    border: 0;
    background: none;
    border-bottom-width: 1px;
    padding: 10px 15px !important;
    margin: 0;
    border-style: solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: normal !important
}

.km-input input.form-control {
    padding: 0 !important;
}

.form-control:disabled, .k-widget.k-datetimepicker.k-header.form-control.disabled, .k-widget.k-datepicker.k-header.form-control.disabled {
    border: 0 !important;
    background: none !important;
}

#ServiceList .form-control:disabled {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 22px;
}

.selectArrrow.disabled:after {
    display: none
}

.form-control:disabled + .k-select {
    display: none
}

textarea.form-control {
    height: 118px;
    border-width: 1px;
    resize: none;
    padding: 10px;
    margin: 10px 15px 0;
    width: calc(100% - 30px);
    box-shadow: none;
    -webkit-box-shadow: none
}

    textarea.form-control:disabled {
        padding: 0 !important
    }

span.k-state-default.form-control {
    border: 0
}

.form-control.k-input, .form-control.k-numerictextbox {
    padding: 0 !important
}

.k-numeric-wrap .form-control {
    padding: 10px 15px !important;
    height: 38px !important
}

.shortTextArea.form-control {
    border: 0;
}

.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}

.selectArrrow {
    position: relative
}

    .selectArrrow:after {
        content: '\f107';
        font-family: FontAwesome, sans-serif;
        position: absolute;
        right: 15px;
        bottom: 24px;
        font-size: 20px;
    }

.customCheck {
    line-height: 20px;
}

    .customCheck input[type="checkbox"] {
        float: left;
        opacity: 0;
        position: relative;
        z-index: 2;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0
    }

        .customCheck input[type="checkbox"] + span {
            float: left;
            background: url(../CPContent/checkbox.png) 0 0 no-repeat;
            width: 20px;
            height: 20px;
            display: block;
            margin: 0 10px 0 -20px;
        }

        .customCheck input[type="checkbox"]:checked + span {
            background: url(../CPContent/checkbox.png) 0 bottom no-repeat;
        }

.calIco {
    position: relative
}

    .calIco:after {
        content: "";
        font-family: FontAwesome, sans-serif;
        position: absolute;
        right: 15px;
        bottom: 8px
    }

.searchIco .form-control {
    padding-right: 20px;
}

.searchIco:after {
    font-size: 12px;
    content: "";
    font-family: FontAwesome, sans-serif;
    position: absolute;
    right: 15px;
    bottom: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    line-height: 22px;
    width: 22px;
}

.searchIco.makeAppSearch:after {
    bottom: 8px;
    right: 15px
}

.searchIco.makeAppSearch {
    border-width: 0 0 1px;
    border-style: solid;
    padding-bottom: 0;
    margin-bottom: 10px;
    position: relative;
}

    .searchIco.makeAppSearch .licenseInfo {
        top: -8px;
    }

.iconBg {
    float: right;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
}

    .iconBg i {
        line-height: 12px;
        display: block;
        padding-top: 6px;
    }

.trashIco {
    position: absolute;
    right: 15px;
    top: 23px
}

.totalPrice {
    float: right;
}

.menuSelect select {
    border: 0;
    height: 44px;
    padding: 0 15px;
}

.menuSelect.selectArrrow:after {
    bottom: 15px;
    right: 15px;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background: none !important
}

.k-select .k-link {
    display: none
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 14px;
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.euroTxtOut .k-input {
    padding-left: 32px !important;
    color: #555;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}

.euroTxtOut.nopad .k-input {
    padding-left: 15px !important;
}

.form-control[disabled], .form-control[readonly] {
    background: none;
}

.license-cnt .form-control[disabled], .license-cnt .form-control[readonly] {
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 30px !important;
}

#logo {
    float: left;
}

.k-dropdown-wrap.k-state-default {
    background-color: transparent;
}

.pageTitle, h3 {
    text-align: left
}

h3 {
    border: 0;
}

#curve_chart svg {
    margin-left: -20px;
}

    #curve_chart svg > rect {
        fill: none !important;
    }

hr {
    border-color: #2ebfb3
}

.form-control.alertTextarea {
    border: 0;
    padding: 0;
}

.yellowBtn:disabled {
    opacity: 0.5
}

#deleteReason {
    resize: vertical;
}

.fleetThumb {
    padding: 20px 0
}

.registerTitle {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 24px;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    display: none;
}

.thankyouEmail {
    padding-top: 15px;
}

.thankyouBtn {
    margin-top: 25px;
}

.twiceBtn .three_btns a {
    margin-right: 10px;
}

.thankYouText {
    font-size: 16px;
    line-height: 20px;
}

    .thankYouText h3 {
        text-align: center;
    }

#gridpopupgaragedetail, #gridSearchGarageNetwork {
    margin: 0 -15px;
}

    #gridpopupgaragedetail .k-grid-header {
        border: 0
    }

        #gridpopupgaragedetail .k-grid-header .k-grid-header-wrap table th a.k-link {
            display: none;
        }

.SelGarageList {
    border-bottom: #c8c7cc 1px solid;
}

.selGaraTopBor {
    border-top: #c8c7cc 1px solid;
}

.SelGarageList li {
    display: table;
    padding: 12px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

body .selGrageImg {
    border: #c8c8c8 1px solid;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    text-align: center;
    display: table-cell;
}
/*padding: 7px;*/
.selGrageImg img {
    max-width: 100%;
    height: auto
}

.selGrageDisc {
    display: table-cell;
    padding: 0 10px;
    font-size: 12px;
    line-height: 14px;
    height: 70px;
    vertical-align: middle
}

.SelGarageList li .moreArrowCont {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
}

.SelGarageList li h4 {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 7px;
}

.prefTitle {
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 16px;
}

.slider-range.firstSet .slider-tick-label-container {
    margin-left: 0 !important
}

.slider-range.firstSet .slider-tick-label {
    width: 33.3% !important
}

.slider-range.firstSet .slider-tick-label-container > div:first-child {
    text-align: left !important
}

.slider-range.firstSet .slider-tick-label-container > div:last-child {
    text-align: right !important
}

.priceAlign span {
    float: left;
}

.priceAlign p {
    float: right; /*font-size:17px;*/
    font-weight: 600;
    width: 110px;
    text-align: right;
}

    .priceAlign p.roadTax {
        width: auto
    }

    .priceAlign p em, .roadTax em {
        font-style: normal
    }

.costTotal {
    font-weight: 600;
}

.checkBoxList li.borNone {
    border: none
}

.checkBoxList li.costTotal {
    padding: 10px 15px;
    margin: 0 -15px;
    line-height: 30px
}

    .checkBoxList li.costTotal.costTotalApp {
        padding: 10px 38px 10px 47px
    }

.priceAlign p.depricate {
    padding-right: 20px;
}

.formValue.valueWidIco {
    padding: 0 15px;
}

.padZero {
    padding: 0
}

.fullFileUpload .k-upload-button {
    width: 100%
}

    .fullFileUpload .k-upload-button span {
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
    }

.marTop10 {
    margin-top: 10px;
}

.slider-section .panel-body {
    position: relative;
}

    .slider-section .panel-body .pull-right {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

.slider-section .promoText {
    padding-right: 78px;
}

    .slider-section .promoText a, .infocur {
        cursor: pointer;
    }

.padBoth {
    padding: 0 15px;
}

.checkBoxList.checkInciList li {
    padding: 10px 15px;
}

    .checkBoxList.checkInciList li.whatIsProb {
        background: #c8c7cc;
        margin-top: -15px;
    }

        .checkBoxList.checkInciList li.whatIsProb label, .checkBoxList.checkInciList li.whatIsProb .moreArrow .fa {
            color: #fff;
            line-height: 30px;
        }

    .checkBoxList.checkInciList li .formValue {
        line-height: 14px;
    }

.overFlowUl li {
    overflow: auto;
}

.overFlowUl .checkBoxListCont {
    width: calc(100% - 60px);
}

.overFlowUl .moreArrow .fa {
    margin-top: 0px;
}

.overFlowUl .customCheck {
    margin-top: 6px;
}

.rightMarkAroow {
    height: 48px;
    width: 100%;
    margin: 30px 0 14px;
    display: block;
}

.thanksPara {
    text-align: center;
    padding: 0 22px;
}

    .thanksPara p {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 14px;
    }

.marminus15 {
    margin: 0 -15px;
}

.wid92 {
    width: 92%
}

.removeSeachIco {
    padding-bottom: 0
}

    .removeSeachIco .searchIco {
        border: 0;
        margin-bottom: 0
    }

        .removeSeachIco .searchIco:after {
            display: none
        }

.formValue em {
    font-style: normal
}

.k-upload {
    display: inline-block;
    border: 0
}

.modal-dialog .k-upload {
    display: block;
}

.k-dropzone .k-upload-status {
    line-height: 15px;
}

.k-upload-button, .k-upload-button span {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

    .k-upload-button + em + .k-upload-status {
        top: 57px;
    }

.valueWidIco {
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    width: 80%;
    text-overflow: ellipsis;
}

    .valueWidIco + a {
        margin: 0 5px;
        display: inline-block
    }

.k-dropzone em {
    display: none;
}

.km-input input {
    background: #fff !important;
}

.k-state-disabled {
    opacity: 1 !important;
}

.form-control[disabled], .form-control[readonly] {
    -webkit-opacity: 1 !important;
    opacity: 1 !important
}

.eqaulList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .eqaulList li {
        width: 23%;
        margin: 0 1% 15px;
        position: relative;
    }

        .eqaulList li img {
            width: 100%;
            height: 130px;
        }

        .eqaulList li video {
            position: relative;
            z-index: 1
        }

        .eqaulList li label {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 18px;
            height: 18px;
            display: block;
            z-index: 2;
            background: white;
        }

        .eqaulList li input[type="checkbox"] {
            display: none;
        }

            .eqaulList li input[type="checkbox"] + span {
                background: url(../CPContent/checkbox-media.png) 0 0 no-repeat;
                width: 18px;
                height: 18px;
                display: block
            }

            .eqaulList li input[type="checkbox"]:checked + span {
                background-position: 0 bottom;
            }

.popMediaImg {
    text-align: center;
}

    .popMediaImg img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important
    }

.popMediaImgOuter {
    padding: 24px 10px 10px !important;
    position: relative;
}

    .popMediaImgOuter .close {
        position: absolute;
        right: 5px;
        top: 0;
    }

.k-icon.k-i-arrow-s {
    background: none !important;
    position: relative;
}

    .k-icon.k-i-arrow-s:after {
        content: '\f107';
        font-family: FontAwesome, sans-serif;
        position: absolute;
        right: 0;
        bottom: 6px;
        font-size: 20px;
    }

.marginTop3 {
    margin-top: 5px !important;
}

.promoHead, .promoPriceTxt {
    background: #ECECEC;
    padding: 0 15px;
    border-bottom: #CFCED2 1px solid;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.promoPriceTxt {
    margin: 10px 15px 0 0
}

.promoImageOut {
    margin: 10px 0 0 15px
}

.promoImageOut {
    position: relative;
    overflow: hidden;
    height: 300px;
}

    .promoImageOut img {
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -9999px;
        bottom: -9999px;
        margin: auto;
        max-width: 100%;
        height: auto;
    }

.promoContent {
    padding: 15px;
}

.overFlowHid {
    overflow: hidden;
}

.fa-info-circle {
    cursor: pointer;
    position: relative;
    z-index: 2
}

.infoIcoSet .fa-info-circle {
    margin-top: 6px;
}

#wtbgi {
    margin-right: -25px !important
}

.contactImg { /*background: url(../CPContent/contact-banner.jpg) 0 bottom no-repeat;*/
    background-size: cover;
    margin-top: -15px;
    height: 155px;
    margin-bottom: 30px;
}

.requestImg {
    background: url(../Content/serve-banner.jpg) 0 bottom no-repeat;
    background-size: cover;
    margin-top: -15px;
    height: 155px;
    margin-bottom: 30px;
}

.uploadImg {
    height: 146px;
    width: 146px;
    border: 3px solid #9e9e9e;
    background-color: #efefef;
    border-radius: 3px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    bottom: -35px;
}

    .uploadImg img {
        height: 100%;
        max-width: 100%;
    }

    .uploadImg label {
        position: absolute;
        right: 0;
        top: 0;
        width: 28px;
        height: 28px;
        overflow: hidden;
        color: #fff;
        background-color: #c8c7cc;
        cursor: pointer;
        padding-left: 2px;
    }

    .uploadImg .fa {
        line-height: 25px;
        font-size: 20px;
    }

    .uploadImg .uploadImgInput {
        visibility: hidden;
    }

.garageDist {
    width: 90px;
    margin-top: -11px;
    float: right
}

.promoPriceInner {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px
}

.searchFilter {
    margin: 0 -15px;
    border-bottom: 1px solid #c8c7cc;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

    .searchFilter .filterBtn {
        line-height: 38px;
        position: absolute;
        top: 0;
        right: 0
    }

        .searchFilter .filterBtn .fa {
            line-height: 38px;
            font-size: 16px;
        }

    .searchFilter .form-control {
        border-bottom: 0;
        border: 1px solid #d9d9d9;
        margin-bottom: 15px;
        padding-right: 70px !important;
        border-radius: 26px
    }

.fbLikeBtn {
    background-color: #4560B1 !important;
    color: #fff !important;
    text-transform: capitalize
}

    .fbLikeBtn .fa {
        line-height: 22px;
        color: #fff;
        font-size: 14px;
        margin-right: 4px;
    }
/*New Design CSS*/
/*Wrapper*/
/*.headerBlock{background-color:#fff !important}*/
.containt-sub-head {
    color: #000;
}

.tile-background {
    background-color: #f4f4f4 !important;
}

.tile {
    border-radius: 0;
}

.tile-container.fcMaintenance {
    margin-left: -10px;
    margin-right: -10px; /*padding-bottom: 4px;*/
}

.fcMaintenance .tile {
    border-color: #edf1f1 !important; /*background-color: #fff;*/
    -moz-box-shadow: 0 0 5px #e7e7e7;
    -webkit-box-shadow: 0 0 5px #e7e7e7;
    box-shadow: 0 0 5px #e7e7e7;
    border-radius: 10px;
}

.tile .car-title {
    font-size: 18px; /*text-transform: uppercase;*/
}

.caption {
    font-size: 13px;
}
/*.caption strong { font-size: 15px; color: #060606; }*/
.tile {
    height: 220px;
}

    .tile .car-icon {
        width: 100%;
        margin: 15px 0;
        height: 90px;
    }

    .tile .license-cnt {
        width: 115px;
        margin: 0 auto;
    }

    .tile .car-icon select.license-bg {
        padding: 0 0 0 34px !important;
    }

select.license-bg {
    color: #000 !important;
}
/*Last updated Bar*/
.pageTitleBar .license-cnt {
    margin-bottom: 7px;
    margin-top: 7px;
}

.pageTitleBar .date-km-block {
    line-height: 15px;
    margin: 7px 0
}
/*Main Menu*/
.mainNav .ddNav {
    right: -22px;
    top: auto;
    bottom: 56px;
}

.mainNav > a {
    text-align: center
}

    .mainNav > a > i {
        line-height: 32px;
        display: block;
    }

    .mainNav > a > span {
        display: block;
    }
/*.plusMenu .ddNav {bottom: 56px; left:-22px;}*/
.ddNav {
    position: fixed !important;
    left: -100% !important;
    top: 0 !important;
    bottom: 0 !important;
    display: block !important;
    transition: 300ms all;
    max-height: none !important;
    z-index: 9999
}

    .ddNav.active {
        left: 0 !important;
        height: calc(100% - 78px);
    }
/*Footer*/
#footer {
    padding: 0;
    background-color: #fff !important;
    border-top: 1px solid #edf1f1 !important;
    -moz-box-shadow: -1px -1px 5px #e7e7e7;
    -webkit-box-shadow: -1px -1px 5px #e7e7e7;
    box-shadow: -1px -1px 5px #e7e7e7;
}

.footerNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.relative {
    position: relative;
}

.footerNav li {
    position: relative;
    padding: 10px 0 8px;
}

.footerNav .menuIco { /*SVG*/
    height: 30px;
    width: 30px;
    /*display: inline-block;*/
    margin: 0 auto 5px;
    display: block;
}

.menuLink .relative {
    display: block;
    margin: 0 auto;
    width: 30px;
}

.footerNav .menuLink {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    display: block
}

.footerNav .menuTitle {
    display: block;
}

.notiAlert { /*#a40505*/
    background-color: #ee4406;
    color: #fff;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: block;
    font-size: 12px;
    line-height: 23px;
    position: absolute;
    top: -5px;
    right: -9px;
}

    .notiAlert.shoppingAlert {
        right: -11px;
    }

a.shopping .notiAlert {
    right: -19px;
}

a.notification .notiAlert {
    right: -11px;
}
/*Search list*/
.noBorder {
    border: none
}

.sprite {
    background-image: url(../CPContent/sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.searchFilter .filterBtn {
    box-shadow: none;
    min-width: inherit
}

.searchList {
    text-align: center
}

    .searchList li {
        padding: 10px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top
    }

    .searchList a {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 5px;
        display: block;
        text-align: center;
        height: 150px;
        width: 150px;
        font-size: 14px;
        margin: 0 auto
    }

        .searchList a span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 28px;
            vertical-align: middle;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    .searchList .sprite {
        height: 60px;
        width: 60px;
        margin: 25px auto 10px
    }

    .searchList .icon {
        height: 60px;
        width: 60px;
        margin: 25px auto 10px
    }

.populair {
    background-position: center 0
}

.jobIco_1 {
    background-position: center -69px
}

.jobIco_8 {
    background-position: center -136px
}

.jobIco_9 {
    background-position: center -205px
}

.jobIco_6 {
    background-position: center -267px
}

.jobIco_3 {
    background-position: center -329px
}

.jobIco_7 {
    background-position: center -396px
}

.jobIco_10 {
    background-position: center -462px
}

.jobIco_5 {
    background-position: center -523px
}

.jobIco_11 {
    background-position: center -587px
}

.jobIco_2 {
    background-position: center -657px
}

.jobIco_4 {
    background-position: center -720px
}
/*Search inner List*/
.searchInnerItem {
    display: block;
    float: left;
    width: calc(100% - 90px);
}

    .searchInnerItem .eclipse {
        height: 30px;
        line-height: 30px;
    }

html .searchInnerList li {
    border-color: #dbdbdb
}

.searchInnerList .more {
    width: 30px;
    text-align: center
}

.searchInnerList i {
    text-align: center;
    float: none;
    margin: 0 auto
}

.searchInnerList .fa-close, .searchInnerList .fa-close, .searchInnerList .fa-check, .searchInnerList .fa-minus, .searchInnerList .moreArrow .fa-ban {
    font-size: 20px
}

.fa-window-minimize {
    content: '\f2d1'
}

.searchInnerList .moreArrow .fa-close, .searchInnerList .moreArrow .fa-ban {
    color: #dc364a;
}

.searchInnerList .moreArrow .fa-check {
    color: #37b9af;
}

.searchInnerList .moreArrow .fa-minus {
    color: #d3cc3d;
}
/*Search Result Details*/
.searchDetailsSelect {
    background-color: #f4f4f4;
    margin-top: -15px;
    padding: 10px 0 0;
}

    .searchDetailsSelect:after {
        bottom: 11px;
    }

    .searchDetailsSelect select {
        border-bottom-color: #dedde2
    }

.searchDetailList {
    margin: 0 -15px;
}

    .searchDetailList > li {
        border-bottom: 1px solid #dbdbdb;
        padding: 15px
    }

        .searchDetailList > li > h3 {
            padding-bottom: 0;
            font-size: 16px;
            line-height: 22px;
        }

            .searchDetailList > li > h3 span {
                display: block;
                font-size: 14px
            }

.searchDetails {
    position: relative;
}

    .searchDetails h3 {
        padding-bottom: 0;
        font-size: 14px;
        line-height: 20px
    }

    .searchDetails h4 {
        font-size: 14px;
        padding-bottom: 10px
    }

.slideInfo p, .slideInfo ul {
    color: #000;
    font-size: 13px;
}

.slideInfo li {
    list-style: inside decimal
}

.detailBtn {
    text-align: right;
}

    .detailBtn.changeIt {
        position: inherit; /*margin-top: 20px;*/
        text-align: right
    }

.list-accordion .svg-color {
    position: relative;
    transition: 300ms all;
}

.open .list-accordion .svg-color {
    transform: rotate(90deg);
}

.list-accordion .inactive, .open .list-accordion .active {
    display: none;
}

.open .list-accordion .inactive {
    display: block;
}

.greyBtn {
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
    background-color: #d9d9d9;
    color: #000;
    border-radius: 26px;
    min-width: 100px;
    text-align: center
}

.searchDetails input[type="button"], .searchDetails a {
    text-transform: inherit;
    margin-left: 15px;
    box-shadow: none;
    line-height: 34px;
}

.slideInfo {
    display: none
}
/*Banden Search*/
.bandenSearch a {
    width: 200px;
}

.newTires {
    background-position: center -788px;
}

.uitlijnen {
    background-position: center -869px;
}

.bandenwissel {
    background-position: center -944px;
}

.wielwissel {
    background-position: center -1019px;
}

.bandenSearchList .searchInnerItem {
    width: calc(100% - 30px)
}
/*Grey Head*/
.greyHead {
    background-color: #f4f4f4;
    padding: 15px;
    margin: 0 -15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.greyBtmBorder {
    border-bottom: 1px solid #dedde2
}
/*Tire Type*/
.mrgTM15 {
    margin-top: -15px
}

.mrgTM20 {
    margin-top: -20px
}

.mrgTM10 {
    margin-top: -10px
}

.tyreType {
    text-align: center
}

    .tyreType li {
        list-style: none;
        display: inline-block;
        padding: 20px 13px 30px;
        vertical-align: middle;
    }

    .tyreType label {
        display: block;
        padding: 15px 30px;
        border: 1px solid #d9d9d9;
        cursor: pointer;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        text-transform: uppercase;
        border-radius: 10px;
        -webkit-transition: 300ms linear;
        -o-transition: 300ms linear;
        transition: 300ms linear;
    }

    .tyreType input {
        display: none
    }

    .tyreType .seasonIcon {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .tyreType .season svg {
        fill: none;
    }

    .tyreType input[type="radio"] + label {
        color: #000
    }
/*.season svg{fill:none !important}*/
/*Type Position*/
.tyrePosition label {
    padding: 12px 15px;
    text-transform: inherit
}

.tyrePosition .seasonIcon svg {
    stroke: none;
    height: 40px;
}
/*On Off Switch*/
.toggleSwitch .onoffswitch {
    float: right;
    margin-right: 0
}

.toggleSwitch .searchInnerItem {
    width: calc(100% - 64px);
}

    .toggleSwitch .searchInnerItem .fa {
        line-height: 30px;
        font-size: 18px
    }

    .toggleSwitch .searchInnerItem a {
        margin-left: 5px;
    }
/*Shopping Cart*/
.shoppingCart .searchDetailsSelect {
    background-color: #fff
}

html .cartItems li {
    border-color: #dedde2
}

.itemType p {
    float: left;
    font-size: 16px;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-bottom: 0;
    text-overflow: ellipsis;
    width: calc(100% - 120px);
}

.itemRight {
    float: right;
    font-size: 16px;
    line-height: 22px;
}

.itemPrice {
    display: inline-block;
    vertical-align: middle
}

.itemRemove {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 22px;
    margin-left: 8px;
    color: #000
}

.cartItems .totalItems {
    padding: 24px 15px
}

.totalItems .itemPrice {
    margin-right: 36px;
}

.estimateHours p {
    float: none;
    width: 100%;
}

.estimateHours .itemType {
    padding: 12px 0
}
/*Two Btns*/
.twoBtns a {
    margin: 0 10px
}
/*Hstory Tab*/
.mediaBtn {
    position: absolute;
    top: -10px;
    right: 0
}

    .mediaBtn input {
        box-shadow: none;
        line-height: 34px;
        margin-left: 15px;
        text-transform: inherit;
    }
/*Extra Services*/
.switchLeft {
    float: left;
    width: calc(100% - 65px);
}

.switchRight {
    float: right;
    margin-right: 0;
    margin-top: 6px
}
/*Pick up - return*/
.singleSwitchtext {
    line-height: 36px !important;
    padding-top: 15px !important;
    background-color: #F4F4F4
}
/*Common Classes*/
.mrg0 {
    margin: 0 !important
}

.padTB10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.errorMsg {
    padding: 30px 0
}

.greyText {
    color: #888
}

.padB10 {
    padding-bottom: 10px
}

.padB20 {
    padding-bottom: 20px
}

.disBlock {
    display: block !important
}

.noBorder {
    border: 0 !important
}

.redColor {
    color: #dc364a
}

.darkText {
    color: #252525
}

.font18 {
    font-size: 18px;
    line-height: 30px
}

.checkBoxListCont .font18 {
    font-size: 18px;
    line-height: 20px
}

.lightGreen {
    color: #37b9af
}

.avgColor {
    color: #d3cc3d;
}
/*Tire Storage*/
.tireStorageImg {
    background-color: #f4f4f4;
    border: 1px solid #828282;
    float: left;
    padding: 20px;
    width: 225px;
}

.tireStorageDetail {
    float: left;
    padding-left: 20px;
    width: calc(100% - 225px);
}

.tireTitle {
    color: #888;
}

.tireStorageImg img {
    max-width: 100%
}
/*Error MSg with Image*/
.errorWithImage {
    padding-top: 0
}

.errorImg > img {
    height: auto;
    width: 100%;
}

.productTyreList h4 {
    padding-bottom: 0;
    padding-top: 10px;
    font-size: 16px;
    line-height: 24px;
}

.productTyreList .seasonIcon svg {
    height: 25px;
    width: 25px;
}

.tyreSeason label, .productTyreList .seasonIcon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.productTyreList p {
    padding-bottom: 10px;
    color: #9d9ca3
}

.tyreGrades {
    padding: 5px 0
}

    .tyreGrades > span {
        position: relative;
    }
    /*.tyreGrades > span:last-child:after { display: none }
.tyreGrades > span:after { content: ''; position: absolute; top: 0; right: -5px; width: 1px; height: 20px; background-color: #ededed }*/
    .tyreGrades span {
        display: inline-block;
        vertical-align: middle;
    }

    .tyreGrades .grade {
        padding: 2px 5px;
        color: #fff;
        border-radius: 2px;
        margin: 0 4px;
    }

    .tyreGrades svg {
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }

.gradeA {
    background-color: #33A357
}

.gradeB {
    background-color: #79B752
}

.gradeC {
    background-color: #C3D545
}

.gradeD {
    background-color: #FFF12C
}

.gradeE {
    background-color: #EDB731
}

.gradeF {
    background-color: #D66F2C
}

.gradeG {
    background-color: #CC232A
}
.gradeFA {
    background-color: #03953f
}

.gradeFB {
    background-color: #5aac28
}

.gradeFC {
    background-color: #cace04
}

.gradeFD {
    background-color: #feb805
}

.gradeFE {
    background-color: #e30219
}

.gradeCA {
    background-color: #005ca9
}

.gradeCB {
    background-color: #017ac4
}

.gradeCC {
    background-color: #56a7dc
}

.gradeCD {
    background-color: #87c2ec
}

.gradeCE {
    background-color: #bce5fb
}
.tyreGrades .noiseEm {
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    background-color: #777777;
    font-size: 12px;
}
/*Calander*/
html .xdsoft_datetimepicker {
    padding: 0;
    border: 0;
    box-shadow: none;
    position: static !important;
    display: block !important;
    height: auto !important;
}

.xdsoft_timepicker, .xdsoft_datetimepicker .blue-gradient-button {
    display: none !important;
}

html .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100% !important;
    margin-left: 0;
    float: none;
    height: auto !important
}

html .xdsoft_datetimepicker .xdsoft_calendar {
    height: 260px !important;
}

html .xdsoft_datetimepicker .xdsoft_monthpicker {
    text-align: center;
    margin-bottom: 5px;
}

html .xdsoft_datetimepicker .xdsoft_month, html .xdsoft_datetimepicker .xdsoft_year {
    text-align: center;
    display: inline-block;
    float: none;
    width: auto
}

html .xdsoft_datetimepicker .xdsoft_calendar td > div, html .xdsoft_datetimepicker .xdsoft_calendar td > a {
    padding-right: 0;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    width: 35px;
    display: block;
    color: #000
}

html .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, html .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, html .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, html .xdsoft_datetimepicker .xdsoft_calendar td:hover, html .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: transparent !important
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: transparent !important;
    border: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    height: auto !important
}
/*Menu User pic*/

.menuUser {
    width: 40%;
    float: left;
}

.userPic {
    border-radius: 50%;
    height: 150px;
    margin: 0;
    overflow: hidden;
    width: 150px;
    position: relative;
    border: 5px solid #eaf6f5;
    background-color: #fff;
}

    .userPic img {
        width: 100%;
        height: 100%;
    }

.userName {
    padding: 10px 0 15px;
    text-align: center;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px
}

.menuLicence .license-cnt {
    background-image: none;
    width: 200px;
    margin: 0 auto 50px;
}

.menuLicence .license-bg {
    background: url("../CPContent/nl-license.jpg") no-repeat;
    border: 0 none;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 50px !important;
    position: relative;
    font-size: 28px;
    background-size: 20%;
}
/*Custom Radio*/
.manualRadio {
    margin-top: 6px;
}

    .manualRadio input {
        height: 20px;
        width: 20px;
        margin-right: 10px;
    }
/*banden product list*/
.bandenInfo {
    float: left;
}

.bandenImg {
    float: right;
    height: 40px;
    margin-bottom: 10px;
}

    .bandenImg img {
        height: 100%;
        width: auto;
        max-width: 140px
    }

.cartItems .totalItems.totalItemsNew {
    padding: 12px 15px;
    background-color: #f4f4f4 !important
}

.calandar {
    position: relative;
    width: 70px;
    height: 76px;
    margin: 0 auto;
}
    /*.calandar img{ position:absolute; left:0; top:0;}*/
    .calandar span {
        font-size: 30px;
        color: #ff0000;
        position: absolute;
        top: 32px;
        left: 10px;
        width: 50px;
        text-align: center;
    }

    .calandar.big {
        width: 80px;
        height: 96px;
    }

        .calandar.big span {
            width: 60px;
            line-height: 26px;
            top: 64%;
            transform: translateY(-50%);
        }

            .calandar.big span strong {
                color: #000;
                font-size: 20px;
            }

        .calandar.big .notifyAlert {
            background-color: #ff0000;
            color: #fff;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: block;
            font-size: 16px;
            line-height: 30px;
            position: absolute;
            top: 15px;
            right: -15px;
            left: auto;
        }

.ddNavTop {
    background: #1a6e6f;
    padding: 50px 30px;
    position: relative;
}

.ddNavLinks {
    padding: 0;
}

.closeNav {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ddNav li:nth-child(even) {
    background: #e2f7f6;
}

.ddNav li a {
    padding: 5px 20px;
    font-size: 16px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
}
/*.ddNav li:hover { background: #bcd8d7; }*/
.mileage-text {
    font-size: 40px;
    color: #fff;
    position: relative;
    line-height: normal;
}

.userDetails {
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    float: right
}

    .userDetails p {
        margin: 0 0 15px;
        padding: 0;
    }

    .userDetails .uName {
        font-size: 20px;
    }

.gauge {
    position: relative;
}

    .gauge svg {
        left: -15px !important;
        top: -30px !important;
        width: 185px;
        height: 120px;
    }

#owl-demo03 .item img, #owl-demo04 .item img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.landingBanner {
    position: relative;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.landBannerCon1 p {
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    text-shadow: rgba(0,0,0,0.7) 1px 1px 0;
    margin: 0;
}

    .landBannerCon1 p span {
        display: block;
        font-size: 20px;
        color: #3daca5;
        line-height: 24px;
    }

.landBannerCon1 a {
    background: #41B6AD;
    line-height: 32px;
    padding: 30px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin: -30px 0;
    display: inline-block;
}

.loginPage {
    padding: 43px 0 !important;
}

.loginBtn {
    margin: 15px 0 0
}

    .loginBtn a {
        line-height: 32px;
        padding: 10px;
        color: #000;
        font-size: 22px;
        text-align: center;
        display: block;
        max-width: 400px;
        margin: 0 auto
    }

.loginDetails {
    padding: 20px;
    margin-top: 40px;
    color: #000;
    font-size: 16px;
    text-align: center;
}

    .loginDetails a {
        text-decoration: underline;
    }

.landBannerCon1 {
    position: relative;
}

.bannerTextBg {
    padding: 15px 0;
    margin-bottom: 2px;
    background: transparent;
}

.landingBanner {
    background: #002627;
}

.loginDetails {
    font-size: 20px;
}
.loginLogoWrap {
    font-size: 20px;
}

.maxWidth448 {
    max-width: 448px;
    margin: 70px auto 0;
    padding: 20px 0;
}

.widgetWrap {
    max-width: 448px;
    padding: 15px 20px;
    margin: 0 auto;
}

    .widgetWrap.signUp {
        width: 100%;
        padding: 0;
    }

.greenButton {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background: #41b6ad;
    line-height: 76px;
    text-align: center;
    border: 0;
    color: #fff;
    font-size: 30px;
    width: 100%;
    max-width: 278px;
    margin-top: 18px;
}

    .greenButton.marNone {
        margin: 0
    }

.signForm label {
    display: block;
    padding-bottom: 12px;
}

    .signForm label:first-child {
        padding-bottom: 7px;
    }

    .signForm label:last-child {
        padding-bottom: 0
    }

.signForm input[type="text"] {
    text-align: left;
    color: #0f5f5e;
    border: 0;
    border-bottom: #c8c7cc 1px solid;
    padding: 10px 0;
    font-size: 15px;
    line-height: 16px;
    display: block;
    width: 100%;
    background: none;
}

    .signForm input[type="text"].lPlate {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        appearance: none;
        -border-radius: 0;
        background: #f2bc04 url(../CPContent/l-plate.jpg) 0 0 no-repeat;
        height: 44px;
        font-style: normal;
        padding: 0 50px;
        border: 0;
        color: #333;
        font-size: 20px;
        text-transform: uppercase;
    }

.signForm .textLink {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}

    .signForm .textLink a {
        color: #0f5f5e;
        text-decoration: none;
        font-size: 15px;
        line-height: 25px;
    }

.text-center {
    text-align: center
}

.text-left {
    text-align: left !important;
}

.greenButton.okBtn {
    margin-top: 80px;
}

.landingPage .signHead {
    display: none;
}

.greenButton.okBtn {
    margin-top: 36px;
}

.greenButton {
    max-width: 100%;
    font-size: 15px;
    line-height: 44px;
    height: 44px;
}

    .greenButton.greenButtonColor {
        background: #d6cd28;
        color: #000000;
    }

.signForm input[type="text"].lPlate, .signForm input[type="text"] {
    text-align: center;
    font-size: 16px;
}

.footerNav li.active:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #156466;
    height: 2px;
}

.checkTerms {
    padding: 0 55px;
}

.bannerTextBg p {
    padding-bottom: 0;
}

.bannerTextBg {
    padding: 30px 0;
}

.fixedheader1 {
    padding-top: 378px !important;
}

.fixedheader2 {
    padding-top: 87px !important;
}

.fixedheader3 {
    padding-top: 150px !important;
}

.fixedheader4 {
    padding-top: 278px !important;
}

.pageFilterBar {
    background: #f4f4f4;
    position: fixed;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 8px 0;
}

    .pageFilterBar.OuterPage {
        top: 81px;
    }

.leftNumberPlate {
    float: left;
}

.rightFiltetrBtn {
    float: right;
}

    .rightFiltetrBtn input[type="button"] {
        background: #d6cd28;
        text-align: center;
        padding: 8px 10px;
        border: 0;
        color: #000;
        width: 100%;
        min-width: 80px;
        box-shadow: 1px 1px 5px #999;
    }

.iconImage {
    text-align: center;
    margin-bottom: 15px;
    padding-top: 10px;
}

.descriptionText {
    text-align: center;
    padding-bottom: 30px;
    font-size: 17px;
}

.detailsBack {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background: #0f5f5e !important;
    z-index: 10;
}

    .detailsBack .pageTitleBar {
        top: 0;
        position: relative;
    }

.detailsProfile {
    position: fixed;
    top: 44px;
    width: 100%;
    left: 0;
    z-index: 11;
}

    .detailsProfile.incidentSolution {
        color: #fff;
        position: inherit
    }

.detailsUpdate {
    position: fixed;
    top: 318px;
    width: 100%;
    left: 0;
    background: #ddd;
    z-index: 12;
    padding: 21px 15px;
}

.updateText {
    font-size: 20px;
    color: #000;
}

.textLeft {
    text-align: left;
}

.detailsUpdate .container {
    padding: 0;
}

.blueText {
    color: #0f5f5e !important;
}

.imageBar {
    background: #1a6e6f;
    height: 100px;
    margin-bottom: 70px;
    position: relative;
}

.imageOnBar {
    width: 110px;
    background: #efefef;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 30px;
    border: 2px solid #9e9e9e;
}

.padTop {
    padding-top: 35px !important;
}

.garageNameAddressBar #pgNavigate {
    font-size: 16px
}

.garageNameAddressBar #pgAddress {
    font-size: 12px
}

.control-label b {
    color: #000
}

.well.km-input.mileageMeter {
    margin: 0 auto !important;
    position: relative
}

.mileageMeter input {
    max-width: 31px
}

.setFilterBar {
    margin-top: -19px;
    background: #CCC;
    padding: 15px;
    margin-bottom: 15px;
}

    .setFilterBar .uploadImg {
        bottom: inherit;
        margin-right: 10px;
        float: left
    }

.container.padT30 {
    padding-top: 35px !important
}

.detailsProfile.incidentSolution.padT30 {
    padding-top: 35px !important
}

.tab01.padT30 {
    padding-top: 30px
}

.pageTitleBar h2 {
    text-transform: uppercase
}

.editMileage {
    position: relative;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
}

    .editMileage svg {
        width: auto;
        height: 20px;
        position: absolute;
        left: 50%;
        top: 48%;
        transform: translate(-50%, -50%);
    }

        .editMileage svg path {
            fill: #1A6E6F
        }

.cartGreyHeader {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cartGreyHeaderText {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 5px
}

.cartGreyHeader .rightFiltetrBtn {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.menuLicence.padMarZero {
    padding: 0;
    margin: 0
}

.detailsProfile.incidentSolution.technicalTab1 {
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    margin-bottom: 15px;
    top: -5px
}

.flexslider.userPic {
    overflow: visible
}

    .flexslider.userPic .flex-viewport {
        overflow: hidden;
        border-radius: 50%
    }

.thumbSlider .userPic .flex-control-nav {
    top: 116%;
}

.userPic .slides li {
    height: 140px !important; /*width: 140px !important*/
}

    .userPic .slides li img {
        height: 100% !important;
        width: 100% !important;
        border-radius: 50%;
        overflow: hidden
    }

.ddNavTop.driverProfileHeader {
    background: none;
    padding-bottom: 0px
}

.rightFiltetrBtn p.rightFilterText {
    padding: 6px 0 0 0;
    float: right;
    font-weight: 600
}

.AutostatusTypes p {
    padding: 0 5px 0 0;
    float: left
}

.row.contentPad {
    padding: 15px 40px 0 15px;
    width: 100%
}

.belowLicenseText {
    width: 200px;
    margin: 0 auto 50px;
}

.calandar.big span.calenderText {
    width: 60px;
    line-height: 22px;
    font-size: 30px;
    top: 39px;
    left: 10px;
}

    .calandar.big span.calenderText strong {
        color: #000;
        font-size: 20px;
    }

.infoError {
    margin: 0 auto 15px;
    height: 100px;
    width: 100px;
    position: relative
}
    /*border:2px solid #efefef; background-color:#fff;*/
    .infoError svg {
        height: 50px;
        width: auto;
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 45%;
    }
/*.car-icon .calandar.cal2 span{line-height:26px;}*/
#container.withNP, .headerblock.withNP {
    padding-top: 54px !important;
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.inlineBlock {
    display: inline-block
}

.well.km-input.mileageMeter {
    margin-right: 10px !important;
}

.menuLicence {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

    .menuLicence p:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important
    }
/*.menuLicence {width: 60%; float: left; padding-left: 20px; }*/


.ddNavTop .menuLicence .license-cnt {
    margin-bottom: 5px;
    width: 243px;
    margin-right: 0;
}

.verMiddle {
    vertical-align: middle
}

.mrgR15 {
    margin-right: 15px;
}

.mrgB5 {
    margin-bottom: 5px
}

.p-5 {
    padding: 5px;
}

.detailsProfile .userDetails {
    margin-top: 40px;
}

.ddNav {
    overflow: auto
}

.uploadUserImg {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    height: 35px;
    width: 35px;
    background: rgba(255,255,255,0.90);
    border-radius: 50%;
    padding: 7px 0 0 8px;
}

    .uploadUserImg path {
        fill: #333
    }

.menuLicence .license-cnt .license-bg {
    background-size: 17%;
    background-position: left center;
}

#launcher {
    display: none !important;
    z-index: 0 !important;
}

.detailsProfile .menuLicence {
    padding: 15px 15px 0 0 !important;
    margin: 0 !important;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    width: calc(100% - 210px)
}

.detailsProfile .userDetails {
    margin: 0 !important;
}

    .detailsProfile .userDetails p {
        padding: 0 0 15px 0 !important;
        margin: 0 !important;
    }

        .detailsProfile .userDetails p:last-child {
            padding-bottom: 0 !important
        }

.driverProfileHeader .menuUser {
    width: 150px;
}

.driverProfileHeader .menuLicence {
    width: calc(100% - 190px);
    float: right;
    transform: none;
    position: static;
}

.greyHead.technicalFirstGrey {
    margin-top: -20px
}

.technicalTab1 .userDetails {
    padding-right: 6px;
    float: none
}

.updateImageText {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center;
    font-weight: bold;
}

.tyreGrades span:first-child {
    margin-left: 0;
}

.checkBoxList li.disabled div, .checkBoxList li.disabled span.infocur, .checkBoxList li.disabled .pname, .checkBoxList li.disabled .pdate {
    opacity: 0.5
}

.m-t-15 {
    margin-top: -15px;
}

.edit-icon {
    position: absolute;
    top: -10px;
    right: 0;
}

.license-cnt1 {
    background: #f2bc04;
    border-radius: 5px;
    overflow: hidden
}

.tile .license-cnt1 {
    max-width: 140px;
    margin: 0 auto
}

.license-bg1, .license-bg1_nl-NL, .license-bg1_en-US {
    border: 0px;
    height: 30px;
    line-height: 30px !important;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 30px;
    padding: 0 5px 0 33px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    color: #000 !important;
    text-align: center;
}

.license-bg1_1, .license-bg1_en-GB {
    border: 0px;
    height: 30px;
    line-height: 30px !important;
    background: url(../CPContent/nl-license_1.jpg) left -4px no-repeat;
    background-size: 30px;
    padding: 0 5px 0 35px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    color: #000 !important;
    text-align: center
}

.uploadImg1 {
    height: 146px;
    width: 146px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    bottom: -35px;
}

.pageFilterBar1 {
    background: #CCC;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 8px 0;
    text-transform: uppercase;
    color: #000;
}

.container.padT50 {
    padding-top: 50px !important
}

.userDetails .uLPName {
    font-size: 20px;
}

.userDetails .uLPName {
    font-size: 16px;
}

.userDetails .uLPName {
    font-size: 14px;
}

.generalPad {
    padding: 6px 15px;
}

.ddNavcolorNone {
    background-color: transparent !important;
}

    .ddNavcolorNone p {
        color: #000;
    }

.clickHereText {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.contactIcon {
    padding: 30px 30px 20px 30px;
    text-align: center;
}

.svgHeight {
    height: 90px;
    width: 90px;
}

.titleText {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
}

.textCapital {
    text-transform: uppercase;
}

.ddNavTopList {
    padding: 5px 14px;
    position: relative;
}

.pageFilterBarList {
    background: #f4f4f4;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 6px 0;
}

.gragLpAndText {
    float: left;
    width: calc(100% - 70px);
    line-height: 2px;
}

.textBold {
    font-weight: bold;
    text-transform: uppercase;
}

.textLineHieght-2 {
    line-height: 28px
}

select.license-tooSmall {
    border: 0px;
    height: 17px;
    line-height: 31px;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 19px;
    padding: 0 9px 0 26px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
}

.license-tooSmall1 {
    border: 0px;
    height: 27px;
    line-height: 31px;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 25px;
    padding: 4px 9px 0 27px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    color: #000 !important;
}

.padTop5 {
    padding-top: 5px;
}

.textFont18 {
    font-weight: bold;
    font-size: 18px;
    padding-top: 8px;
}

.lpnextTotext {
    width: 100px;
    float: left;
    margin: 5px 0 0 10px;
}

.shopLabel {
    color: #000 !important;
}

.carDetailtext {
    padding: 3px 0 22px;
    line-height: 15px;
}

.cartItemCenter {
    width: 63%;
    float: left;
}

.cartPricePad12 {
    padding-top: 12px;
}

.line-height20 {
    line-height: 20px;
}

.uploadImg1 {
    height: 146px;
    width: 146px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    bottom: -35px;
}

.searchDetailListborderNone > li {
    border-bottom: none;
}

.searchDetailListborder {
    border-bottom: 1px solid #dbdbdb !important;
}

.titleTextFB {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}

.extraPad {
    padding-top: 6px;
}

.mileageKm {
    font-size: 24px;
    color: #fff;
    padding-top: 10px;
}

.container.padT20 {
    padding-top: 20px;
}

.font24 {
    font-size: 24px;
    line-height: 34px;
}

.font22 {
    font-size: 22px;
}

.lh18 {
    line-height: 18px !important;
}

.pad30 {
    padding: 30px
}

#uploadedFileURL .k-upload-button {
    margin-top: 0
}

#uploadedFileURL .k-upload {
    display: block
}
/*#partialcontainer .ddNavTop { background-color:transparent}
#partialcontainer .mileageKm {color:#000}*/


.closeNav {
    display: none !important
}

.noBG .ddNavTop {
    background-color: transparent
}

.noBG .mileageKm {
    color: #000
}

.blankHeader {
    min-height: 43px;
}

.font16 {
    font-size: 16px;
    line-height: 18px;
}

.userPic a {
    display: block;
    overflow: hidden;
    border-radius: 50%;
    height: 100%;
}

.pageFilterBarList .rightFiltetrBtn.selectArrrow:after {
    right: 0;
    bottom: 5px;
}

.curve_chart2 svg > rect {
    fill: transparent;
}

.infoIconNew {
    top: 3px
}

.padT15 {
    padding-top: 15px;
}

.width50 {
    width: 50%
}

.width60 {
    width: 60%
}

.width70 {
    width: 70%
}

.svgHeight20 {
    height: 20px;
    width: 20px;
}

.eclipse {
    white-space: nowrap;
}

.lh22 {
    line-height: 22px;
}

.calandar.xLarge {
    height: auto;
    width: auto;
}

    .calandar.xLarge span {
        top: 63%;
        left: 50%;
        width: auto;
        transform: translate(-50%, -50%);
        line-height: 20px;
    }

    .calandar.xLarge strong {
        color: #000;
        font-size: 20px;
    }

.resPad > .searchList {
    margin: 0;
    padding-bottom: 15px;
}

.smInput input, .smInput .k-numeric-wrap .form-control {
    height: 28px !important;
    padding: 5px !important;
    border: none !important;
    text-align: right
}

.smInput .k-numeric-wrap {
    padding: 0 !important
}

.smInput .form-control.k-widget {
    height: 28px !important;
    border: none !important
}

.kIconRight .k-select {
    text-align: right
}

.notiCount {
    position: absolute;
    right: -8px;
    top: -8px;
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #E31818;
    z-index: 0;
    border: 1px solid #E31818;
}

.padR15 {
    padding-right: 15px;
}

.mediaImage {
    width: 100%;
    height: 250px;
}

.imageView {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 0 0 10px #000;
    z-index: 1;
    font-size: 24px;
}

.flexCol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.col3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 4px 8px;
}

.padB0 {
    padding-bottom: 0
}
/* Service Search page 7-3-2017*/
.jobIco_12 {
    background-position: center -1232px
}

.jobIco_13 {
    background-position: center -1098px
}

.jobIco_14 {
    background-position: center -1165px
}
/* Service shopping basket page 9-3-2017*/
.product-search {
    margin-bottom: 15px;
}

.product-head {
    padding: 5px;
}

.product-details {
    padding: 10px 5px;
}

    .product-details .greyBtn {
        line-height: 40px;
    }

.product-info {
    display: none;
}

/*new font for LP*/
.license-bg1, .license-bg1_en-EN, select.license-bg, .license-tooSmall1, input.licenseInp-bg {
    font-family: 'Kenteken',monospace;
}

.license-bg1, .license-bg1_nl-NL, .license-bg1_en-US, .license-bg1_en-GB {
    font-size: 14px;
    font-family: 'Kenteken',monospace;
}

.menuLicence .license-bg {
    font-size: 24px
}

.license-tooSmall1 {
    font-size: 12px;
    line-height: 18px !important;
}

input.licenseInp-bg {
    font-family: Kenteken,sans-serif;
    font-size: 11px;
}




@media (max-width: 529px) {
    .widgetWrap.signUp {
        padding: 12px 0;
    }
}

@media screen and (max-width:1023px) {
    .landBannerCon1 a, .landBannerCon a {
        line-height: 16px;
        padding: 6px 10px;
        font-size: 16px;
        margin: 0;
        /*margin-top: 0px;*/
        display: block;
        margin-top: 7px;
    }
}

@media screen and (max-width:992px) {
    /*Banden Search*/
    .bandenSearch a {
        width: 240px;
    }
    /*Tyre Position*/
    .tyrePosition {
        padding: 0 50px 18px
    }

        .tyrePosition li {
            padding: 12px 12px 10px
        }

    #owl-demo03 .item img, #owl-demo04 .item img {
        margin-left: auto;
        margin-right: auto
    }

    .landBannerCon1 {
        position: static;
        left: 0;
        width: 100%;
        top: 0;
        margin-top: 0;
    }

        .landBannerCon1 p, .landBannerCon p {
            font-size: 26px;
            line-height: 30px;
        }

            .landBannerCon1 p span {
                display: block;
                font-size: 20px;
                color: #3daca5;
                line-height: 24px;
            }

    .mediaImage {
        height: 150px
    }

    .full-bg {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media screen and (max-width:767px) {
    .mileageMeter input {
        max-width: 20px;
        font-size: 15px;
        height: 25px
    }

    .mileageMeter .txt-bx:after, .mileageMeter .txt-bx:last-child:before {
        background: none !important
    }

    .editMileage {
        width: 32px;
        height: 31px;
        background-size: 26px auto;
    }

        .editMileage svg {
            height: 16px
        }

    .twiceBtn a, .twiceBtn input {
        width: 48%;
        text-align: center
    }

    .singleFullBtn a, .singleFullBtn input, .singleFullBtn button {
        text-align: center
    }

    .twiceBtn a:first-child, .twiceBtn input:first-child {
        margin-right: 2%;
    }

    .twiceBtn .three_btns {
        white-space: nowrap
    }

        .twiceBtn .three_btns a, .twiceBtn .thriceBtn a:first-child {
            margin: 0;
        }

        .twiceBtn .three_btns a {
            width: 32%;
        }

            .twiceBtn .three_btns a:nth-child(2) {
                margin: 0 2%;
            }

    .twicePadNone a {
        padding: 0
    }

    .mrTen {
        margin-top: 10px;
    }

    .thriceBtn a, .thriceBtn input {
        width: 31%;
        text-align: center
    }

    .marminus15 {
        margin: 0;
    }

    .contentNav {
        margin: 0;
    }

        .contentNav li {
            padding: 15px;
        }

    .eqaulList li {
        width: 48%;
    }

    .videoList li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 150px;
    }

    .k-upload {
        display: block;
    }

    .k-upload-button {
        margin: 10px 0 30px;
    }
    /*.content, #divCPDetails {
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}*/
    .k-popup .k-calendar {
        width: 100%;
    }

    .k-popup.k-list-container, .k-popup.k-calendar-container {
        width: 100%;
    }

    .k-animation-container {
        width: 95% !important;
    }

    .promoPriceTxt, .promoImageOut {
        margin: 0
    }

    .garageDist {
        width: auto;
        margin-top: 4px;
        float: none;
        font-weight: bold
    }

    .promoBtn {
        text-align: center
    }
    /*search list*/
    .searchList {
        margin: 0 -5px
    }

        .searchList li {
            padding: 2px
        }

        .searchList a {
            height: 120px;
            width: 120px;
            padding: 2px;
            padding-top: 13px;
        }

        .searchList .sprite {
            height: 40px;
            width: 40px;
            margin: 7px auto 5px;
            background-size: 40px auto
        }

        .searchList .icon {
            height: 40px;
            width: 40px;
            margin: 7px auto 5px;
        }

    .jobIco_1 {
        background-position: center -46px
    }

    .jobIco_8 {
        background-position: center -91px
    }

    .jobIco_9 {
        background-position: center -136px
    }

    .jobIco_6 {
        background-position: center -178px
    }

    .jobIco_3 {
        background-position: center -220px
    }

    .jobIco_7 {
        background-position: center -263px
    }

    .jobIco_10 {
        background-position: center -308px
    }

    .jobIco_5 {
        background-position: center -348px
    }

    .jobIco_11 {
        background-position: center -391px
    }

    .jobIco_2 {
        background-position: center -438px
    }

    .jobIco_4 {
        background-position: center -481px
    }
    /*banden Search*/
    .bandenSearch .sprite {
        background-size: inherit;
        height: 60px;
        margin: 25px auto 10px;
        width: 60px;
    }

    .bandenSearch a {
        width: 100%;
        height: 150px;
    }

    .bandenSearch li {
        padding: 10px;
        width: 49%
    }
    /*Tire Type*/
    .tyreType li {
        padding: 5px 5px 13px;
    }

    .tyreType label {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .tyreType .seasonIcon {
        width: 34px;
        height: 34px;
        margin-right: 8px;
    }
    /*tyre Position*/
    .tyrePosition {
        padding: 0 0 10px;
        max-width: 500px;
        margin: 0 auto
    }

        .tyrePosition li {
            padding: 12px 12px 10px;
        }

        .tyrePosition label {
            padding: 12px 30px;
        }

        .tyrePosition .seasonIcon {
            height: 36px;
            width: 36px;
        }

            .tyrePosition .seasonIcon svg {
                height: 36px;
            }
    /*Two Btns*/
    .twoBtns a:first-child {
        float: left
    }

    .twoBtns a:last-child {
        float: right
    }

    .twoBtns a {
        width: 47%;
        margin: 0
    }
    /*Tire Storage*/
    .tireStorageImg {
        padding: 15px;
        width: 180px;
    }

    .tireStorageDetail {
        width: calc(100% - 180px);
    }

    .gauge svg {
        left: -15px !important;
        top: -30px !important;
        width: 185px;
        height: 120px;
    }

    .landBannerCon1 {
        position: relative;
    }

    .bannerTextBg {
        padding: 15px 0;
        margin-bottom: 2px;
        background: transparent;
    }

    .landingBanner {
        background: #002627;
    }

    .landBannerCon1 p, .landBannerCon p {
        font-size: 18px;
        line-height: 20px;
    }

        .landBannerCon1 p span, .landBannerCon p span {
            font-size: 13px;
            line-height: 16px;
        }

    .landBannerCon1 a, .landBannerCon a {
        line-height: 30px;
        padding: 4px 0 0;
        margin-top: 15px;
        font-size: 14px;
    }

    .loginBtn a {
        line-height: 22px;
        padding: 10px;
        color: #000;
        font-size: 18px;
        text-align: center;
        display: block;
    }

    .loginDetails {
        font-size: 16px;
    }

    .pageFilterBar {
        top: 36px;
        padding: 5px 0;
    }

        .pageFilterBar.OuterPage {
            top: 79px
        }

    .pageTitleBar h2 {
        font-size: 14px;
        line-height: 36px;
    }

    .backPage, .nextPage {
        line-height: 36px;
    }

        .backPage i, .nextPage i {
            font-size: 2em;
            margin-top: 4px;
        }

    .fixedheader3 {
        padding-top: 120px !important;
    }

    .fixedheader4 {
        padding-top: 185px !important;
    }

    .footerNav .menuIco {
        width: 22px;
        height: 24px;
        margin-bottom: 3px;
    }

    .menuLink .relative {
        width: 22px;
    }
    /*.notiAlert { right: -10px; top: 0 }*/
    .footerNav .menuLink {
        font-size: 12px;
    }

    .descriptionText {
        font-size: 14px;
    }

    .detailsBack {
    }

    .detailsProfile {
        top: 36px;
    }

        .detailsProfile.incidentSolution {
            top: 42px;
        }

    .detailsUpdate {
        top: 201px;
        padding: 8px 15px;
    }

    .updateText {
        font-size: 16px;
    }

    .fixedheader1 {
        padding-top: 230px !important;
    }

    .detailsProfile .userDetails {
        margin-top: 13px;
    }

    .userPic {
        width: 100px;
        height: 100px;
    }

    .menuLicence .license-cnt {
        width: 130px;
        margin: 0 auto 20px;
    }

    .belowLicenseText {
        width: 130px;
        margin: 0 auto 20px;
    }

    .menuLicence .license-bg {
        height: 30px;
        font-size: 16px;
        padding: 0 0 0 40px !important;
    }

    .mileage-text {
        font-size: 24px;
        line-height: normal;
    }

    .ddNav.active {
        height: calc(100% - 58px);
    }

    .ddNavTop {
        padding: 30px;
    }

    .fixedheader2 {
        padding-top: 79px !important;
    }

    .setFilterBar {
        margin-top: -27px;
    }

    .container.padT30 {
        padding-top: 30px !important
    }

    .container.padT30 {
        padding-top: 40px
    }

    .detailsProfile.incidentSolution.padT30 {
        padding-top: 30px !important
    }

    .userPic .slides li {
        height: 90px !important; /*width: 90px !important;*/
    }

    .ddNavTop.driverProfileHeader {
        padding-bottom: 0px
    }

    #container.withNP, .headerblock.withNP {
        padding-top: 40px !important;
    }

    .menuLicence .license-cnt {
        margin-bottom: 12px;
    }

    .ddNavTop {
        padding: 15px 25px
    }

    .ddNav li a {
        padding: 10px 30px 10px 15px;
    }

    .userDetails {
        margin-top: 4px
    }

        .userDetails p {
            margin-bottom: 10px
        }

    .driverProfileHeader .userPic {
        height: 150px;
        width: 150px;
    }

    .uploadUserImg {
        bottom: 0;
    }

        .uploadUserImg svg {
            height: 15px;
        }

    .ddNavTop .menuLicence .license-cnt {
        width: 173px;
    }

    .detailsProfile .menuLicence {
        padding: 5px 15px 0 0 !important;
    }

    .detailsProfile .userDetails p {
        padding: 0 0 5px 0 !important;
    }

    .detailsProfile .menuLicence {
        width: calc(100% - 150px)
    }

    .uploadUserImg {
        height: 30px;
        width: 30px;
    }

    .mileageKm {
        font-size: 22px;
        padding-top: 6px
    }

    #wrapper {
        padding-top: 36px
    }

    .pageTitleBar .titleLink {
        line-height: 36px;
    }

    .menuLicence {
        width: calc(100% - 155px);
    }
    /*service list*/
    .jobIco_12 {
        background-position: center -821px
    }

    .jobIco_13 {
        background-position: center -732px
    }

    .jobIco_14 {
        background-position: center -776px
    }
}

@media screen and (max-width:480px) {
    .curve_chart {
        padding: 0 30px 0 50px;
    }

    .select.license-bg {
        padding: 0 15px 0 32px !important;
    }

    .license-cnt {
        background-position: 107% center;
    }

    .notiAlert {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .mediaImage {
        height: 100px
    }
}

@media screen and (max-width:479px) {
    #curve_chart svg {
        margin-left: -46px;
        transform: scale(0.85);
    }

    .slider-range {
        padding: 0 30px 0 15px;
    }

    .contactImg {
        height: 100px;
    }

    .requestImg {
        height: 100px;
    }

    .uploadImg {
        width: 106px;
        height: 106px;
        bottom: -20px;
    }

        .uploadImg label {
            width: 25px;
            height: 25px;
        }

        .uploadImg .fa {
            font-size: 17px;
            line-height: 24px;
        }

    .innerPriceRequest .promoCircle {
        height: 85px;
        width: 85px;
        font-size: 12px;
        line-height: 20px;
    }

        .innerPriceRequest .promoCircle span {
            font-size: 15px;
            line-height: 12px;
        }

        .innerPriceRequest .promoCircle em {
            font-style: normal;
        }
    /*.detailBtn{position:inherit; margin-top:20px; text-align:right}*/
    .searchDetails input[type="button"], .searchDetails a {
        margin-left: 0
    }
    /*banden Search*/
    .bandenSearch .sprite {
        background-size: 40px auto;
        height: 40px;
        margin: 7px auto 5px;
        width: 40px;
    }

    .bandenSearch a {
        height: 100px;
    }

    .newTires {
        background-position: center -525px
    }

    .uitlijnen {
        background-position: center -579px
    }

    .bandenwissel {
        background-position: center -629px
    }

    .wielwissel {
        background-position: center -679px
    }
    /*Tire Type*/
    .tyreType li {
        padding: 0 5px 8px;
    }

    .tyreType label {
        padding: 10px;
        font-size: 13px;
        line-height: 16px;
    }

    .tyreType .seasonIcon {
        width: 28px;
        height: 28px;
        margin-right: 5px;
    }
    /*tyre Position*/
    .tyrePosition {
        padding: 0 0 10px;
        max-width: 500px;
        margin: 0 -5px
    }

        .tyrePosition li {
            padding: 5px 5px 3px;
            width: 49%
        }

        .tyrePosition label {
            padding: 10px 10px 10px 15px;
        }

        .tyrePosition .seasonIcon {
            height: 32px;
            width: 30px;
        }

            .tyrePosition .seasonIcon svg {
                height: 32px;
            }
    /*Tire Storage*/
    .tireStorageImg {
        padding: 10px;
        width: 120px;
    }

    .tireStorageDetail {
        width: calc(100% - 120px);
        padding-left: 15px
    }

    #dvForecastJobsList .checkBoxListCont {
        width: calc(100% - 60px);
        padding-right: 0
    }

        #dvForecastJobsList .checkBoxListCont > span:first-child {
            font-size: 14px;
        }

    #dvForecastJobsList .foreCastPrice {
        font-size: 14px;
        width: 40px;
    }

    .userPic {
        height: 80px;
        width: 80px;
        border-width: 2px;
    }

    .menuLicence .license-cnt {
        margin-bottom: 5px;
    }

    .disBlockIphone {
        display: block
    }

    .garageBtns {
        margin: 0 -5px
    }

        .garageBtns a {
            display: block
        }

    .detailsProfile .menuLicence {
        width: calc(100% - 120px)
    }

    .driverProfileHeader .userPic {
        height: 85px;
        width: 85px;
    }

    .driverProfileHeader .menuUser {
        width: 85px
    }

    .driverProfileHeader .menuLicence {
        width: calc(100% - 95px);
        padding-left: 0
    }

    .userPic .slides li {
        height: 76px !important;
    }

    .shoppingCartButton .form-group {
        padding-bottom: 5px;
    }

    .shoppingCartButton > .clearfix > div {
        padding-left: 0;
        padding-right: 0
    }

    .shoppingCartButton .yellowBtn {
        line-height: 30px;
    }

    .userDetails.shoppingCartButton {
        font-size: 14px
    }

    .menuLicence {
        width: calc(100% - 130px);
    }

    .clickHereText {
        bottom: 5px;
    }

        .updateImageText svg, .clickHereText svg {
            height: 24px;
        }
}

@media screen and (max-width:414px) {
    #dvCategory .searchList a {
        display: inline-block;
        height: 118px;
        width: 118px;
        padding-top: 12px
    }

    .searchList li {
        padding: 3px;
    }

    .tile {
        height: 185px;
        margin-bottom: 10px;
    }

    .ddNav li a {
        background-size: 8%;
        font-size: 16px;
    }

    .userDetails {
        font-size: 14px;
        color: #fff;
        margin-top: 9px;
    }

    .userDetailsList {
        font-size: 14px; /*color: #000;*/
        float: left;
    }

    .userDetails p {
        margin: 0 0 5px;
        padding: 0;
    }

    .userDetails .uName {
        font-size: 16px;
    }

    .gauge svg {
        left: -17px !important;
        top: -20px !important;
        width: 155px;
        height: 100px;
    }

    .checkTerms {
        padding: 0 15px;
    }

    .ddNavTop, .pad30 {
        padding: 15px
    }

    .menuUser {
        width: auto
    }

    .menuLicence {
        width: calc(100% - 105px);
        padding-left: 15px;
    }

    .detailsProfile .userDetails {
        margin-top: 15px;
    }

    .tile-container.row [class*=col-] {
        padding-left: 5px;
        padding-right: 5px;
    }
    /*#myAuto .car-icon{height:75px}*/
    .detailsProfile .menuLicence {
        width: calc(100% - 108px)
    }

    .menuLicence {
        right: 15px
    }

    .mileageKm {
        font-size: 18px;
    }

    .iconImage svg {
        height: 70px;
    }

    .calandar.xLarge span {
        line-height: 16px;
        font-size: 20px;
    }

    .calandar.xLarge strong {
        font-size: 15px;
    }

    .mediaImage {
        height: 70px
    }

    .imageView {
        font-size: 18px;
    }
}

@media screen and (max-width:375px) {
    .curve_chart {
        position: relative;
        padding: 0 30px;
    }

    .tile-background .tile h1 {
        font-size: 14px;
    }

    .tile {
        min-height: 100px;
        min-width: 87px;
    }

    .tile-background .tile {
        padding-top: 16px;
    }

        .tile-background .tile h1 {
            line-height: 26px;
        }
    /*Tire Type*/
    .tyreType {
        margin: 0 -5px
    }

        .tyreType li {
            padding: 0 0 8px;
        }

        .tyreType label {
            padding: 10px 7px;
            font-size: 11px;
            line-height: 14px;
        }

        .tyreType .seasonIcon {
            width: 25px;
            height: 25px;
            margin-right: 3px;
        }
    /*Tire Position*/
    .tyrePosition {
        padding: 0 0 10px;
    }

        .tyrePosition li {
            padding: 5px 0px 3px;
            width: 49%
        }

        .tyrePosition .seasonIcon {
            height: 28px;
            width: 28px;
        }

        .tyrePosition label {
            padding: 10px 5px
        }

        .tyrePosition .seasonIcon svg {
            height: 28px;
        }

    #dvCategory .searchList li {
        padding: 2px 0;
        width: 32%;
        text-align: center;
    }

        #dvCategory .searchList li:nth-child(3n+3) {
            text-align: right
        }

        #dvCategory .searchList li:nth-child(3n+1) {
            text-align: left
        }

    #dvCategory .searchList a {
        height: 108px;
        width: 108px;
        padding-top: 8px
    }

    .tile .car-icon {
        height: 60px;
        margin: 15px 0;
    }

    .tile {
        height: 160px;
        margin-bottom: 10px;
    }

    .car-icon svg {
        width: auto;
        height: 60px;
    }

    .calandar span {
        font-size: 16px;
        left: 20px;
        top: 23px;
    }

    .calandar.big {
        height: 60px;
    }

        .calandar.big span {
            line-height: 16px;
            width: 40px;
        }

            .calandar.big span strong {
                font-size: 12px;
                line-height: 12px;
            }

    #wrapper {
        padding: 36px 0;
    }
    /*.caption { font-size: 12px; }*/

    .calandar.big .notifyAlert {
        top: 5px;
        right: 4px;
        left: auto;
        width: 17px;
        height: 17px;
        line-height: 17px;
        font-size: 13px;
    }

    .gauge svg {
        left: -15px !important;
        top: -30px !important;
        width: 100%;
        height: 82px;
    }

    .checkTerms {
        padding: 0 15px;
    }

    .gauge.gauge-big {
        font-size: 60px !important;
        margin-top: 0;
    }

    .setFilterBar {
        margin-top: -19px;
    }

    #myAuto .car-icon {
        height: 60px
    }

    .resPad {
        padding: 0 15px
    }
}

@media screen and (max-width:360px) {
    .mainNav > a > i {
        font-size: 20px;
    }

    .tile-background {
        padding: 0 15px 10px;
    }
    /*.tile-container { margin-bottom: 10px; }*/
    .yellowBtn, .darkBtn, .redBtn, .greenBtn {
        padding: 0 15px;
    }

    .containt-sub-head {
        padding: 8px 0;
    }

    .tile {
        min-height: 86px;
        min-width: 87px;
    }

    .car-icon svg {
        width: 100%;
    }

    .tile-background .tile {
        padding-top: 16px;
    }

        .tile-background .tile h1 {
            line-height: 26px;
        }

    .ico-true {
        left: 10px;
        top: 5px;
    }
    /*.footerNav li a.fooPlus { font-size: 30px; line-height: 30px; }*/
    .footerNav li a.fooAlert {
        line-height: 28px;
        width: 28px;
        height: 28px;
    }

    .slider-section .flexslider img {
        width: 54px;
        height: 54px;
    }

    .slider-section .panel-body {
        min-height: 66px;
    }

    .date-km-block {
        font-size: 13px;
    }

    .slider-section .flexslider p.promoCircle {
        height: 55px;
        width: 55px;
        font-size: 14px;
    }
    /*banden Search*/
    .bandenSearch li {
        padding: 0;
    }

    #dvCategory .searchList a {
        height: 90px;
        width: 90px;
        padding-top: 2px
    }

    .searchList a {
        font-size: 13px;
        line-height: 14px;
    }
    /*.caption strong { font-size: 12px; }*/
    .tile .car-icon {
        height: 40px;
        margin: 15px 0;
    }

    .tile {
        height: 130px;
        margin-bottom: 10px;
    }

    .car-icon svg {
        width: auto;
        height: 40px;
    }

    .calandar span {
        font-size: 12px;
        left: 25px;
        top: 14px;
    }

    .calandar.big span {
        line-height: 12px;
        width: 30px;
    }

        .calandar.big span strong {
            font-size: 10px;
            line-height: 10px;
        }

    #wrapper {
        padding: 36px 0;
    }
    /*.caption { font-size: 10px; }*/
    /*.caption strong { font-size: 11px; }*/
    .calandar.big .notifyAlert {
        top: 5px;
        right: 15px;
        left: auto;
        width: 11px;
        height: 11px;
        line-height: 11px;
        font-size: 10px;
    }

    .ddNav li a {
        background-size: 7%;
        font-size: 14px;
    }

    .userDetails {
        font-size: 12px;
        color: #fff;
        margin-top: 15px;
    }

        .userDetails p {
            margin: 0;
            padding: 0;
        }

        .userDetails .uName {
            font-size: 14px;
        }

    .gauge svg {
        left: -25px !important;
        top: -38px !important;
        width: 135px;
        height: 82px;
    }

    .checkTerms {
        padding: 0;
    }

    .gauge.gauge-big {
        font-size: 46px !important;
    }

    .userDetails {
        margin-top: 10px;
    }

    .calandar.big {
        height: 40px;
    }

    .detailsProfile .userDetails {
        margin-top: 18px;
    }

    #myAuto .car-icon {
        height: 40px
    }

    .mediaImage {
        height: 50px
    }

    body .selGrageImg {
        height: 60px;
        width: 60px;
    }

    .selGrageDisc {
        height: 60px;
    }
}

.generalPad {
    padding: 6px 15px;
}

.ddNavcolorNone {
    background-color: transparent !important;
}

    .ddNavcolorNone p {
        color: #000;
    }

.contactIcon {
    padding: 30px 30px 20px 30px;
    text-align: center;
}

.svgHeight {
    height: 90px;
    width: 90px;
}

.titleText {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
}

.textCapital {
    text-transform: uppercase;
}

.ddNavTopList {
    padding: 5px 14px;
    position: relative;
}

.pageFilterBarList {
    background: #f4f4f4;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 6px 0;
}

.gragLpAndText {
    float: left;
    width: 80%;
    line-height: 2px;
}

.textBold {
    font-weight: bold;
    text-transform: uppercase;
}

.textLineHieght-2 {
    line-height: 28px
}

select.license-tooSmall {
    border: 0px;
    height: 17px;
    line-height: 31px;
    background: url(../CPContent/nl-license.jpg) left -4px no-repeat;
    background-size: 19px;
    padding: 0 9px 0 26px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
}

.padTop5 {
    padding-top: 5px;
}

.textFont18 {
    font-weight: bold;
    font-size: 18px;
    padding-top: 8px;
}

.lpnextTotext {
    width: 100px;
    float: left;
    margin: 5px 0 0 10px;
}

.shopLabel {
    color: #000 !important;
}

.carDetailtext {
    padding: 3px 0 22px;
    line-height: 5px;
}

.cartItemCenter {
    width: 63%;
    float: left;
}

.cartPricePad12 {
    padding-top: 12px;
}

.line-height20 {
    line-height: 20px;
}

.uploadImg1 {
    height: 146px;
    width: 146px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    bottom: -35px;
}

.searchDetailListborderNone > li {
    border-bottom: none;
}

.searchDetailListborder {
    border-bottom: 1px solid #dbdbdb !important;
}

.autoStatusHeight {
    height: 25px;
}

.bandenForm-group {
    padding: 0 5px 0px 0px;
    margin: 12px 0px;
    position: relative;
}

.padTopList li:first-child {
    padding-top: 15px;
}

.marRight {
    margin-right: 10px;
}

.marLeft0 {
    margin-left: 0;
}

.padRight18 {
    padding-right: 18px;
}

.estimatedPriceIcon {
    position: absolute;
    top: -3px;
}

.techHeader {
    margin: 5px 20px 10px 10px;
}

.noMarR#gridpopupgaragedetail {
    margin: 0;
}

.width100 {
    width: 100%;
}

.verSuper {
    vertical-align: super
}

.noPager .k-pager-sizes {
    display: none;
}

.k-pager-wrap .k-icon {
    font-family: sans-serif;
}

.html-editor ul, .html-editor ol {
    margin: 0 0 10px 20px;
}

    .html-editor ul li {
        list-style: disc
    }

    .html-editor ol li {
        list-style: decimal
    }

/*****************************************************/
/*************** New Design 25-7-2018 ****************/
/*****************************************************/
/** New Bootstrap Classes **/
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.d-block {
    display: block !important
}

.d-none {
    display: none !important
}

.d-inline-block {
    display: inline-block
}
/*.new-design #headerdiv,.new-design #footerdiv {display:none !important;}*/
.new-design #wrapper {
    padding: 0 !important
}

.new-design, .new-design .ddNav {
    background: #f8f8f8;
    font-size: 18px;
}
/*.new-design a,.new-design label{color:#44414f;}*/
.bg-white {
    background-color: #fff !important;
}

.bg-light-gray {
    background-color: #f8f8f8
}

/*.main-content:before{content: '';position: fixed;left: 0;right: 0;z-index: -1;top: 0;bottom: 0;}
.main-content.bg-white:before{background: #fff;}
.main-content.bg-light-gray:before{background: #f8f8f8;}*/

/*body .bg-light-gray{background-color:#f8f8f8 !important}*/
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; /*width:100%;*/
    height: 80px;
    background: #f8f8f8;
    z-index: 4; /*padding: 0 20px;*/
}

.ddNav .top-bar {
    left: -100%;
    right: auto;
}

.ddNav.active .top-bar {
    left: 0;
    right: 0
}

.top-bar-inner {
    height: 80px;
    max-width: 1140px;
    margin: 0 auto !important;
    padding: 0 20px;
    width: 100%;
}

.top-bar.container {
    margin: 0 auto !important
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100px;
    z-index: 3;
    padding: 0 20px;
    margin: 0 auto !important;
    max-width: 1140px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.47) 29%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.8) 65%, rgba(255,255,255,0.8) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.47) 29%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.8) 65%,rgba(255,255,255,0.8) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.47) 29%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.8) 65%,rgba(255,255,255,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
}

.main-content {
    position: relative;
    overflow: auto;
    padding: 20px; /*min-height: 100vh;*/
    height: 100%;
    z-index: 1
}

    .main-content.has-button {
        padding-bottom: 100px;
    }

    .main-content.has-two-button {
        padding-bottom: 180px;
    }

    .main-content.has-popup {
        padding-top: 80px;
    }

    .main-content.has-topbar {
        padding-top: 100px;
    }

    .main-content.has-topbar-big {
        margin-top: 135px;
    }

    .main-content.has-button-link {
        padding-bottom: 156px;
    }

    .main-content.has-bg {
        background: url(../Content/page-car-bg.svg) 0 75% no-repeat;
        background-size: 100% auto;
        background-attachment: fixed
    }

    .main-content.has-copyright {
        padding-bottom: 70px;
    }

        .main-content.has-copyright .bottom-bar {
            min-height: 70px;
        }

.shadow-type-1 {
    box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.1);
    transition: box-shadow linear 300ms
}

.shadow-type-2 {
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2)
}

.border-radius {
    border-radius: 10px;
}

.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.border-top {
    border-top-width: 1px;
    border-top-style: solid
}

.border-gray {
    border-color: #e5e5e5
}

.border {
    border-style: solid;
    border-width: 1px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.lh26 {
    line-height: 26px;
}

.pb-5 {
    padding-bottom: 5px !important
}

.p-20 {
    padding: 20px;
}

.p-10 {
    padding: 10px;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pt-8 {
    padding-top: 8px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-50 {
    padding-right: 50px
}

.pr-5 {
    padding-right: 5px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.width-100 {
    width: 100%;
}

.z-in {
    z-index: 99;
}

.font12 {
    font-size: 12px;
    line-height: 18px;
}

.font13 {
    font-size: 13px;
    line-height: 18px;
}

.font14 {
    font-size: 14px;
    line-height: 20px;
}

.font15 {
    font-size: 15px;
    line-height: 20px;
}

.font17 {
    font-size: 17px;
    line-height: 25px;
}

.font18 {
    font-size: 18px;
    line-height: 25px;
}

.font20 {
    font-size: 20px !important;
}

.font26 {
    font-size: 26px;
    line-height: 30px;
}

.font28 {
    font-size: 28px;
    line-height: 32px;
}

.font30 {
    font-size: 30px;
    line-height: 40px;
}

.font34 {
    font-size: 34px;
}

.font42 {
    font-size: 42px;
    line-height: 50px;
}

.font45 {
    font-size: 45px;
    line-height: 45px;
}

.text-dark {
    color: #44414f !important
}

.text-gdark {
    color: #333 !important
}

.gray-text {
    color: #9d9ca3 !important
}

.mb-80 {
    margin-bottom: 80px;
}

.text-black {
    color: #000 !important
}

.text-white {
    color: #fff !important
}

.line-height26 {
    line-height: 26px !important;
}

.line-height28 {
    line-height: 28px !important;
}

.line-height24 {
    line-height: 24px !important;
}

.line-height22 {
    line-height: 22px !important;
}

.line-height30 {
    line-height: 30px !important;
}

.page-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
    display: block
}

.page-title-sub {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.page-title-subset {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px;
}

.word-break {
    word-break: break-all;
}

.flow-hidden {
    overflow: hidden
}
/* Buttons - Link */
.back-button {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 6px 2px rgba(0,0,0,0.1);
}

.plus-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 6px 2px rgba(0,0,0,0.1);
}

.action-button, .action-button:active, .cancel-button, .cancel-button:active {
    min-width: 100px;
    text-align: center;
    box-shadow: 7px 7px 12px 0px rgb(0 0 0 / 20%);
    font-size: 18px;
    border: 0;
}

.action-button, .cancel-button {
    height: 50px;
    padding: 5px 50px;
}

    .action-button:disabled, .cancel-button:disabled {
        background: #e5e5e5;
        color: #cccccc !important;
        box-shadow: none;
    }

.gallery-button {
    background: #fff;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 3px 6px 2px rgba(0,0,0,0.1);
    padding: 0 15px
}

.info-btn {
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
}

    .info-btn svg {
        height: 20px;
        width: 20px;
    }

.btn-sm {
    height: 40px;
    border-radius: 20px;
}

.btn-md {
    height: 50px;
    border-radius: 25px;
}

.new-design .link {
    text-decoration: underline;
    color: #9d9ca3;
    cursor: pointer;
}

.light-btn, .dark-btn {
    padding: 5px 20px;
    min-height: 65px;
}
/*.fixed-close {position:fixed; top:20px; right:20px; z-index:10}*/
.yellowBtn, .greenBtn, .loginForm input[type="submit"].signBtn, .loginForm input[type="button"].signBtn {
    min-width: 100px;
    text-align: center;
    max-width: 400px;
    border-radius: 24px;
}

.text-underline {
    text-decoration: underline !important
}
/** New Design Menu **/
.new-menu {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    overflow: auto;
    padding: 50px 0;
    background: #fff;
}

    .new-menu a {
        text-decoration: underline;
        padding: 10px;
        display: block;
        font-size: 20px;
    }
/** Custom Select **/
.select-fancy {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

    .select-fancy, .select-fancy > * {
        cursor: pointer;
    }

        .select-fancy select {
            outline: 0;
            font-size: 18px;
            line-height: 35px;
            padding: 0 25px 0 0;
            width: 100%;
            height: 42px;
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            user-select: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: transparent;
            border: none;
        }

.border.select-fancy select {
    padding-left: 10px;
    height: 40px;
    line-height: 33px;
    color: #44414f
}

.select-fancy:after {
    content: '';
    width: 11px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 15px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.top-bar .select-fancy {
    max-width: 120px;
}

.number-plate {
    font-family: Kenteken,sans-serif;
    font-weight: normal
}

    .number-plate select {
        font-size: 16px;
        width: 100px;
    }

/** Image BLock **/
.less-space-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

    .less-space-row > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

.image-block > div {
    margin-bottom: 15px;
}

.image-delete, .image-upload {
    height: 106px;
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 1;
    border: 1px solid #efefef;
    background: #fff;
}

    .image-delete img {
        max-width: none;
        height: 150%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.image-upload {
    border: 2px dashed #e5e5e5;
    background: none
}

    .image-upload input {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        height: 100%;
        width: 100%
    }

.delete-button {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 6px 2px rgba(0,0,0,0.1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 20px;
}

.image-upload .fa-plus {
    position: absolute;
    top: -7px;
    right: -10px;
    font-size: 14px;
}

.delete-button.static {
    position: inherit;
    transform: none;
}

.check-button {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/** Top Search **/
.top-search {
    border: none;
    height: 40px;
    width: 100%;
    padding: 5px 15px 6px;
}

.search-result li:first-child {
    border-top: 1px solid #e5e5e5
}

td .search-result li:first-child {
    border-top: none;
}

.search-result li {
    border-bottom: 1px solid #e5e5e5
}

    .search-result li.disabled {
        opacity: 0.4
    }

.search-result a {
    padding: 15px 0;
}

.search-result-img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 15px;
}

    .search-result-img img {
        max-width: none;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #f8f8f8
    }

.k-pager-sizes, .k-pager-refresh {
    display: none !important
}
/** Common Search **/
.common-search {
    width: 100% !important;
}

body input.common-search {
    border: none !important;
    height: 60px !important;
    font-size: 22px !important;
    padding: 10px 15px 10px 0 !important;
    box-sizing: border-box;
}

    body input.common-search.sm {
        height: 42px !important;
        font-size: 18px !important;
        padding: 10px 10px 10px 0 !important
    }

.km-label {
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    background: #d0d0d3;
    color: #fff;
}
/** input Styles **/
.new-design ::-webkit-input-placeholder {
    color: #44414f !important;
}

.new-design ::-moz-placeholder {
    color: #44414f !important;
}

.new-design :-ms-input-placeholder {
    color: #44414f !important;
}

.new-design :-moz-placeholder {
    color: #44414f !important;
}

body.new-design .form-control {
    margin: 0;
    width: 100%;
    border: 1px solid #e5e5e5 !important;
    background-color: transparent;
    height: 42px !important;
    font-size: 18px;
    padding: 8px 10px 12px 10px !important;
    border-radius: 3px;
    font-family: Conv_GothamNarrow-Book_0, sans-serif;
}
body.new-design.ako-body .form-control {
    font-family: open_sansregular, sans-serif;
}
    body.new-design .form-control .form-control {
        border: 0 !important;
        height: 22px !important;
        padding: 0 !important;
        font-size: 18px !important;
    }

body.new-design textarea.form-control {
    height: 215px !important;
}

body.new-design .custom-select {
    margin: 0;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
    height: 42px;
    font-size: 18px;
    padding: 8px 10px !important;
    border-radius: 3px;
}

body.new-design .form-control[disabled], body.new-design .form-control[readonly] {
    -webkit-text-fill-color: #afafaf;
    color: #afafaf;
    border: 1px solid #e5e5e5 !important
}
/** Bullet List **/
.bullet-list li {
    padding-left: 22px;
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: 14px 12px;
}

.highlight {
    color: #ee4406
}

.bullet-list li.highlight {
    background-image: url(../CPContent/bullet-icon.svg)
}

.bullet-list li.inactive {
    background: none !important;
    color: #E0DFE1
}
/** Custom Check box **/
.check-container, .radio-container {
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #44414f
}

.check-container {
    padding-left: 40px;
    min-height: 26px;
}

/* minaxi */

#regionSelector {
    position: absolute;
    top: 15px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    left: 9px;
    appearance: none;
    background: transparent url(../Content/white-arrow.png) no-repeat 46px 10px;
    width: 62px;
    padding: 14px 0 0 9px;
    background-size:12px;
}
    #regionSelector option {
        color: #fff;
        background: #0471b2;
    }
    #regionSelector:focus {
        outline: 0;
        border: 0;
    }
    .ako-footer-logo {
        position: absolute;
        bottom: 0;
        margin: auto;
        left: auto;
        right: auto;
        text-align: center;
        width: 100%;
    }
.scroll-to-bottom {
    flex-direction: column-reverse;
    display: flex;
}

.chat-img li {
    width: 200px;
}

    .chat-img li img {
        border: 1px solid #ccc;
        border-radius: 5px;
    }

.image-div {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #f3f3f3;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}

.image-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.image-div img {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 15px;
}

body.new-design .form-control {
    border-radius: 5px;
}

.action-btn-chat {
    padding: 5px 0px !important;
    width: 40px;
    height: 40px;
    /*min-width: 50px;*/
    border-radius: 50% !important;
    min-width: 40px;
}

    .action-button, .action-btn-chat.action-button:active {
        min-width: 40px;
    }

body.new-design textarea.message-textarea {
    max-height: 100px !important;
    border-radius: 20px;
    height: auto !important;
}

.coversation-height {
    height: calc(100vh - 137px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.coversation-height-none {
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
}
/*Form Wizard*/
.pb-100 {
    padding-bottom: 100px !important;
}

.editing-buttons li {
    color: #3b4a59;
    text-align: left;
    font-size: 14px;
    list-style-type: none;
    position: relative;
    padding: 0px 0 5px 20px;
    line-height: 24px;
}

    .editing-buttons li:after {
        position: absolute;
        left: 0;
        top: -1px;
        content: "\2022";
        width: 5px;
        height: 5px;
        font-size: 24px;
    }

.num-notification {
    height: 24px;
    width: 24px;
    display: inline-block;
    background: #333;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin-left: 10px;
}

.app-main-con {
    height: 100vh;
    overflow: hidden;
}

.app-scroll {
    height: calc(100vh - 425px);
    overflow: auto;
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
        width: 20%
    }

.bs-wizard-step.disabled img {
    display: none;
}

.bs-wizard-step.complete img {
    display: none;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    top: 65%;
    left: 54%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
    width: 40px;
    height: 40px;
    top: 40%;
    left: 40%;
    text-align: center;
    padding-top: 8px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    /*content: ' ';*/
    width: 14px;
    height: 14px;
    background: #fbbd19;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 5px;
    box-shadow: none;
    margin: 20px 0;
    background-color: #c9c9c9;
}

    .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
        width: 0px;
        box-shadow: none;
    }

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #c9c9c9;
}

    .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
        opacity: 0;
    }

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.policytype-drop .form-control.k-dropdown {
    padding-top: 14px !important
}

.policytype-drop .k-dropdown-wrap.k-state-focused {
    color: #333;
}

.policytype-drop .k-state-selected {
    color: #333;
}

.policytype-drop .k-dropdown .k-state-focused .k-input {
    color: #333;
}

.policytype-drop .k-list > .k-state-focused.k-state-selected {
    box-shadow: none !important;
}

.policytype-drop .k-list > .k-state-focused {
    color: #000 !important
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #000 !important
}

.policytype-drop .k-list > .k-state-selected {
    color: #333
}

.overflow-inh {
    overflow: inherit !important
}

.cp-multiseelct {
    background: #f8f8f8;
    padding: 0;
}

    .cp-multiseelct .multiselect-container > li > a > label {
        color: #000000;
        font-size: 20px;
        font-weight: 600;
    }

    .cp-multiseelct .multiselect-container.dropdown-menu {
        border: 1px solid rgb(92, 143, 208);
        border-radius: 0;
        width: max-content;
        width: 100%;
        padding-top: 7px;
        max-height: 200px;
        overflow-y: scroll;
    }

    .cp-multiseelct .btn-group {
        width: 100%
    }

    .cp-multiseelct .multiselect {
        /*background: #F0F1F9 url(../Content/wo-down-arrrow.png) 96% center no-repeat !important;*/
        border-radius: 50px;
        width: 140px !important;
        color: #000000;
        font-size: 20px;
        border: 0;
        height: 42px;
        text-transform: capitalize;
        padding-right: 30px;
        text-align: left;
    }

    .cp-multiseelct .multiselect-container > li > a > label {
        padding: 3px 20px 3px 12px
    }

    .cp-multiseelct .multiselect:focus {
        box-shadow: none;
    }

    .cp-multiseelct.wo-multiselect-fil .btn-group {
        width: 100%;
    }

        .cp-multiseelct.wo-multiselect-fil .btn-group .multiselect {
            width: 100% !important;
            text-align: left;
        }

    .cp-multiseelct .dropdown-toggle::after {
        content: none
    }

.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}

    .checkbox-custom + .checkbox-custom-label:before {
        content: '';
        background: #f4f4f4;
        border-radius: 5px;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        padding: 2px;
        margin: -2px 1px 2px 0px;
        text-align: center;
    }

    .checkbox-custom:checked + .checkbox-custom-label:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 13px;
        border: solid #e5352c;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        border-radius: 0px;
        margin: -2px 6px 6px 5px;
    }

.tq-msg p {
    padding-bottom: 0;
}

.br-5 {
    border-radius: 5px;
}

.break-all td {
    word-break: break-all !important;
}
/* code input */
/* code input */
#partitioned, #inputOTP {
    padding-left: 15px;
    letter-spacing: 2.3rem;
    border: 0;
    background-image: linear-gradient(to left, #02e89d 80%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 2px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 350px;
    min-width: 280px;
    background-color: #fff;
    font-size: 20px;
    padding-bottom: 7px;
    color: transparent;
    text-shadow: 0px 0px 0px #000000;
}

    #inputOTP:focus {
        outline: 0;
    }

#divInner {
    left: 0;
    position: sticky;
}

#divOuter {
    width: 280px;
    margin: 0 auto;
    overflow: hidden;
}

/** * Extracted from: SweetAlert * Modified by: Istiak Tridip */
.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #02e89d;
        background: #fff;
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: '';
            height: 100px;
            position: absolute; /*background: #f8f8f8;*/
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: #02e89d;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                /*animation: icon-line-tip 0.75s;*/
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(76, 175, 80, .5);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 22px;
            width: 5px;
            left: 45px;
            z-index: 1;
            height: 41px;
            position: absolute;
            transform: rotate(45deg);
            background-color: #27cc76;
            border-radius: 2px;
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.white-space-no {
    white-space: nowrap !important;
}

.more-info-col .collapse:not(.show) {
    display: none !important;
}

.tyre-se-input ::-webkit-input-placeholder {
    color: #44414f !important;
    opacity: 0.4;
    font-size: 18px;
}

.tyre-se-input ::-moz-placeholder {
    color: #44414f !important;
    opacity: 0.5;
    font-size: 18px;
}

.tyre-se-input :-ms-input-placeholder {
    color: #44414f !important;
    opacity: 0.5;
    font-size: 18px;
}

.tyre-se-input :-moz-placeholder {
    color: #44414f !important;
    opacity: 0.5;
    font-size: 18px;
}

.tyre-se-input .top-search {
    padding-top: 9px;
    color: #44414f !important;
    opacity: 0.5;
    font-size: 18px;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background-color: #f4f4f4 !important;
    color: #080808;
    font-size: 16px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.1);
    padding: 5px 0;
}

    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
        padding: 7px 10px !important;
        cursor: pointer;
    }

        .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li:hover {
            background: #dcdcdc;
        }
/* for fancy box*/
#CaptchaDiv #CaptchaText {
    background-image: url(/CPContent/DynamicColorImages/2/refresh-red.svg) !important;
    height: 55px !important;
    border: 0 !important;
    padding-left: 50px !important;
    /*cartant;*/
}

.p-0 {
    padding: 0 !important;
}

.my-30 {
    margin: 30px 0;
}

.fancybox-container .fancybox-bg {
    background: #000;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1 !important
}

.fancybox-container .fancybox-navigation .fancybox-button {
    opacity: 1;
    visibility: visible;
}

.fancybox-container .fancybox-button {
    background: transparent
}

.fancybox-container .fancybox-navigation .fancybox-button {
    top: calc(95% - 50px);
    color: #fff;
    padding: 10px !important;
}

.fancybox-container .fancybox-caption, .fancybox-container .fancybox-infobar, .fancybox-container .fancybox-navigation .fancybox-button, .fancybox-container .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
}

.fancybox-container .fancybox-infobar, .fancybox-container .fancybox-button--play, .fancybox-container .fancybox-button--zoom, .fancybox-container .fancybox-button--thumbs {
    display: none !important;
}

/* cp splash screen */
.login-backbtn {
    position: fixed;
    z-index: 99;
    left: 0px;
    top: 20px;
    right: 0
}
.text-body {
    color: #212529 !important;
}
.f-normal {
    font-weight: normal;
}

.nw-bg-red {
    background: #e54c51;
}

.bg-select {
    background: #f8f8f8 !important;
}

.nw-bg-orange {
    background: #f09d14;
}

.car-cir {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.car-cir1 {
    left: 35px;
    top: 10px;
}

.car-cir2 {
    right: 0;
    top: 75px;
}

.car-cir3 {
    left: 17px;
    bottom: 70px;
}

.splash-bg {
    overflow: hidden;
    width: 100%;
    margin: 0px;
    position: absolute;
    bottom: 0;
    height: 55%;
}

.splash-header {
    padding: 80px 0 70px 0;
}
/* we don't want the pseudo-elements sticking out */
.splash-bg svg {
    display: block;
}

.splash-car-img {
    position: relative;
    left: -10px;
    z-index: 99;
}

.text:first-child {
    text-align: right;
}

.text:nth-child(2) {
    text-align: left;
}

.column {
    display: inline-block;
    vertical-align: top;
}

.color {
    background: #02e89d;
}
.gmu-bg {
    background: #2c5c4c;
}


.splash-main .splash-header {
    padding-bottom: 315px
}

.splash-main .splash-car-img {
    top: -297px;
    margin-bottom: -193px;
}

.splash-main .splash-footer {
    margin-top: -100px !important;
}

.splash-main .splash-bg {
    overflow: inherit;
}
/* GMU theme */
.loginForm-gmu .action-button, .loginform-gmu .action-button {
    border-radius: 16px !important
}
.loginform-gmu .action-button, .loginform-gmu .action-button:active, .loginform-gmu .cancel-button, .loginform-gmu .cancel-button:active {
    border-radius: 16px;
}
.gmu-body .action-button, .gmu-body .action-button:active, .gmu-body .cancel-button, .gmu-body .cancel-button:active {
    border-radius: 16px;
}
.loginForm-gmu .check-container .check-mark:after {
    background-image: url(/CPContent/DynamicColorImages/7/bullet-icon.svg);
}
.gmu-body .modal-footer .yellowBtn {
    border-radius: 6px !important;
}
.onoffswitch-inner:before {
    background-color: #2c5c4c;
    color: #2c5c4c;
}


/* AKO theme */
.color-ako {
    background: #002637;
}
#bigHalfCircleako path {
    fill: #002637;
    stroke: #002637;
}
/* Big half circle */
#bigHalfCircle path {
    fill: #02e89d;
    stroke: #02e89d;
}
/* Media Queries for the layout */
@media screen and (max-width: 68em) {
    section {
        font-size: 80%;
    }
}

@media screen and (max-width: 54em) {
    .column {
        display: block;
        width: 100% !important;
    }
}

.loginForm input[type="text"] {
    background-image: url(/CPContent/DynamicColorImages/1/user-icon.svg);
}

.fancybox-image, .fancybox-spaceball {
    padding: 0 5px !important
}

.carcheck-media li a {
    width: 100%;
    height: 92px;
}

    .carcheck-media li a img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        /*height: auto;*/
    }

.bg-nw-gray {
    background: #d8d8d8;
}

.border-nw-gray {
    border: 1px solid #979797
}

.lh1 {
    line-height: 1;
}

.btn-blue {
    background: #4a90e2 !important;
    color: #fff !important;
}

    .btn-blue span {
        color: #fff !important;
    }

.red-item {
    background: #d0021b;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -15px;
    padding: 0px 5px;
}

.link-blue {
    color: #4a90e2 !important;
}

.fill-red {
    fill: #e5352c !important;
}

.fill-red {
    fill: #e5352c !important;
}

.carcheck-two-ig > .mediaImageList > li {
    width: auto; /*20%*/
    padding: 0 10px 0 0;
}

.carcheck-one-ig > .mediaImageList > li {
    width: auto;
    padding: 0 10px 0 0;
}

.carcheck-one-ig .carcheck-media li a {
    height: 130px;
}

/* cp radio button */
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 22px;
            height: 22px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 14px;
            height: 14px;
            background: #4a90e2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

/* select box*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 47px;
            height: 47px;
            background: #d8d8d8;
        }

    .styled-checkbox:hover + label:before {
        background: #44414f;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #44414f;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 16px;
        width: 16px;
        height: 30px;
        border: solid #02e89d;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }

.btn-lh-3 button {
    line-height: 2.3
}

.remove-b-arrow #MileagePerYear {
    background: none;
}

.cursor {
    cursor: pointer;
}

.lowercase {
    text-transform: lowercase !important;
}

.mediaImageList {
    margin: 0;
    padding: 0;
}

    .mediaImageList li {
        position: relative;
        display: block;
        float: left;
        padding: 0 5px 10px;
        width: 33.33%;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        border: 0;
    }

        .mediaImageList li img {
            width: 100%;
            height: 98px;
            border-radius: 5px;
        }
        /*.mediaImageList li a.download { position: absolute; right: 5px; bottom: 10px; background: rgba(255,255,255,0.8); line-height: 24px; width: 24px; text-align: center }*/
        .mediaImageList li a i {
            color: #02C485;
            vertical-align: middle
        }

        .mediaImageList li label {
            width: 18px;
            background: #fff;
            position: absolute;
            left: 10px;
            top: 5px;
        }

.bg-themeblue {
    background: #4f9eff !important;
}

.font-18 {
    font-size: 18px !important;
}

.underline {
    text-decoration: underline !important;
}

.bg-none {
    background: none !important;
}

.blue-close {
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 20px;
}
/*new design*/
/*.general-body .menuLink, .menuLink:hover {
    color: #2b2f44;
}

.general-body .svg-fill path, .general-body .svg-fill polygon, .general-body .svg-fill rect {
    fill: #02e89d
}
.general-body .menuIco path.selectColor, .general-body .menuIco polygon, .general-body .menuIco rect {
    fill: #02e89d
}
.general-body .tile .car-title {
    color: #2b2f44;
}
.general-body .footerNav li.active:after {
    background-color: #2b2f44;
}*/

#dtPurchaseDate_dateview .k-calendar .k-calendar-view {
    width: 100%;
}

#dtPurchaseDate_dateview .k-i-arrow-60-left:before {
    content: none;
}

#dtPurchaseDate_dateview .k-i-arrow-60-right:before {
    content: none;
}

p.font-15 {
    font-size: 15px !important;
}

#idOurSoftwareData p {
    line-height: 26px !important;
    font-size: 16px;
    padding-bottom: 15px;
}

#idOurSoftwareData ul li {
    line-height: 26px;
    font-size: 16px;
}

#idOurSoftwareData.bullet-list li {
    background-position: 0 6px;
}

#idOurSoftwareDataVAK p {
    line-height: 26px !important;
    font-size: 16px;
    padding-bottom: 15px;
    font-family: sansa-normal, sans-serif;
}

#idOurSoftwareDataVAK ul li {
    line-height: 26px;
    font-size: 16px;
    font-family: sansa-normal, sans-serif;
}

#idOurSoftwareDataVAK.bullet-list li {
    background-position: 0 6px;
}

#idOurSoftwareDataPTC p {
    line-height: 26px !important;
    font-size: 16px;
    padding-bottom: 15px;
}

#idOurSoftwareDataPTC ul li {
    line-height: 26px;
    font-size: 16px;
}

#idOurSoftwareDataPTC.bullet-list li {
    background-position: 0 6px;
}

#idOurSoftwareDataANW p {
    line-height: 26px !important;
    font-size: 16px;
    padding-bottom: 15px;
}

#idOurSoftwareDataANW ul li {
    line-height: 26px;
    font-size: 16px;
}

#idOurSoftwareDataANW.bullet-list li {
    background-position: 0 6px;
}

.link-p-a a {
    text-decoration: underline !important;
}

.link-a {
    text-decoration: underline !important;
}

.wctext-title strong {
    color: #9d9ca3;
    font-family: Conv_GothamNarrow-Black_0, sans-serif
}

    .wctext-title strong:nth-child(1), .wctext-title strong:nth-child(2), .wctext-title strong:nth-child(3) {
        color: #44414f;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }

.loginForm .captcha-bg {
    background-image: none !important;
    padding-left: 0 !important;
}

.mot-nw .slideInfo p, .slideInfo ul {
    font-size: 18px;
    list-style-type: disc;
}

    .mot-nw .slideInfo p, .slideInfo ul li {
        list-style: disc;
        list-style-position: inside;
    }

.radio-container {
    padding-left: 50px;
    min-height: 36px;
}

    .check-container.centered-only, .radio-container.centered-only {
        padding-left: 0;
        text-align: center
    }

    .check-container input, .radio-container input {
        display: none;
    }

.check-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5
}

.radio-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    overflow: hidden;
}

.check-container .check-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 10px;
}

.radio-container .radio-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-image: url(../Content/bullet-icon.svg);
}

.check-container input:checked ~ .check-mark:after {
    display: block;
}

.radio-container input:checked ~ .radio-mark:after {
    display: block;
}

.radio-container input:checked ~ .radio-mark {
    border: none;
}

.check-container.centered-only .check-mark, .radio-container.centered-only .radio-mark {
    position: relative;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
}
/** Brand BLock **/
.brand-block {
    height: 116px;
    position: relative;
    display: block;
    background: #fff;
    padding: 0;
    margin-bottom: 15px;
}
    /*.brand-block img{position: absolute;left: 50%; top:50%;transform:translate(-50%, -50%);}*/
    .brand-block img {
        max-width: 80px;
        max-height: 60px;
        width: 100% !important;
        height: 100% !important;
    }

    .brand-block .radio-mark {
        top: -8px;
        right: -8px;
        left: inherit;
        z-index: 2;
        height: 28px;
        width: 28px;
        transition: 500ms all;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        ;
        background: none;
        border: none;
    }

    .brand-block input:checked ~ .radio-mark {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .brand-block .radio-border {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-width: 3px;
        border-style: solid;
        z-index: 1;
        transition: 300ms all;
    }

    .brand-block input:checked ~ .radio-border {
        opacity: 1
    }

    .brand-block input.inactive ~ .radio-border, .brand-block input.inactive ~ .radio-mark, .brand-block input.inactive ~ img {
        opacity: 0.3
    }

    .brand-block input.inactive ~ .radio-border {
        background: #e4e4e4;
        border: none;
    }

.green-svg path, .green-svg polygon, .green-svg rect, .green-svg circle {
    fill: #17a52a
}

.orange-svg path, .orange-svg polygon, .orange-svg rect, .orange-svg circle {
    fill: #fdad35
}

.red-svg path, .red-svg polygon, .red-svg rect, .red-svg circle {
    fill: #d0021b
}
/** Calendar Input**/
.cal-icon {
    background-image: url(../Content/calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
    background-size: 18px 18px;
}

.new-design .k-datepicker {
    width: 100%;
    padding: 0 !important
}

.new-design .k-picker-wrap {
    padding: 0 !important
}

.new-design .k-datepicker input {
    margin: 0;
    width: 100%;
    color: #44414f;
    border: 1px solid #e5e5e5;
    background-color: transparent;
    height: 42px;
    font-size: 18px;
    padding: 10px 40px 10px 15px !important;
    box-sizing: border-box
}

.new-design .k-datepicker .k-select {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.new-design .k-animation-container, .new-design .k-animation-container * {
    box-sizing: border-box;
}

.new-design .k-header, .new-design .k-calendar .k-content, .new-design .k-calendar .k-content th {
    font-size: 14px;
}

.new-design .k-animation-container {
    width: 270px !important;
}
/*.new-design .k-state-focused,.new-design  .k-list>.k-state-focused,.new-design  .k-listview>.k-state-focused,.new-design  .k-grid-header th.k-state-focused,.new-design  td.k-state-focused,.new-design  .k-button.k-state-focused{box-shadow:inset 0 0 0 1px #44414f}*/

@media (min-width: 576px) {
    .modal-llg {
        width: 1000px !important;
        max-width: 90% !important;
    }
}

@media (min-width: 992px) {
    .modal-llg {
        width: 950px !important;
        max-width: 950px;
    }

    .mediaImageList li {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .modal-llg {
        width: 1140px !important;
        max-width: 1140px !important;
    }
}

/** Timeline **/
.timeline-icon {
    width: 4px;
    height: 35px;
    background: url(../Content/timeline.svg) repeat-y left top;
    background-size: 4px 13px;
}
/** Success Icon**/
.success-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #7ed321 url(../Content/paper-plane.svg) no-repeat 19px center;
    background-size: auto 36px;
}
/** Clock Icon**/
.clock-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #7ed321 url(../Content/clock-icon.svg) no-repeat center center;
    background-size: auto 36px;
}
/** Truck Icon **/
.truck-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #7ed321;
}
/** Google Map **/
.google-map {
    height: 320px;
    overflow: hidden;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: -20px;
    position: relative;
    text-align: center;
}

    .google-map > img {
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
    }

.gm-style-mtc div {
    font-size: 13px !important;
    padding: 5px 10px !important
}
/** Hectometer **/
.hecto-outer {
    border-radius: 10px;
    background: #17a52a;
    padding: 10px;
    margin: 100px 0;
}

.hecto-inner {
    padding: 14px 18px 8px;
    border: 4px solid #fff;
    border-radius: 5px;
    color: #fff;
}

.road-name {
    font-size: 40px;
    line-height: 42px;
    background: #d0021b;
    padding: 2px 10px 0 !important;
    border-radius: 5px;
    border: 2px solid #fff;
    text-align: center;
    min-width: 75px;
    position: relative;
}

    .road-name:before {
        content: '';
        width: 3px;
        height: 65px;
        border-left: 3px dashed #000;
        position: absolute;
        left: 50%;
        bottom: calc(100% - 5px);
    }

    .road-name span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -90px;
        font-size: 18px;
        line-height: 26px;
    }

.direction {
    font-size: 40px;
    line-height: 42px;
    padding-top: 2px;
    text-align: center;
    min-width: 75px;
    position: relative
}

    .direction:before {
        content: '';
        width: 3px;
        height: 65px;
        border-left: 3px dashed #000;
        position: absolute;
        left: 50%;
        bottom: calc(100% - 5px);
    }

    .direction span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -90px;
        font-size: 18px;
        line-height: 26px;
    }

.hectometer {
    font-size: 72px;
    line-height: 72px;
    padding-top: 5px;
}

    .hectometer:before {
        content: '';
        width: 3px;
        height: 65px;
        border-left: 3px dashed #000;
        position: absolute;
        left: 50%;
        top: calc(100% - 5px);
    }

    .hectometer span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -90px;
        font-size: 18px;
        line-height: 26px;
    }
/** car-frame radio buttons page**/
.car-frame {
    width: 76px;
}

.car-frame-img {
    margin: 0 10px;
}
/** Alert Notification count **/
.alert-count, .dynamic-check:before {
    position: absolute;
    right: -9px;
    top: -11px;
    height: 28px;
    width: 28px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2
}

.dynamic-check:before {
    content: '';
    background-image: url(../Content/bullet-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px
}
/** page Animation **/
.page {
    height: 100%;
    overflow: hidden;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    z-index: 1040
}

#partialcontainer > .page, #DivMainMediaList > .page, .next-level {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*z-index: 100;*/
    background: #f8f8f8;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    z-index: 1040;
}

.ddNav {
    height: 100% !important
}
/** Range Slider **/
.range-slider {
    padding-left: 5px;
    padding-right: 5px;
}

    .range-slider .slider-horizontal {
        width: 100%;
        height: 40px;
    }

        .range-slider .slider-horizontal .slider-track {
            height: 20px;
            margin: 0;
            top: 0;
            border-radius: 10px;
            background: #fff;
            border: 1px solid #e5e5e5
        }

        .range-slider .slider-horizontal .slider-selection {
            border-radius: 10px;
        }

        .range-slider .slider-horizontal .slider-tick {
            width: 1px;
            border-radius: 0;
            background: #e5e5e5;
            margin: 0;
            box-shadow: none;
        }

        .range-slider .slider-horizontal .slider-tick-container > div:first-child, .range-slider .slider-horizontal .slider-tick-container > div:last-child {
            display: none
        }

        .range-slider .slider-horizontal .slider-tick-label-container {
            margin-top: 30px;
        }

        .range-slider .slider-horizontal .slider-handle {
            height: 26px;
            width: 26px;
            background: #44414f url(../Content/left-right-arrows.svg) no-repeat center center;
            background-size: auto 5px;
            border: 0;
            box-shadow: none;
            margin-left: -13px;
            top: -3px;
        }
/** Color Dots **/
.green-dot {
    height: 24px;
    width: 24px;
    background: #17a52a;
    display: block;
    border-radius: 50%
}

.orange-dot {
    height: 24px;
    width: 24px;
    background: #fdad35;
    display: block;
    border-radius: 50%
}

.red-dot {
    height: 24px;
    width: 24px;
    background: #d0021b;
    display: block;
    border-radius: 50%
}

/** 16-10-2018 **/
.banner-image {
    background: #fff;
}

@media screen and (min-width:992px) {
    .banner-image img {
        max-width: 1140px !important;
        height: 400px !important;
        margin: 0 auto;
        width: 100%
    }
}

.new-design .k-pager-wrap {
    font-size: 14px;
}

body .k-pager-wrap > .k-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    text-align: center;
}

body .k-pager-wrap .k-icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 auto;
}



body .gauge:before {
    background: #f60001;
    background: -moz-linear-gradient(left, #f60001 0%, #e9831f 50%, #5db82f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f60001), color-stop(50%, #e9831f), color-stop(100%, #5db82f));
    background: -webkit-linear-gradient(left, #f60001 0%, #e9831f 50%, #5db82f 100%);
    background: -o-linear-gradient(left, #f60001 0%, #e9831f 50%, #5db82f 100%);
    background: -ms-linear-gradient(left, #f60001 0%, #e9831f 50%, #5db82f 100%);
    background: linear-gradient(to right, #f60001 0%, #e9831f 50%, #5db82f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0303', endColorstr='#03ed39', GradientType=1 );
    border: none
}

body .gauge.empty-gauge:before, body .gauge.empty-gauge .gauge-arrow, body .gauge.empty-gauge .gauge-arrow:before {
    background: #f3f8fa;
}

body .gauge-red.gauge:after {
    background: #fff !important;
}
/*.ptc-body .gauge.empty-gauge:before,.ptc-body .gauge.empty-gauge .gauge-arrow:before,.ptc-body .gauge.empty-gauge .gauge-arrow{background:#fff !important}*/
body .gauge:after {
    height: 0.8em;
    width: 1.6em;
    position: absolute;
    margin-left: -0.8em;
    left: 50%;
    top: 0.20em;
    content: '';
    border-radius: 1em 1em 0 0;
    z-index: 2;
}

.gauge .gauge-arrow {
    z-index: 5
}

.table-overwrite-shadow td {
    overflow: visible !important
}

/** CPGeneral **/
#logoImg, .logo {
    max-height: 47px;
    width: auto;
    display: block;
    max-width: 160px
}

em {
    font-style: italic !important
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

.modal-content {
    box-shadow: none !important;
    border: 0 !important
}

.modal-body {
    padding: 25px;
    line-height: 1.3;
    font-size: 14px;
}

.modal-footer {
    padding: 15px 25px 25px;
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: 20px;
    background: url(../Content/popup-close.svg) no-repeat center center;
    background-size: 15px 13px;
    text-indent: -9999px;
    overflow: hidden;
    text-align: left;
    opacity: 1;
    z-index: 1;
    margin: 0;
}
/** Input Label **/
.select-label-outer, .input-label-outer {
    position: relative;
    z-index: 1
}

body.new-design .input-label-outer .form-control, body.new-design .select-label-outer .custom-select {
    font-size: 18px !important;
    z-index: 2;
    position: relative;
    line-height: 22px !important
}

body.new-design .input-label-outer .k-numeric-wrap {
    padding-right: 80px !important;
}

body.new-design .select-label-outer .custom-select {
    padding-right: 100px !important;
}

body.new-design .select-label-outer .custom-select {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: inherit !important;
}

body.new-design .select-label-outer:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 10px 9px;
}

.input-label-inner {
    position: absolute;
    top: 8px;
    right: 14px;
    z-index: 1
}

.select-label-inner {
    position: absolute;
    top: 8px;
    right: 25px;
    z-index: 1
}
/** Welcom Steps Dash  **/
.welcome-steps span {
    height: 4px;
    width: 15px;
    border-radius: 2px;
    opacity: 0.2;
    display: inline-block;
    margin: 0 1px;
}

    .welcome-steps span.active {
        opacity: 1
    }
/** Dashboard SVG Icons **/
.dash-icon svg {
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

.dash-icon.ver-icon svg {
    height: 80px;
}

.button-sm {
    height: 32px;
    border-radius: 8px !important;
    font-size: 13px;
    padding: 5px !important
}

.cal-data {
    position: relative;
}

    .cal-data span {
        position: absolute;
        left: 50%;
        top: 56%;
        transform: translate(-50%,-50%);
        font-size: 30px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .cal-data strong {
        font-size: 13px;
        line-height: 13px;
    }

/** New Design tabs **/
.new-design .nav-tabs > li.active > a, .new-design .nav-tabs > li.active > a:focus, .new-design .nav-tabs > li.active > a:hover {
    background: #f8f8f8
}

/** License Plate Large **/
input[type="text"].lPlate {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    background: #ffcd00 url(../Content/n-plate.jpg) 0 0 no-repeat;
    background-size: auto 55px;
    height: 55px;
    width: 100%;
    font-style: normal;
    padding: 0 50px;
    border: 0;
    border-radius: 10px;
    color: #000;
    font-size: 32px !important;
    text-transform: uppercase;
    text-align: center;
}

/** Notification White BLock **/
.color-notify {
    height: 7px;
    position: relative;
    border-radius: 10px 10px 0 0
}

.notify-icon {
    height: 28px;
    width: 28px;
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 50%;
}

.gray-notify {
    background-color: #A6A6A6
}

.green-notify {
    background-color: #7ED321
}

.blue-notify {
    background-color: #4A90E2
}

.red-notify {
    background-color: #D0021B
}

.orange-notify {
    background-color: #FDAD35;
    color: #fff;
}

.count-circle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    display: block;
}

.green-success {
    background: #7ED321 url(../Content/bullet-icon.svg) no-repeat center center;
    background-size: auto 12px
}

.red-alert {
    background: #D0021B url(../Content/alert-icon.svg) no-repeat center center;
    background-size: auto 12px
}

.orange-alert {
    background: #FDAD35 url(../Content/alert-icon.svg) no-repeat center center;
    background-size: auto 12px
}

.tile .notify-icon {
    right: -4px;
    top: -6px;
}
/** Down Opacity **/
.disabled-box {
    opacity: 0.3
}

/** Search Services **/
#dvCategory .new-search-list a {
    box-shadow: 0px 6px 13px 0px rgba(0,0,0,0.12);
    border: none;
}

.autocheck-banner {
    position: relative;
    overflow: hidden;
    height: 300px;
}

    .autocheck-banner img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        transform: translateY(-50%)
    }


/**** 29-1-2019 New Screens ****/
.top-bar-transparent {
    background: transparent;
}

.car-block {
    position: relative;
}

.car-image {
    height: 240px;
    overflow: hidden;
    margin: -20px -20px 0;
    position: relative
}

    .car-image img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: auto
    }

    .car-image:after {
        content: '';
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        box-shadow: 0 0 150px 100px #000
    }

.car-model {
    position: absolute;
    width: 100%;
    bottom: 50px;
}

.car-info {
    background-color: #282630;
    position: relative;
    z-index: 2;
    margin-top: -35px;
    box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.22);
    overflow: hidden
}

    .car-info:before {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        top: -150px;
        left: 50%;
        transform: translateX(-50%);
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%, rgba(40,38,48,0) 60%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) 0%,rgba(40,38,48,0) 60%);
        background: radial-gradient(ellipse at center, rgba(255,255,255,0.1) 0%,rgba(40,38,48,0) 60%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00282630',GradientType=1 );
    }

.border-left-black {
    border-left: 1px solid rgba(0,0,0,0.2)
}

.border-left-gray {
    border-left: 1px solid rgba(0,0,0,0.1)
}

.absolute-menu {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

/**** Guage Inner ****/
.gauge-inner .gauge {
    font-size: 50px !important;
}

    .gauge-inner .gauge.gauge-big {
        font-size: 70px !important;
    }

    .gauge-inner .gauge:after {
        display: none !important
    }

.gauge-inner .gauge-arrow, .gauge-inner .gauge-arrow:before {
    background: #fff !important
}

.tile .gauge-inner .gauge-arrow, .tile .gauge-inner .gauge-arrow:before {
    background: #444 !important
}

.gauge-inner .gauge:before {
    background: url(../Content/guage-bg.svg) 0 0 no-repeat !important;
    background-size: contain !important;
    clip: inherit !important;
}

.gauge-inner .gauge.empty-gauge:before {
    background-image: url(../Content/guage-bg-gray.svg) !important;
}

.gauge-inner .gauge-arrow {
    width: 0.045em !important
}

    .gauge-inner .gauge-arrow:before {
        height: 0.12em !important;
        width: 0.12em !important;
        bottom: -0.06em !important;
        margin-left: -0.06em !important;
    }

.gauge-data {
    text-align: center;
}


/**** white accordion list mijn auto ****/
.accordion-list > div {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    .accordion-list > div:last-child {
        border-bottom: none
    }

/**** car Check Mijn banden ****/
.car-check {
    height: 30px;
    width: 30px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important;
}

.check-1 {
    left: -13px;
    top: 24px;
}

.check-2 {
    right: -13px;
    top: 24px;
}

.check-3 {
    left: -13px;
    bottom: 24px;
}

.check-4 {
    right: -13px;
    bottom: 24px;
}

.green-check {
    background-color: #7ED321
}

.red-check {
    background-color: #D0021B
}

.yellow-check {
    background-color: #FF9D1B
}

.success-check {
    background-image: url(../Content/bullet-icon.svg);
    background-size: auto 10px;
}

.alert-check {
    background-image: url(../Content/alert-check.svg);
    background-size: auto 13px;
    background-position: center 7px
}

.height-50 {
    height: 50%;
}

.height-100 {
    height: 100%;
}
/**** Custom Carousel New ****/
/*.custom-carousel{overflow:visible;}
.custom-controls {position: static; width:auto;margin-left:0;}
.custom-controls li{height:10px; width:10px; background-color:#E5E5E5; display:inline-block; margin:0 5px; border-radius:50%; transition:300ms all; vertical-align:middle; border:none;}
.custom-controls li.active{height:14px; width:14px; margin:0 5px;}*/
/*body .custom-carousel .owl-stage-outer{overflow:visible}*/
body .custom-controls .owl-nav, .custom-controls .owl-dots {
    display: block;
    margin: 0
}

.custom-controls .owl-dot {
    height: 10px;
    width: 10px;
    background-color: #E5E5E5;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    transition: 300ms all;
    vertical-align: middle;
    border: none;
}

    .custom-controls .owl-dot.active {
        transform: scale(1.4)
    }

.custom-controls .owl-controls {
    position: absolute;
    top: -6px;
    left: 15px;
    right: 15px;
    width: auto;
}

.custom-controls .owl-nav > div {
    position: absolute;
    width: 18px;
    height: 15px;
    top: 3px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto 12px !important;
    background-color: transparent !important
}

.custom-controls .owl-prev {
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIzNjBweCIgdmlld0JveD0iMCAwIDUxMiAzNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiAzNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzQ0NDE0RiIgZD0iTTE2Ny4wMTUsNS40NGM3LjIxOC03LjIxOCwxOC41ODItNy4yMTgsMjUuOCwwYzYuOTc0LDYuOTc0LDYuOTc0LDE4LjU4MiwwLDI1LjU0TDYxLjk5NCwxNjEuOGg0MzEuNjkNCgljMTAuMDYzLDAsMTguMzIyLDcuOTk4LDE4LjMyMiwxOC4wNjJjMCwxMC4wNjMtOC4yNTksMTguMzIyLTE4LjMyMiwxOC4zMjJINjEuOTk0TDE5Mi44MTUsMzI4Ljc2YzYuOTc0LDcuMjE4LDYuOTc0LDE4Ljg0MiwwLDI1LjgNCgljLTcuMjE4LDcuMjE4LTE4LjU4Miw3LjIxOC0yNS44LDBMNS4yMjUsMTkyLjc3Yy02Ljk3NC02Ljk3NC02Ljk3NC0xOC41ODIsMC0yNS41NEwxNjcuMDE1LDUuNDR6Ii8+DQo8L3N2Zz4NCg==') !important;
}

.custom-controls .owl-next {
    right: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIzNjBweCIgdmlld0JveD0iMCAwIDUxMiAzNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiAzNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzQ0NDE0RiIgZD0iTTUwNi43NzUsMTY3LjIzYzYuOTc0LDYuOTU4LDYuOTc0LDE4LjU2NiwwLDI1LjU0bC0xNjEuNzksMTYxLjc5Yy03LjIxOCw3LjIxOC0xOC41ODIsNy4yMTgtMjUuOCwwDQoJYy02Ljk3NC02Ljk1OC02Ljk3NC0xOC41ODIsMC0yNS44bDEzMC44MjEtMTMwLjU3NkgxOC4zMTZjLTEwLjA2MywwLTE4LjMyMi04LjI1OS0xOC4zMjItMTguMzIyDQoJYzAtMTAuMDY0LDguMjU5LTE4LjA2MiwxOC4zMjItMTguMDYyaDQzMS42OUwzMTkuMTg1LDMwLjk4Yy02Ljk3NC02Ljk1OC02Ljk3NC0xOC41NjYsMC0yNS41NGM3LjIxOC03LjIxOCwxOC41ODItNy4yMTgsMjUuOCwwDQoJTDUwNi43NzUsMTY3LjIzeiIvPg0KPC9zdmc+DQo=') !important;
}

.custom-controls.white-controls .owl-prev {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIzNjBweCIgdmlld0JveD0iMCAwIDUxMiAzNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiAzNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE2Ny4wMTUsNS40NGM3LjIxOC03LjIxOCwxOC41ODItNy4yMTgsMjUuOCwwYzYuOTc0LDYuOTc0LDYuOTc0LDE4LjU4MiwwLDI1LjU0TDYxLjk5NCwxNjEuOGg0MzEuNjkNCgljMTAuMDYzLDAsMTguMzIyLDcuOTk4LDE4LjMyMiwxOC4wNjJjMCwxMC4wNjMtOC4yNTksMTguMzIyLTE4LjMyMiwxOC4zMjJINjEuOTk0TDE5Mi44MTUsMzI4Ljc2YzYuOTc0LDcuMjE4LDYuOTc0LDE4Ljg0MiwwLDI1LjgNCgljLTcuMjE4LDcuMjE4LTE4LjU4Miw3LjIxOC0yNS44LDBMNS4yMjUsMTkyLjc3Yy02Ljk3NC02Ljk3NC02Ljk3NC0xOC41ODIsMC0yNS41NEwxNjcuMDE1LDUuNDR6Ii8+DQo8L3N2Zz4NCg==') !important;
}

.custom-controls.white-controls .owl-next {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIzNjBweCIgdmlld0JveD0iMCAwIDUxMiAzNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiAzNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTUwNi43NzUsMTY3LjIzYzYuOTc0LDYuOTU4LDYuOTc0LDE4LjU2NiwwLDI1LjU0bC0xNjEuNzksMTYxLjc5Yy03LjIxOCw3LjIxOC0xOC41ODIsNy4yMTgtMjUuOCwwDQoJYy02Ljk3NC02Ljk1OC02Ljk3NC0xOC41ODIsMC0yNS44bDEzMC44MjEtMTMwLjU3NkgxOC4zMTZjLTEwLjA2MywwLTE4LjMyMi04LjI1OS0xOC4zMjItMTguMzIyDQoJYzAtMTAuMDY0LDguMjU5LTE4LjA2MiwxOC4zMjItMTguMDYyaDQzMS42OUwzMTkuMTg1LDMwLjk4Yy02Ljk3NC02Ljk1OC02Ljk3NC0xOC41NjYsMC0yNS41NGM3LjIxOC03LjIxOCwxOC41ODItNy4yMTgsMjUuOCwwDQoJTDUwNi43NzUsMTY3LjIzeiIvPg0KPC9zdmc+DQo=') !important;
}

#data-carousel.owl-carousel .owl-item {
    padding: 27px 15px 0;
}
/**** carousel-gallery ****/
.carousel-gallery {
    position: fixed;
    background: #000;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1042
}

    .carousel-gallery .close {
        color: #fff !important;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10
    }
    /*.carousel-gallery .carousel{height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;}*/
    .carousel-gallery .item {
        height: calc(100vh - 130px);
        display: table-cell;
        margin: 0 auto;
        vertical-align: middle;
        width: 100vw;
        text-align: center;
    }

    .carousel-gallery .owl-controls {
        /*bottom: 0;*/
        top: inherit;
        position: fixed;
        bottom: 30px;
        z-index: 5
    }

    .carousel-gallery .owl-item img {
        max-width: 100%;
        display: inline-block !important;
        vertical-align: middle;
        width: auto !important
    }

    .carousel-gallery .owl-stage-outer {
        overflow: visible !important;
        padding: 65px 0;
    }

#wtbg {
    background-color: rgba(255,255,255,0.8);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#wtbgi {
    margin: 0 !important;
    right: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%)
}

.loadMessage {
    margin: 0 !important;
    right: auto !important;
    top: 57% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed;
}

font {
    font-family: inherit
}

.new-design .plusFooNav {
    display: none !important
}

.canvas-thumb {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}





/******************************************/
/********* New Design responsive **********/
/******************************************/
@media screen and (max-width:479px) {
    /** Image BLock **/
    .image-block .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /** Brand BLock **/
    .brand-list .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /** Dashboard SVG Icons **/
    .dash-icon svg {
        height: 70px;
        width: 70px;
    }

    .dash-icon.ver-icon svg {
        height: 60px;
    }

    .cal-data span {
        font-size: 22px;
        line-height: 22px;
    }

    .cal-data strong {
        font-size: 10px;
        line-height: 10px;
    }

    .gauge.gauge-big {
        font-size: 50px !important;
    }

    .tile .car-title {
        font-size: 16px;
    }

    .tile {
        padding: 10px 5px;
    }

    .autocheck-banner {
        height: 230px;
    }

    .gauge-inner .gauge.gauge-big {
        font-size: 60px !important;
    }
}

@media screen and (max-width:375px) {


    .google-map {
        height: 260px;
    }
    /** car-frame radio buttons page**/
    .car-frame-img {
        width: 128px;
        margin: 0
    }

    /*#logoImg {max-height:35px; max-width:100px}*/
    /** Dashboard SVG Icons **/
    .dash-icon svg {
        height: 50px;
        width: 50px;
    }

    .dash-icon.ver-icon svg {
        height: 40px;
    }

    .license-bg1 {
        font-size: 13px;
    }

    .cal-data span {
        font-size: 16px;
        line-height: 13px;
    }

    .cal-data strong {
        font-size: 9px;
        line-height: 9px;
    }

    .button-sm {
        font-size: 12px;
    }

    .gauge-inner .gauge.gauge-big {
        font-size: 50px !important;
    }
}

@media screen and (max-width:360px) {
    .gauge.gauge-big {
        font-size: 40px !important;
    }

    .caption {
        font-size: 12px;
    }
    /**** 29-1-2019 New Screens ****/
    .car-image {
        height: 200px;
    }

    .gauge-inner .gauge.gauge-big {
        font-size: 40px !important;
    }
}
/******* New Theming *****/
/*.anwb-theme .t1-color{color:#16498b !important}
.anwb-theme .t2-color{color:#7b7b7b !important}
.anwb-theme .t3-color{}*/


/**Added by Gyanendra*/
.custom-col-6 {
    width: 50%;
}

div#dvSearchGarage .k-grid-content.k-auto-scrollable {
    overflow-x: auto;
    overflow-y: auto;
}


.k-grid td.k-state-selected:hover, .k-grid tr:hover {
    color: transparent !important;
    background-color: transparent !important
}

.k-pager-wrap > .k-link, .k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 0;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    background-image: url(/Styles/Metro/sprite.png);
    border-color: transparent;
    text-indent: -70px;
}

.k-calendar .k-nav-prev .k-i-arrow-60-left {
    background-image: url(../content/sprite-icon.png) !important;
}

.k-calendar .k-nav-next .k-i-arrow-60-right {
    background-image: url(../content/sprite-icon.png) !important;
}

.k-calendar .k-nav-prev .k-i-arrow-60-left:before {
    content: none;
}

.k-calendar .k-nav-next .k-i-arrow-60-right:before {
    content: none;
}

.k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh {
    background-position: -48px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e {
    background-position: -16px -80px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    background-position: -16px -16px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w {
    background-position: -16px -48px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w, .k-i-arrow-end-left:hover {
    background-position: -16px -112px;
}

.k-i-refresh {
    background-position: -32px -112px;
}

.k-i-seek-w, .k-i-arrow-end-left {
    background-position: 0 -112px;
}

.k-i-arrow-w, .k-i-arrow-60-left {
    background-position: 0 -48px;
}

.k-i-arrow-e, .k-i-arrow-60-right {
    background-position: 0 -16px;
}

.k-i-seek-e, .k-i-arrow-end-right {
    background-position: 0 -80px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    background-position: -16px -16px;
}

.k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
}

.splash-bg .loginForm input.lPlate_nl-NL, .splash-bg .loginForm input .lPlate_en-US {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    background: #ffcd00 url(../Content/n-plate.jpg) 0 0 no-repeat !important;
    background-size: auto 100px !important;
    height: 55px;
    font-style: normal;
    padding: 0 50px;
    border: 0;
    border-radius: 30px;
    color: #000;
    font-size: 32px !important;
    font-family: source_sans_probold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

.splash-bg .loginForm input.lPlate_en-EN, .splash-bg .loginForm input.lPlate_en-GB {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    background: #ffcd00 url(../Content/n-plate_1.jpg) 0 0 no-repeat !important;
    background-size: auto 100px !important;
    height: 55px;
    padding: 0 50px;
    border: 0;
    border-radius: 30px;
    color: #000;
    font-size: 32px !important;
    font-family: source_sans_probold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

.lPlate_nl-NL, .lPlate_en-US {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    background: #ffcd00 url(../Content/n-plate.jpg) 0 0 no-repeat;
    background-size: auto 100px;
    height: 55px;
    font-style: normal;
    padding: 0 50px;
    border: 0;
    border-radius: 10px;
    color: #000;
    font-size: 32px !important;
    font-family: source_sans_probold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

.lPlate_en-EN, .lPlate_en-GB {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    -border-radius: 0;
    background: #ffcd00 url(../Content/n-plate_1.jpg) 0 0 no-repeat;
    background-size: auto 100px;
    height: 55px;
    padding: 0 50px;
    border: 0;
    border-radius: 10px;
    color: #000;
    font-size: 32px !important;
    font-family: source_sans_probold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

#snackbar {
    z-index: 9999;
}

.first-cap {
    text-transform: capitalize;
}

@media (max-width:768px) {
    #searchedTyreList {
        margin-top: 180px !important;
    }
}

@media (max-width:768px) {
    .carcheck-two-ig > .mediaImageList > li {
        width: auto;
    }

    .carcheck-one-ig > .mediaImageList > li {
        width: auto;
    }

    .fancybox-slide--iframe .fancybox-content {
        width: 100% !important;
    }

        .fancybox-slide--iframe .fancybox-content iframe {
            width: 100% !important;
            height: inherit !important;
        }
}

@media (max-width: 529px) {
    .bs-wizard {
        padding-left: 20px;
    }

    .carcheck-two-ig > .mediaImageList > li {
        width: 50%;
    }

    .carcheck-one-ig > .mediaImageList > li {
        width: 50%;
        padding: 0
    }
}

@media (max-width: 400px) {
    .carcheck-media li a {
        height: 70px;
    }

    .carcheck-one-ig .carcheck-media li a {
        height: 150px;
    }
}

@media (max-height: 920px) {
    .splash-bg {
        height: 45%;
    }
}

@media (max-height: 735px) {
    .splash-bg {
        height: 48%;
    }
}

@media (height: 667px) {
    .splash-bg {
        height: 43%;
    }
}

@media (height: 568px) {
    .splash-bg {
        height: 42%;
    }
}

@media (max-height: 641px) {
    .splash-main .py-40 {
        padding: 20px 0;
    }

    .splash-main .splash-header {
        padding-bottom: 230px;
    }

    .splash-header {
        padding: 35px 0 25px 0;
    }
    .splash-header-gmu {
        padding: 25px 0 25px 0
    }

    .font26-ap {
        font-size: 26px !important;
    }

    .font24-ap {
        font-size: 24px !important;
    }

    .my-20-ap {
        margin: 18px 0;
    }

    .pt-0-ap {
        padding-top: 0 !important
    }

    .splash-car-img img {
        width: 165px;
    }

    .splash-main .splash-car-img {
        top: -238px;
    }

    .splash-main .splash-footer {
        margin-top: -100px !important;
    }

    .mb-25-ap {
        margin-bottom: 22px !important
    }

    .mt-0-ap {
        margin-top: 0 !important;
    }

    .mb-20-ap {
        margin-bottom: 20px !important;
    }

    .captcha-new-design .themeColor3 {
        padding-top: 0 !important;
    }
}

@media (min-height: 641px) and (max-height:711px) {
    .mb-20-ap {
        margin-bottom: 20px !important;
    }

    .splash-main .splash-header {
        padding: 35px 0 25px 0;
        padding-bottom: 250px;
    }

    .mt-0-ap {
        margin-top: 0 !important;
    }

    .pt-0-ap {
        padding-top: 0 !important
    }

    .font26-ap {
        font-size: 26px !important;
    }

    .font24-ap {
        font-size: 24px !important;
    }

    .my-20-ap {
        margin: 18px 0;
    }

    .splash-header {
        padding: 35px 0 25px 0
    }

    .splash-car-img img {
        width: 180px;
    }

    .splash-main .splash-car-img {
        top: -266px;
    }

    .splash-main .splash-footer {
        margin-top: -110px !important;
    }

    .mb-25-ap {
        margin-bottom: 20px !important
    }

    .captcha-new-design .themeColor3 {
        padding-top: 0 !important;
    }
}

@media (min-height: 711px) and (max-height:770px) {
    .splash-header {
        padding: 60px 0 50px 0;
    }

    .splash-main .splash-header {
        padding: 60px 0 50px 0;
    }

    .splash-header-gmu, .splash-main .splash-header-gmu {
        padding: 30px 0 20px 0;
    }
   
    .splash-main .splash-header {
        padding-bottom: 295px;
    }    
    .splash-main .splash-footer {
        margin-top: -115px !important;
    }

    .mb-25-ap {
        margin-bottom: 25px !important
    }

    /*.splash-car-img img {
        width: 190px;
    }*/

    .pt-0-ap {
        padding-top: 0 !important;
    }

    .my-20-ap {
        margin: 25px 0;
    }
}


@media (min-width:1024px) {
    .image-div {
        position: absolute;
        left: 0;
        bottom: -52px;
        height: calc(100vh - -1px );
        width: 95%;
        border-radius: 0;
        right: 0;
        top: inherit
    }

        .image-div img {
            width: auto;
            max-height: 600px;
        }
}