/* Minification failed. Returning unminified contents.
(12286,42): run-time error CSS1046: Expect comma, found '161'
(12286,49): run-time error CSS1046: Expect comma, found ')'
(22129,42): run-time error CSS1046: Expect comma, found '161'
(22129,49): run-time error CSS1046: Expect comma, found ')'
(22298,42): run-time error CSS1046: Expect comma, found '68'
(22298,48): run-time error CSS1046: Expect comma, found '/'
(22472,42): run-time error CSS1046: Expect comma, found '161'
(22472,49): run-time error CSS1046: Expect comma, found ')'
 */

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

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

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

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

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

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

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../Content/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../Content/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../Content/fonts/MaterialIcons-Regular.woff) format('woff'), url(../Content/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: Material Icons,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Averta-Regular, sans-serif;
    font-size: 14px;
    color: #2B2F44; /*#3b4a59*/
}

    body, body.landingPage.garagePageBody {
        background: #F8F9FD
    }

        body.landingPage {
            background: #fff
        }

iframe {
    border: 0;
    outline: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clear {
    clear: both;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.h1, .h2, .h3, h1, h2, h3 {
    font-family: Averta-Light, sans-serif;
}

a, .btn {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a:hover, a:focus, a:active {
        outline: 0 none;
    }

a {
    color: #2B2F44
}

    a:hover, a:focus {
        color: #1d242b;
    }

.serviceList th.k-header, .txtareaborder0 {
    border: 0 !important;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../Content/fonts/glyphicons-halflings-regular.eot');
    src: url('../Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    font-family: Glyphicons Halflings,sans-serif;
}

.navbar-collapse {
    padding: 0
}


/* Margin Space */
.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

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

.mt-7 {
    margin-top: 7px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-10 {
    margin-top: 10px !important
}

/* Padding Space */
.pt-10 {
    padding-top: 10px !important;
}
/*.pt-5{padding-top:5px !important;}*/
.pr-10 {
    padding-right: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

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

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.account-nav {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
}

    .account-nav ul {
        margin: 0;
        background-color: #f6f5f5;
        margin-top: 10px;
    }

        .account-nav ul li {
            background-color: #f6f5f5;
            position: relative;
            float: left;
            padding: 5px 10px 4px 6px
        }

            .account-nav ul li.seperator {
                border-left: 1px solid #5981b2;
                width: 1px;
                height: 15px;
                margin-top: 7px;
                padding: 0;
            }

            .account-nav ul li a {
                padding: 0;
            }

                .account-nav ul li a:hover {
                    background-color: #f6f5f5;
                }

            .account-nav ul li i {
                color: inherit;
                padding: 0 5px;
            }

    .account-nav li ul {
        right: -20px;
    }

.garageHeader {
    background-color: #3b4a59;
    background-image: -webkit-gradient(linear, left top, right top, from(#3b4a59), to(#3eb6ab));
    background-image: -webkit-linear-gradient(left, #3b4a59, #3eb6ab);
    background-image: -moz-linear-gradient(left, #3b4a59, #3eb6ab);
    background-image: -ms-linear-gradient(left, #3b4a59, #3eb6ab);
    background-image: -o-linear-gradient(left, #3b4a59, #3eb6ab);
}

.innerHeader.info-nav {
    float: left;
}

.info-nav {
    min-height: 50px;
    line-height: 50px;
    margin: 0;
    border: 0;
    color: #FFF !important;
    font-size: 16px;
    font-family: Averta-Regular, sans-serif;
    padding: 0
}

    .info-nav .navbar-brand {
        margin: 0;
        padding: 0 15px;
        line-height: inherit;
        height: 50px;
        width: 130px;
        position: relative;
        top: 0;
        background: url('../Content/logo.svg') no-repeat right;
        background-size: 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Content/logo.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Content/logo.png', sizingMethod='scale')";
    }

        .info-nav .navbar-brand:after {
            content: '';
            display: none;
            position: absolute;
            top: 21px;
            left: 25px;
            color: #FFF;
            font-size: 11px;
            width: 280px;
        }

.MainNav {
    border-radius: 0px;
    background-color: #3b4046;
    text-transform: uppercase;
    border: 0px;
    min-height: inherit;
    margin: 0
}

    .MainNav .navbar-nav > li > a {
        color: #FFF;
        line-height: 25px;
        padding-bottom: 12px;
        padding-top: 13px;
    }

        .MainNav .navbar-nav > li > a img {
            vertical-align: top
        }

        .MainNav .navbar-nav > li > a i {
            font-size: 20px;
            vertical-align: middle;
            line-height: 22px;
            margin-right: 8px;
        }

.navbar-nav {
    margin: 0
}

.MainNav li {
    border-right: #6b7076 solid 1px;
}

    .MainNav li:first-child {
        border-left: #6b7076 solid 1px;
    }
/*Footer CSS*/
.footer {
    width: 100%;
    clear: both;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 999;
    background: #FFF;
}

    .footer h3 {
        font-size: 18px;
        font-family: Averta-Regular, sans-serif;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .footer p {
        font-size: inherit;
        font-family: Averta-Light, sans-serif;
    }

    .footer ul {
        list-style: none;
        padding: 0;
        font-family: Averta-Light, sans-serif;
        font-size: 15px;
        vertical-align: top
    }

        .footer ul li a {
            line-height: 30px;
        }

            .footer ul li a:hover {
                color: #3eb6ab;
                text-decoration: none;
            }

                .footer ul li a:hover i {
                    color: inherit;
                }

        .footer ul li i.fa {
            color: #a5bec0;
            margin-right: 10px;
        }

    .footer .copyright {
        background-color: #3b4a59;
        background-image: -webkit-gradient(linear, left top, right top, from(#3b4a59), to(#3eb6ab));
        background-image: -webkit-linear-gradient(left, #3b4a59, #3eb6ab);
        background-image: -moz-linear-gradient(left, #3b4a59, #3eb6ab);
        background-image: -ms-linear-gradient(left, #3b4a59, #3eb6ab);
        background-image: -o-linear-gradient(left, #3b4a59, #3eb6ab);
        margin-top: 1px;
        padding: 20px 0;
        color: #FFF;
        font-family: Averta-Regular, sans-serif;
    }

    .footer > .container {
        display: none;
    }

    .footer.footervisible > .container {
        display: block;
    }

    .footer.footervisible .copyright {
        margin-top: 40px;
    }

    .footer .copyright span, .mar-right10 {
        margin-right: 10px;
    }

    .footer .copyright a {
        color: #FFF;
    }

    .footer ul.social-icons {
        padding: 0 0 20px;
        margin: 0px;
    }

.social-icons li {
    float: left;
    margin-right: 7px;
    height: 32px;
    width: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .social-icons li a {
        display: block;
        text-decoration: none !important;
        text-align: center;
        width: 100%;
    }

        .social-icons li a:hover {
            color: #FFF !important;
        }

.navbar-toggle {
    margin-right: -20px;
}

#divLayoutforHeader .navbar-toggle {
    margin-right: 0;
}

#divLayoutforHeader .green-nav.navbar-toggle {
    position: absolute;
    right: 0;
}

.navbar-default .navbar-toggle {
    border-color: #FFF;
    border: 0px;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #3ca19b;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #FFF
    }

.navbar-default .navbar-toggle {
    border: 0 !important;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-toggle.green-nav .icon-bar {
        background: #02e89d !important
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none !important;
    }

.navbar-toggle .icon-bar {
    background-color: #FFF;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.navbar-toggle:not(.collapsed) .icon-bar {
    position: relative;
}

    .navbar-toggle:not(.collapsed) .icon-bar.top {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 6px;
    }

    .navbar-toggle:not(.collapsed) .icon-bar.middle {
        display: none;
    }

    .navbar-toggle:not(.collapsed) .icon-bar.bottom {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.page-header {
    margin-top: 20px;
    border-color: #e6e4e5;
    padding-bottom: 3px;
    position: relative
}

.chartHead {
    padding: 20px 0 0;
}

    .chartHead h1 {
        margin-top: 0;
        padding-top: 0;
        font-size: 1.7em;
        font-family: Averta-Regular,sans-serif
    }

.page-header .btn {
    margin: 0 10px;
    padding: 6px
}

    .page-header .btn i {
        margin: 0 0 0 5px
    }

.btn {
    border-radius: 0px;
}

.btn-success {
    background-color: #34a69d;
    border-color: #34a69d;
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        background-color: #34a69d;
        border-color: #34a69d;
        text-decoration: none;
        color: #fff
    }

.staps-container { /* background: #FFF; margin-top: 20px;*/
}

    .staps-container .nav-tabs.nav-justified {
        border: 1px solid #02E89D;
        background: #02E89D
    }

        .staps-container .nav-tabs.nav-justified > li {
            vertical-align: top
        }

            .staps-container .nav-tabs.nav-justified > li > a {
                border-radius: 0;
                text-align: center;
                font-size: 16px;
                line-height: 40px;
                background-color: #02E89D;
                color: #FFF;
                border: 0;
                border-left: #318882 solid 1px
            }

            .staps-container .nav-tabs.nav-justified > li:first-child > a {
                border-left: #318882 solid 0px
            }

            .staps-container .nav-tabs.nav-justified > li > a small {
                display: block;
                white-space: nowrap
            }

            .staps-container .nav-tabs.nav-justified > li > a:hover, .staps-container .nav-tabs.nav-justified > li.active > a, .staps-container .nav-tabs.nav-justified > li > a.active {
                background-color: #FFF;
                color: #02E89D
            }

.nav-tabs.nav-justified li > a:hover, .nav-tabs.nav-justified > li > a.active {
    background-color: #FFF;
    color: #02E89D;
}

.bandenTab {
    margin-bottom: 10px;
    border: 1px solid #02E89D;
}

    .bandenTab li {
        display: block;
        float: left;
        width: 25%;
        padding-left: 1px;
    }

        .bandenTab li:first-child {
            padding-left: 0
        }

        .bandenTab li a {
            color: #fff;
            padding-left: 50px;
            text-decoration: none;
            display: block;
            line-height: 46px;
            height: 46px;
            background: #02E89D url(../Content/status-icons-cp.png) center 0 no-repeat;
        }

        .bandenTab li.cpTab01 a {
            background: #02E89D;
            padding: 0;
            text-align: center
        }

        .bandenTab li.cpTab02 a {
            background-position: 10px 2px;
        }

        .bandenTab li.cpTab03 a {
            background-position: 10px -38px;
        }

        .bandenTab li.cpTab04 a {
            background-position: 10px -88px;
        }

        .bandenTab li.cpTab01:hover a, .bandenTab li.cpTab01.active a {
            background-color: #fff;
            color: #02E89D;
        }

        .bandenTab li.cpTab02:hover a, .bandenTab li.cpTab02.active a {
            background-color: #fff;
            background-position: 10px -126px;
            color: #02E89D;
        }

        .bandenTab li.cpTab03:hover a, .bandenTab li.cpTab03.active a {
            background-color: #fff;
            background-position: 10px -169px;
            color: #02E89D;
        }

        .bandenTab li.cpTab04:hover a, .bandenTab li.cpTab04.active a {
            background-color: #fff;
            background-position: 10px -217px;
            color: #02E89D;
        }

.margin-btm45 {
    margin-bottom: 20px;
}

.tab-banner .img-thumbnail {
    border-radius: 0px;
    border: 0px;
    padding: 0;
}

.tab-banner {
    position: relative;
}

    .tab-banner .carousel-caption {
        text-align: left;
        left: 5%;
        right: 5%;
        padding-bottom: 10px;
        text-shadow: 1px 1px 2px #000
    }

        .tab-banner .carousel-caption p {
            font-size: 26px;
            width: 70%
        }

            .tab-banner .carousel-caption p small {
                font-size: 20px;
                display: block
            }

.chart-section {
    height: 160px;
    position: absolute;
    right: 26px; /*top:160px;*/
    top: 200px;
    width: 160px;
    z-index: 1;
}

.chart {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.back-bg {
    position: absolute;
    z-index: 0;
    width: 120px;
    height: 120px;
    top: 20px;
    left: 20px;
    display: block;
    background: #3b4046;
    border-radius: 50%;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    line-height: 35px;
    /*z-index: 2;*/
    font-size: 35px;
    color: #FFF;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

    .percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
    }

.easypie-text {
    margin: 0 auto;
    width: 72px;
    font-size: 11px;
    color: #fff;
    position: relative;
    z-index: 1
}

.accordion-container {
    padding: 0px 0px;
}

    .accordion-container .panel-group .panel + .panel {
        margin-top: 1px;
    }

    .accordion-container h2 {
        font-family: Averta-Light, sans-serif;
        margin-bottom: 25px
    }

.accordion-containerTrail .panel-group .panel + .panel {
    margin-top: 1px;
}

.accordion-containerTrail h2 {
    font-family: Averta-Light, sans-serif;
    margin-bottom: 25px
}

.accordion-containerHealthCheck {
    padding: 20px 100px;
}

    .accordion-containerHealthCheck .panel-group .panel + .panel {
        margin-top: 1px;
    }

    .accordion-containerHealthCheck h2 {
        font-family: Averta-Light, sans-serif;
        margin-bottom: 25px
    }

.sub-accordion-container {
    padding: 0 20px 20px;
}

    .sub-accordion-container .panel-group .panel + .panel {
        margin-top: 1px;
    }

    .sub-accordion-container h2 {
        font-family: Averta-Light, sans-serif;
        margin-bottom: 25px
    }

.panel-default > .panel-heading {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .panel-default > .panel-heading > .panel-title > a {
        display: block;
        padding: 20px;
        text-decoration: none;
        /*color: #646464;*/
        background: #fff;
        color: #2b2f44;
        border-radius: 6px;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
    }

        .panel-default > .panel-heading > .panel-title > a .ico-key {
            margin-left: -10px;
            margin-top: -10px;
        }

.ico-key {
    height: 30px;
    width: 40px;
    display: inline-block;
    background: url(../Content/key-ico.png) no-repeat left 0;
}

.panel-default > .panel-heading > .panel-title > a.actives.collapsed {
    background: #02E89D;
    color: #FFF;
}

.panel-default > .panel-heading > .panel-title > a .fa, .panel-default > .panel-heading > .panel-title > a [class^="icon-"], .panel-default > .panel-heading > .panel-title > a [class*=" icon-"] {
    font-size: 22px;
    vertical-align: middle
}

.panel-default > .panel-heading > .panel-title > a .right {
    width: 15px;
    line-height: 18px;
    text-align: center;
    float: right;
    margin-right: 5px;
}

.panel-default > .panel-heading > .panel-title > a.actives.collapsed i.fa.fa-angle-right:before, .panel-default > .panel-heading > .panel-title > a[aria-expanded^="false"] i.fa.fa-angle-right:before, .panel-default > .panel-heading > .panel-title > a[aria-expanded*=" false"] i.fa.fa-angle-right:before {
    content: "\f105";
}

.panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"], .panel-default > .panel-heading > .panel-title > a[aria-expanded*=" true"] {
    background: #FFF;
    color: #02E89D;
}

    .panel-default > .panel-heading > .panel-title > a.actives i.fa.fa-angle-right:before, .panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"] i.fa.fa-angle-right:before, .panel-default > .panel-heading > .panel-title > a[aria-expanded*=" true"] i.fa.fa-angle-right:before {
        content: "\f107";
    }

.panel-default > .panel-heading > .panel-title > a small {
    margin-left: 20px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.panel-default > .panel-heading > .panel-title a:hover, .requestbtn {
    text-decoration: none !important
}

.media > .calendar-ico {
    padding: 8px;
    background: #4eba70;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.media-heading {
    color: #3b4a59;
    margin: 0;
    font-family: Averta-Semibold, sans-serif;
    border-bottom: 1px solid #d0d4d8;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.media p {
    font-size: 12px;
}

.media .editing-buttons {
    padding-top: 0
}

    .media .editing-buttons .fa {
        font-size: 17px
    }

.media-left {
    padding-right: 30px;
}

.panel {
    border: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.list-group {
    margin-bottom: 0
}

.list-group-item {
    border: 0px;
    padding: 5px 5px 5px 27px;
    background: url(../Content/img-bult.jpg) no-repeat left 8px
}

    .list-group-item:first-child {
        border-radius: 0px;
    }

.media-body .form-inline {
    margin-top: 55px;
}

    .media-body .form-inline input {
        text-align: center
    }

.media-left {
    position: relative;
}

    .media-left img {
        border: #d5d5d5 solid 1px
    }

    .media-left .editing-buttons {
        position: absolute;
        top: 5px;
        right: 30px;
    }

        .media-left .editing-buttons .nav > li {
            padding: 0;
            margin: 0
        }

.media {
    margin-top: 10px;
}
/*.mediaMarTop{margin-top: -18px !important;}*/
.firstMed {
    margin-top: 0;
}

.btn.btn-lg {
    font-size: 15px;
    padding: 10px 15px;
}

.form-panal.panel-default > .panel-heading {
    border-width: 0px 0 1px 0;
    border-color: #d0d4d8;
    background: none;
}

.form-panal h3.panel-title {
    padding: 5px 0;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    display: table;
    width: 100%;
    line-height: 30px;
}

.info-ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: transparent !important;
    background-image: url(../Content/info-img.png);
    background-size: 100% !important;
    background-position: 0 0 !important;
    float: right;
}

.form-panal .panel-body {
    padding: 7px 0
}
/*.form-panal .btn { padding: 4px 15px; }*/
.form-panal .btn.btn-lg {
    padding: 4px 20px;
}

.form-panal-OEM .btn {
    padding: 6px 9px 6px 9px;
}

.form-panal .btn-success {
    color: #fff;
    font-size: 15px;
    font-family: Averta-Regular, sans-serif;
}

    .btn-success i, .form-panal .btn-success i {
        margin: 3px 0 0 5px;
        float: right
    }

hr {
    border-color: #d0d4d8;
    clear: both;
    margin: 10px 0;
}

.autopassport-checkbox {
    float: left;
    padding: 0 10px 0 0 !important;
}

.width240 {
    max-width: 240px;
    margin: 0 auto
}

.width300 {
    max-width: 300px;
    margin: 0 auto
}

.width325 {
    max-width: 325px;
    margin: 0 auto
}

.checkbox {
    font-size: 12px;
    color: #7e7e7e;
    line-height: 20px;
}

.form-group { /*margin-bottom: 10px;*/
}

.font12 {
    font-size: 12px;
}

.panel-heading-in {
    border-bottom: #d0d4d8 solid 1px;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    padding: 0 0 10px 0;
    margin-bottom: 15px !important;
}

.padding-right5 {
    padding-right: 5px;
}

.padding-left5 {
    padding-left: 5px;
}

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

.padding-left-right5 {
    padding-left: 5px;
    padding-right: 5px;
}

.mar-top25 {
    margin-top: 25px;
}

.logo-section > .padding-left-right5 {
    padding-left: 10px;
    padding-right: 0;
}

.thumbnail {
    border-radius: 0;
    margin-bottom: 10px;
}

a.thumbnail {
    padding: 0
}

    a.thumbnail table {
        font-size: 11px
    }

        a.thumbnail table td {
            text-align: left
        }

.form-horizontal .control-label {
    text-align: left
}

.width500 {
    max-width: 500px !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 !important;
    border: 1px solid #d7d7d7;
}

    .btn-file:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 10px;
        background: #FFF;
        display: block
    }

    .btn-file input[type="file"] {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        cursor: inherit;
        display: block;
        font-size: 15px;
        min-height: 100%;
        min-width: 100%;
        opacity: 1;
        outline: medium none;
        position: absolute;
        right: 23%;
        text-align: left;
        top: 4px;
    }

.toggle-group .btn-success {
    background: #34a69d !important;
    color: #fff !important;
    border: solid 1px #02E89D !important;
}

.toggle.btn-success {
    border: solid 1px #34a69d !important;
}

.toggle-group .btn {
    padding: 6px 20px !important;
    text-indent: -99999px;
}

.toggle-group .btn-default {
    background: #FFF !important
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-color: #c9302c !important;
    border-color: #c9302c !important
}

.readmore-Link, .readmore-Link:hover {
    margin-left: 20px;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    cursor: pointer;
}

#servicePopUp li {
    color: #7e7e7e;
    background: url("../Content/grey-arrow.png") 0 7px no-repeat !important;
    font-weight: normal;
}

    #servicePopUp li label {
        font-weight: normal !important;
    }

#servicePopUp h5 {
    font-family: Averta-Semibold, sans-serif;
    padding-bottom: 7px
}

.datePickerfull .k-datepicker {
    width: 100% !important
}

.dateFull .k-picker-wrap, .dateFull .k-datetimepicker {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    height: 100%
}

.graphContent {
    padding: 14px 20px 0;
}

h3.graphTitle {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-family: Averta-Regular, sans-serif;
    margin: 0 0 10px;
    padding: 0 0 14px;
}

.addItem {
    box-shadow: #f4f4f4 0px 1px 5px 1px inset;
}

    .addItem a {
        color: #fff;
        background: #3bb4ab;
        line-height: 18px;
        padding: 0 32px;
        display: inline-block;
        margin-left: 138px;
    }

.pollOuter {
    width: 100px;
    text-align: center;
    float: left
}

.poll {
    background: #3eb6ac;
    width: 28px;
    display: inline-block;
    height: 110px;
    position: relative
}

.pollFill {
    position: absolute;
    background: #02E89D;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .pollFill.per50 {
        height: 50%
    }

    .pollFill.per75 {
        height: 75%
    }

.horzPollList {
    padding-top: 18px;
}

    .horzPollList li {
        display: block;
        padding-bottom: 14px;
    }

        .horzPollList li > span {
            display: block;
            float: left;
            width: 56px;
            line-height: 15px;
        }

.horzPollOut {
    float: left;
    width: 130px;
}

.horzPoll {
    height: 15px;
    display: block;
    position: relative
}

    .horzPoll.per25 {
        width: 25%
    }

    .horzPoll.per50 {
        width: 50%
    }

    .horzPoll em {
        position: absolute;
        font-family: Averta-Semibold, sans-serif;
        left: 100%;
        top: 0;
        font-style: normal;
        padding-left: 5px;
        line-height: 15px;
        display: inline-block
    }

    .horzPoll.free {
        background: #3b3e43
    }

    .horzPoll.basic {
        background: #3eb6ac
    }

    .horzPoll.pro {
        background: #02E89D
    }

.graphContent .chart-section {
    position: relative;
    right: 0;
    top: 0;
    margin: 16px 0 10px;
    width: 100%;
    height: 80px;
    text-align: center
}

.chart-section > span {
    display: block;
    position: relative
}

.graphContent .percent {
    color: #02E89D;
    font-size: 45px;
    line-height: 50px;
    margin-top: 28px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.graphContent canvas {
    height: 110px !important;
    width: 110px !important;
}

.chartListHead .graphContent canvas {
    height: 90px !important;
    width: 90px !important;
}

.graphContent .percent::after {
    display: none
}

.boxGraph.graphContent .percent::after {
    display: inline-block
}

.boxGraph.graphContent {
    float: right;
    padding: 0;
    margin: 0
}

.graphBtmText {
    text-align: center;
    padding-bottom: 10px;
    margin: 0
}

    .graphBtmText span {
        display: inline-block
    }

.boxGraph.graphContent .chart-section {
    margin: 0
}

.graphBtmText span.upparrow {
    display: inline-block;
    background: url(../Content/ico-sprite.png) 0 -154px no-repeat;
    padding-left: 20px;
}

.graphBtmText span.downparrow {
    display: inline-block;
    background: url(../Content/ico-sprite.png) 0 -197px no-repeat;
    padding-left: 20px;
}
/*.filterIco { background: url(../Content/filter.png) 0 center no-repeat; padding-left: 30px; margin-left: 10px; font-family: Averta-Bold, sans-serif; line-height: 34px; display: inline-block }
.filterIco:hover, .filterIco:focus { text-decoration: none }*/
.filterOption {
    display: none;
    border-top: #dadbdc 1px solid;
    padding-top: 15px;
    margin-top: 15px;
}

    .filterOption .checkbox-inline {
        padding-left: 20px;
        margin: 0 0 10px
    }

.filterTitle {
    font-family: Averta-Bold, sans-serif;
}

    .filterTitle.pb15 {
        padding-bottom: 15px;
    }

.dashTabAgenda h3, .pageHead {
    margin-bottom: 14px !important;
}

    .dashTabAgenda h3.marBotNone, .pageHead.marBotNone {
        margin-bottom: 0 !important;
    }

    .dashTabAgenda h3.marBotBorNone, .pageHead.marBotBorNone {
        margin-bottom: 0 !important;
        border: 0;
    }

    .pageHead.noPagMar {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important
    }

        .pageHead.noPagMar .k-checkbox-label {
            margin: 3px 0 0 10px;
        }

.passGevo {
    float: right;
    padding: 5px 0 0 10px;
}
/*.btnFilter.filterIco {padding: 7px 10px 5px; font-family: Averta-Regular, sans-serif; margin-left: 10px; line-height: 20px; display: inline-block; border:2px solid #02C485; background:none}*/
.calenderForm input.calGo.diffSearch[type="submit"], .calenderForm input.calGo.diffSearch[type="submit"]:hover, .calenderForm input.calGo.diffSearch[type="button"], .calenderForm input.calGo.diffSearch[type="button"]:hover {
    background: #02C485 url(../Content/magnifying-glass.png) center center no-repeat;
    background-size: 60% auto
}

.legendIco {
    padding: 10px 0 0 20px;
    margin: 0
}

    .legendIco li {
        display: block;
        float: left;
        padding-right: 10px;
    }

        .legendIco li i {
            margin-right: 5px;
            color: #FECA04;
        }

.unknowndata:hover {
    color: #fff;
    text-decoration: none
}

.unknowndata i {
    color: #fff !important;
    display: inline-block;
    font-size: 14px !important;
    line-height: 26px !important;
    margin-left: 3px;
}

.navPillOutLong .nav-pills {
    margin: 6px 0 0;
}

.newDarkPop {
    z-index: 1000;
    display: none;
    background: #3b4046;
    position: absolute;
    width: 270px;
    right: 37px;
}

    .newDarkPop:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(59, 64, 70, 0);
        border-left-color: #3b4046;
        border-width: 10px;
        margin-top: -9px;
    }

    .newDarkPop a:first-child {
        border-top: none
    }

    .newDarkPop a {
        text-align: left;
        display: block;
        color: #fff !important;
        line-height: 18px;
        padding: 10px 22px;
        border-top: #6b7076 1px solid;
        text-transform: uppercase
    }

        .newDarkPop a:hover {
            background: #02C485;
            color: #fff;
            text-decoration: none;
        }

.passGevo a.k-button {
    margin-right: 5px;
}

.activeSerch {
    max-width: 300px;
    float: left;
    margin: 0;
    padding: 0
}

.calenderForm label {
    padding: 0 !important
}

.k-grouping-header, .k-grid-toolbar {
    padding: 0 !important;
}

.k-grid .k-button {
    margin: 0 !important;
}

#CPUserGrid > .k-header {
    padding: 5px 0 !important
}

.whiteContPad {
    padding: 20px;
}

.k-datetimepicker {
    display: block;
    width: 100%;
}

    .k-datetimepicker .k-picker-wrap {
        border: 0 !important;
        padding: 0 53px 0 0 !important;
    }

.padLeft0 .k-datetimepicker {
    display: block;
    width: 100%;
}

    .padLeft0 .k-datetimepicker .k-picker-wrap {
        border: 0 !important;
        padding: 0 22px 0 0 !important;
    }

#lpNumber {
    position: relative;
}

    #lpNumber.freeCP:after {
        background: #02E89D none repeat scroll 0 0;
        border: 1px solid #34a69d;
        border-radius: 32%;
        color: #fff;
        content: "Promo";
        font-size: 11px;
        height: 20px;
        left: -13px;
        padding: 0 1px;
        position: absolute;
        text-transform: uppercase;
        top: -6px;
        width: auto;
        display: none;
    }

.col-sm-2.alignText {
    line-height: 36px;
}

.alignLeft {
    text-align: left;
}

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

.form-control.mileageleft {
    text-align: left !important;
}
/*.modal-open .k-animation-container { width: 366px !important; }
.modal-open .k-animation-container .k-list-container { width: 366px !important; }*/
.k-grid td.txtWordBreak {
    word-break: break-all;
}

.setButtonRight {
    float: right;
    margin-right: 10px;
}

.imagesize {
    width: 450px;
    margin-top: 37px;
}

.fontsizeOEM {
    font-size: 20px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

.spinnernone .k-select {
    display: none;
}

.spinnernone .k-numeric-wrap {
    padding-right: 0;
}

#divDriverType .RemoveBorder, #divMechanic .RemoveBorder {
    border: 0;
    background: none !important;
    padding-top: 2px;
}

.k-state-selected .fa-minus {
    color: #FECA04 !important;
}

.k-state-selected .fa-ban {
    color: #da374a !important;
}

.k-state-selected .fa-times {
    color: #da374a !important;
}

.oddEvenRows > .row {
    position: relative;
    padding-left: 10px;
}

    .oddEvenRows > .row:after, .oddEvenRows > .row:before {
        content: "";
        display: block;
        clear: both;
    }

    .oddEvenRows > .row:after {
        position: absolute;
        top: 0;
        height: 100%;
        left: 15px;
        width: calc(100% - 30px);
        content: "";
        z-index: 1
    }

    .oddEvenRows > .row > div[class^="col-"] {
        padding-top: 8px;
        padding-bottom: 8px;
        z-index: 5
    }

    .oddEvenRows > .row:nth-child(even):after {
        background: #f5f7f7;
    }

    .oddEvenRows > .row:nth-child(odd):after {
        background: #fefefe
    }

.marginright7 {
    margin-right: 7px;
}

.fit_header button {
    text-align: left;
}

    .fit_header button.rightBtns {
        text-align: right
    }

.fit_header .cnter_txt {
    text-align: center;
    display: block;
    line-height: 40px;
    font-size: 22px;
}

#divBadAvg .k-numeric-wrap.k-expand-padding .k-input, .table-responsive .k-numeric-wrap.k-expand-padding .k-input {
    padding: 0 8px;
}

.kendoeuro {
    line-height: 2.29em !important;
}

.mtop15 {
    margin-top: 15px;
}

.mtop6 {
    margin-top: 6px;
}

html .panel-body.plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}
/*#usergrid table th:first-child, #usergrid table td:first-child { text-align: left; padding-left: 0!important }*/
/*#usergrid table td:last-child { text-align: right; padding-right: 0!important }*/
#MandrillMailGrid table th:first-child, #MandrillMailGrid table td:first-child {
    text-align: center;
}

#MandrillMailGrid table th, td {
    text-align: left;
}

#CPUserGrid table th:nth-child(2), #CPUserGrid table td:nth-child(2), #IncidentsGrid table th:nth-child(2), #IncidentsGrid table td:nth-child(2) /*, [data-field="LicensePlate"]*/ {
    text-align: center !important;
}
/*.LicenseCenter { text-align: center !important; }*/
.hr10 {
    margin: 10px 0 10px;
}

.mleft10 {
    margin-left: 10px;
}

#divBadAvg td.col01 {
    width: 4%;
    text-align: center;
}

#divBadAvg td.col02 {
    width: 20%;
}

#divBadAvg td.col03 {
    width: 30%;
}

#divBadAvg td.col04 {
    width: 15%;
}

#divBadAvg td.col05 {
    width: 15%;
}

#divBadAvg td.col06 {
    width: 10%;
}

#divBadAvg td.col07 {
    width: 7%;
    text-align: center;
}

#divBadAvg td.col08, #divBadAvgRepair td:last-child {
    width: 8%;
    text-align: center;
}

.performanceCursor {
    cursor: pointer;
}

.editing-buttons .arrow-white .fa {
    color: #fff;
    margin: 0 10px 0 0;
    float: left;
}

.martop16 {
    margin-top: 16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn-file input[type="file"] {
        right: 26%;
    }
}

.btn-file:hover {
    background: #FFF;
}

.help-block {
    font-size: 11px;
}

.btn-default {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #3b4a59;
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        background-color: #34a69d;
        border-color: #34a69d;
    }

.next-prev-buttons button {
    background-color: #34a69d;
    border-color: #34a69d;
    color: #fff
}

.logo-section .btn {
    padding: 0;
    white-space: inherit;
}

.logo-section a.thumbnail, .logo-section a.thumbnail:focus, .logo-section a.thumbnail:hover {
    border-color: #d5d5d5;
    position: relative;
    outline: 0 none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset
}

    .logo-section a.thumbnail:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.6)
    }

    .logo-section a.thumbnail.activea:after {
        display: none
    }

    .logo-section a.thumbnail img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }

    .logo-section a.thumbnail.activea img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: none;
    }

.passport-data .k-in, .k-item, .k-window-action {
    list-style: none;
}

.close {
    font-size: 24px !important;
    width: 24px;
}

    .close.bandenClose {
        font-size: 32px !important;
        width: 32px;
        opacity: 1
    }

.deletecobrand {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #02E89D;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1.3;
}

    .deletecobrand .editing-buttons .fa {
        color: #02E89D;
    }
/*input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {font-style:italic;}
input::-moz-placeholder, textarea::-moz-placeholder {font-style:italic;}
input:-moz-placeholder, textarea:-moz-placeholder {font-style:italic;}
input:-ms-input-placeholder, textarea:-ms-textarea-placeholder {font-style:italic;}*/
.form-control {
    /*border-radius: 0;*/
    /*box-shadow: none;*/
    border-color: #dadbdc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    height: 50px;
    -webkit-box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    -moz-box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1)
}

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

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

.form-control:disabled, .form-control.disabled {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    opacity: 1;
    height: auto;
    box-shadow: none;
}

.autoForm-control:read-only, .autoForm-control.read-only {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    opacity: 1;
    height: auto;
    width: 60px !important;
    text-align: left;
    padding-right: 10px !important
}

#ddlAdditions:disabled, #ddlWholesaler:disabled {
    background: #eee url('../Content/select-arrow.png') 98% center no-repeat !important;
    border: 1px !important;
    padding: 6px 12px !important;
    opacity: 1;
    height: 34px
}

.inputMedium .form-control {
    max-width: 190px;
}

.marRgtnine {
    margin-right: 9px;
}

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

.pramotionalcode {
    padding-bottom: 14px;
    border-bottom: 1px solid #d0d4d8;
}

.editing-buttons {
    padding: 15px 0
}

    .editing-buttons .custom-checkbox .fa {
        font-size: 10px;
        padding-left: 3px;
    }

    .editing-buttons .custom-checkbox .btn-group {
        padding: 0;
    }

        .editing-buttons .custom-checkbox .btn-group .dropdown-menu {
            border-radius: 0;
        }

        .editing-buttons .custom-checkbox .btn-group.open .dropdown-toggle {
            box-shadow: none;
        }

    .editing-buttons .custom-checkbox .btn {
        background: none;
        padding: 0;
        border: 0;
        margin-top: -5px;
    }

    .editing-buttons .custom-checkbox input[type="checkbox"] {
        margin: 0;
    }

    .editing-buttons .nav-pills .fa {
        font-size: 20px;
        color: #828282;
    }

    .editing-buttons .nav > li:first-child {
        padding-right: 5px;
    }

    .editing-buttons .nav > li > a {
        padding: 0 6px;
        cursor: pointer;
    }

        .editing-buttons .nav > li > a:hover {
            background-color: #fff;
        }

.create-passport-content .table-responsive {
    padding: 0 1px !important;
}

.passport-data .table {
    text-align: center;
}

    .passport-data .table th {
        text-align: center;
    }

        .passport-data .table th.text-left {
            text-align: left;
        }

    .passport-data .table td {
        vertical-align: middle;
        padding: 10px;
    }

.passport-data .table-bordered {
    border: 0 !important;
}

.passport-data .fa-pencil, .passport-data .fa-trash-o {
    font-size: 16px;
    vertical-align: middle;
    color: #828282;
    cursor: pointer;
    line-height: 26px;
    text-align: center;
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.passport-data .icheckbox_minimal {
    width: 35px;
    background: url(../Content/minimal_table.png) no-repeat;
}

    .passport-data .icheckbox_minimal.hover {
        background-position: -40px 0;
    }

.passport-data .table select.form-control { /*text-align: center; border: none; padding: 0 0; background: none; height: 30px;*/
}

    .passport-data .table select.form-control:focus {
        box-shadow: none !important;
    }

.passport-data .table .history-data .form-control {
    padding-right: 30px;
}

.passport-data .table .icon-mijngarage {
    font-size: 26px;
    color: #02E89D;
}

.passport-data .table .icon-mijngarage {
    font-size: 20px;
    color: #d6cd54;
}

.passport-data .table .active .icon-mijngarage {
    font-size: 26px;
    color: #02E89D;
}

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

.icheckbox_minimal, .iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 20px;
    background: url(../Content/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}

    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}

    .iradio_minimal.hover {
        background-position: -120px 0;
    }

    .iradio_minimal.checked {
        background-position: -140px 0;
    }

    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

.marbottom15 {
    margin-bottom: 15px;
}

.stap-4-pagination {
    margin: 10px 0;
    font-family: Averta-Light, sans-serif;
}

    .stap-4-pagination .pagination {
        margin: 0;
    }

        .stap-4-pagination .pagination > li > a, .pagination > li > span {
            border-bottom: none;
            border-right: none;
            border-top: none;
            border-left: 1px solid #7e7e7e;
            color: #7e7e7e;
            padding: 0 8px;
        }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border: none;
}

.stap-4-pagination .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: inherit;
    color: #7e7e7e;
    font-family: Averta-Bold, sans-serif;
}

.btn-primary {
    background-color: #02E89D;
    border-color: #02E89D;
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        background-color: #02C485;
        border-color: #02C485;
        text-decoration: none;
        color: #fff
    }

.create-passport-content .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: inherit !important;
    font-family: Averta-Bold, sans-serif;
}

.create-passport-content .table td.orangedata, .create-passport-content .table .active td.orangedata {
    background-color: #f2bc04 !important;
    text-align: center
}

.orangedata {
    background-color: #f2bc04 !important;
}

.accordion-container .panel-default > .panel-heading > .panel-title > a small {
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    float: right;
    padding-right: 10px
}

.accordion-container .panel-default > .panel-heading > .panel-title > a.actives.collapsed small {
    color: #fff;
}

.accordion-container .panel-default > .panel-heading > .panel-title > a.actives small {
    color: #02E89D;
}

.padding20-left-right {
    padding-left: 20px;
    padding-right: 20px;
}

.padding5-top-bottom {
    padding-top: 5px;
    padding-bottom: 5px;
}

.next-prev-buttons {
    margin: 20px 0 0;
}

    .next-prev-buttons .pull-left i {
        margin: 3px 10px 0 0;
        float: left;
        color: #fff;
    }

    .next-prev-buttons .pull-right i {
        margin: 3px 0 0 10px;
        float: right;
        color: #fff;
    }

.inner-tabs .panel-title {
    padding: 0 !important;
}

.inner-tabs .panel-default > .panel-heading {
    border-width: 0px 0 1px 0;
    border-color: #d0d4d8;
    background: none;
}

.Jobs-data .table th {
    border: none;
    padding-bottom: 8px;
}

.Jobs-data .table td {
    border: none;
    padding: 5px;
    vertical-align: middle;
}

    .Jobs-data .table td span {
        vertical-align: middle;
    }

    .Jobs-data .table td .textbox {
        border: 1px solid #d0d4d8;
        height: 35px;
        line-height: 32px;
        padding: 0 15px;
    }

.Jobs-data .icheckbox_minimal {
    border: 1px solid #d0d4d8;
    width: 35px;
    height: 36px;
    background-image: url(../Content/minimal_jobs.png);
    margin-top: -1px;
}

    .Jobs-data .icheckbox_minimal.checked {
        background-position: -24px 0;
    }

    .Jobs-data .icheckbox_minimal.hover {
        background-position: -24px 0;
    }

.Jobs-data label, .Jobs-data .k-datepicker {
    width: 100%
}

.mar-bottom {
    margin-bottom: 0;
}

.modal-content {
    border-radius: 0;
    padding: 10px 30px 20px;
    margin: 0 auto;
    width: 100%;
}

    .modal-content .modal-header {
        padding: 10px 0;
    }

    .modal-content .modal-body {
        padding: 0;
    }

        .modal-content .modal-body .help-block {
            margin: 0;
            color: #3b4a59;
        }

    .modal-content .modal-header .modal-title {
        margin-right: 15px;
        font-family: Averta-Bold, sans-serif;
    }

    .modal-content .editing-buttons {
        padding: 3px 0 0 0;
    }

    .modal-content .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border: none;
        vertical-align: middle;
    }
    /*.modal-content .table > tbody > tr > th { font-weight: normal; }*/
    .modal-content .table > tbody > tr > td {
        border: 1px solid #d0d4d8;
    }

.dvGmsJos .modal-content .table > tbody > tr > td {
    border: 0px;
}

.modal-content .popup-existing-history .icheckbox_minimal {
    background-image: url(../Content/minimal_table.png);
}

.modal-content .popup-existing-history a {
    color: #02E89D;
    text-decoration: none;
}

.modal-content .k-pager-numbers.k-reset a.k-link {
    color: #787878;
}

.noborder {
    border: none !important;
    padding-bottom: 0 !important;
}

.preview-login-data {
    padding-top: 20px;
}

.media-right .btn {
    padding: 6px 0;
    background: none;
}

.padding25-top-bottom {
    padding: 25px 0;
}

.padding15-top-bottom {
    padding: 15px 0;
}

.stap5 .tab-banner .carousel-caption p {
    width: 80%;
}

.step3-team-members ul li {
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

    .step3-team-members ul li:last-child {
        border-right: 1px solid #dfdfdf;
    }

.step3-team-members .nav > li > a {
    padding: 10px 8px;
}

.step3-team-members .nav-pills > li > a {
    border-radius: 0;
    color: #7f7f7f;
    width: 100%;
    text-align: center;
}

.step3-team-members .nav-pills > li.active, .step3-team-members .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #34a69d;
    color: #fff;
}

.Jobs-data .table.text-bdr-none td .textbox {
    border: 0px;
    padding: 0
}

.history-data {
    margin-top: 10px;
    cursor: pointer !important;
}

.popupTeam {
    margin-top: 15px;
}

.box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 14px 3px rgba(219, 219, 219, 0.2);
    margin: 20px auto;
    padding: 20px;
    float: none;
}

.account {
    padding: 100px 0 200px;
}

    .account .form-group {
        margin-bottom: 20px;
    }

.margin-top30 {
    margin-top: 30px;
}

.checkbox-list .checkbox-inline {
    width: auto;
    min-width: 120px;
    padding: 0;
    margin: 0 0 10px;
    float: left;
}

.checkbox-list .icheckbox_minimal {
    margin-right: 5px;
}

.owl-slider {
    margin-bottom: -15px !important;
    padding-bottom: 0 !important;
}

    .owl-slider .panel-body {
        padding-bottom: 0;
        position: relative;
    }

    .owl-slider .owl-item img {
        max-width: 469px;
        width: 100%;
        min-width: inherit;
    }

    .owl-slider .owl-item h3 {
        border-bottom: #d0d4d8 solid 1px;
        margin-top: 50px;
        font-family: Averta-Semibold, sans-serif;
        padding-bottom: 5px;
        font-size: 18px;
        color: #3b4a59;
        margin-bottom: 25px;
    }

    .owl-slider .owl-item .list-group {
        margin-left: 15px;
        margin-bottom: 50px;
    }

    .owl-slider .owl-item p {
        margin-bottom: 25px;
    }

    .owl-slider .img-phone {
        float: left;
    }

.btn.maak-btn {
    padding: 0 42px;
    line-height: 68px;
    font-size: 25px;
}

.promoText div {
    display: block;
    display: -webkit-box;
    height: 30px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 14px;
    text-overflow: ellipsis;
}

.btn.btn-auto {
    margin-top: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.passport-data .table .icon-mijngarage.active {
    color: #02E89D;
    font-size: 20px;
}

.dispnone {
    display: none !important;
}

.veralgmid {
    vertical-align: middle;
}

.panel-group .panel {
    margin-bottom: 1px;
}

.kenteken {
    display: block;
    position: relative;
}

    .kenteken span {
        background: #0073b5 url('../Content/kenteken.png');
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 40px;
        height: 100%;
        background-position: center;
        z-index: 99;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .kenteken div, .kenteken input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 24px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        border-radius: 0;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
    }

        .kenteken div:valid, .kenteken input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken div {
        line-height: 40px;
    }

    .kenteken.large span {
        max-height: 46px;
    }

    .kenteken.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }

.kenteken_en-GB {
    display: block;
    position: relative;
}

    .kenteken_en-GB span {
        background: #0073b5 url('../Content/kenteken_1.png');
        background-size: auto 71px !important;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 56px;
        height: 46px;
        z-index: 99;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .kenteken_en-GB div, .kenteken_en-GB input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 16px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
    }

        .kenteken_en-GB div:valid, .kenteken_en-GB input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken_en-GB div {
        line-height: 40px;
    }

    .kenteken_en-GB.large span {
        max-height: 46px;
    }

    .kenteken_en-GB.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken_en-GB.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken_en-GB.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }

.kenteken_nl-NL {
    display: block;
    position: relative;
}

    .kenteken_nl-NL span {
        background: #0073b5 url(../Content/kenteken.png);
        background-size: auto 71px !important;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 56px;
        height: 46px;
        z-index: 99;
        border-radius: 5px 0 0 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .kenteken_nl-NL div, .kenteken_nl-NL input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 16px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        border-radius: 5px;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
    }

        .kenteken_nl-NL div:valid, .kenteken_nl-NL input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken_nl-NL div {
        line-height: 40px;
    }

    .kenteken_nl-NL.large span {
        max-height: 46px;
    }

    .kenteken_nl-NL.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken_nl-NL.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken_nl-NL.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }

.kenteken_en-US {
    display: block;
    position: relative;
}

    .kenteken_en-US span {
        background: #0073b5 url('../Content/kenteken_1.png');
        background-size: cover;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 40px;
        height: 100%;
        background-position: center;
        z-index: 99;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .kenteken_en-US div, .kenteken_en-US input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 24px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        border-radius: 0;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
    }

        .kenteken_en-US div:valid, .kenteken_en-US input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken_en-US div {
        line-height: 40px;
    }

    .kenteken_en-US.large span {
        max-height: 46px;
    }

    .kenteken_en-US.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken_en-US.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken_en-US.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }


.kenteken_en-GB {
    display: block;
    position: relative;
}

    .kenteken_en-GB span {
        background: #0073b5 url('../Content/kenteken_1.png');
        background-size: auto 71px !important;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 56px;
        height: 46px;
        z-index: 99;
        border-radius: 5px 0 0 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .kenteken_en-GB div, .kenteken_en-GB input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 16px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
        border-radius: 5px;
    }

        .kenteken_en-GB div:valid, .kenteken_en-GB input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken_en-GB div {
        line-height: 40px;
    }

    .kenteken_en-GB.large span {
        max-height: 46px;
    }

    .kenteken_en-GB.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken_en-GB.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken_en-GB.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }

.kenteken_en-GB {
    display: block;
    position: relative;
}

    .kenteken_en-GB span {
        background: #0073b5 url('../Content/kenteken_1.png');
        background-size: auto 71px !important;
        position: absolute;
        bottom: 0px;
        margin: 0 !important;
        display: block;
        width: 56px;
        height: 46px;
        z-index: 99;
        border-radius: 5px 0 0 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

    .kenteken_en-GB div, .kenteken_en-GB input {
        text-align: center;
        height: 46px;
        width: 100%;
        background-color: #F2BC04 !important;
        color: #000;
        /*border: 0px;*/
        font-size: 16px;
        text-transform: uppercase;
        padding: 0 0 0 30px;
        border: none !important;
        font-family: Kenteken,sans-serif;
        -moz-background-clip: padding !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
    }

        .kenteken_en-GB div:valid, .kenteken_en-GB input:valid {
            background-color: #F2BC04 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .kenteken_en-GB div {
        line-height: 40px;
    }

    .kenteken_en-GB.large span {
        max-height: 46px;
    }

    .kenteken_en-GB.small {
        margin: 5px 0px;
        width: 130px;
    }

        .kenteken_en-GB.small span {
            background-size: 80% !important;
            height: 30px;
        }

        .kenteken_en-GB.small div {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-family: Averta-Semibold, sans-serif;
        }


.smallForm .form-group {
    border: 1px solid #ccc;
}

.smallForm .form-control {
    border: 0px;
    border-radius: 0;
}

.smallForm input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {
    font-style: normal;
}
/*.smallForm input::-moz-placeholder, textarea::-moz-placeholder {font-style:normal;}
.smallForm input:-moz-placeholder, textarea:-moz-placeholder {font-style:normal;}*/
.smallForm input:-ms-input-placeholder, textarea:-ms-textarea-placeholder {
    font-style: normal;
}

.smallForm .control-label {
    font-weight: normal;
    font-style: italic;
    color: #878787
}

.smallForm .glyphicon, .smallForm .fa {
    color: #828282
}

.list-btn {
    width: 156px;
    margin-bottom: 20px;
}

    .list-btn .btn {
        text-align: left;
        padding: 8px 12px;
    }

    .list-btn .btn-primary.active, .list-btn .btn-primary.focus, .list-btn .btn-primary:active, .list-btn .btn-primary:focus, .list-btn .btn-primary:hover, .list-btn .open > .dropdown-toggle.btn-primary {
        background: #FFF;
        color: #34a69d;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset
    }

.table .history-data {
    margin-top: 0
}

.tableData td, .tableData th {
    padding: 3px !important;
}

    .tableData td .btn, .tableData td .btn:focus {
        padding-left: 6px;
        padding-right: 6px;
        outline: none;
    }

        .tableData td .fa, .tableData td .btn .fa-inbox {
            color: #02E89D;
        }

    .tableData td .fa, .tableData td .icon-test-auto {
        font-size: 18px;
        color: #02E89D;
    }

    .tableData td .btn.active .icon-test-auto, .tableData td .btn.active .fa-volume-up, .tableData td .btn.active .fa-file-image-o {
        color: #02C485;
    }

    .tableData td .btn.inactive .icon-test-auto {
        color: #da374a;
    }

    .tableData td .fa-check, .tableData td .fa-minus, .tableData td .fa-times {
        color: #dddddd;
    }

    .tableData td .fa-ban {
        color: #dddddd;
    }

.tableData .btn.active, .tableData .btn:active {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset
}

.tableData td .btn.active .fa-ban {
    color: #da374a;
}

.tableData td .btn.active .fa-check {
    color: #02C485;
}

.tableData td .btn.active .fa-minus {
    color: #FECA04;
}

.tableData td .btn.active .fa-times {
    color: #da374a;
}

.passport-data td .fa-plus-circle {
    color: #02C485;
}

.stap-4-pagination .btn-link {
    margin-bottom: 10px;
    color: #3a4a5a;
    display: block
}

    .stap-4-pagination .btn-link .fa {
        color: #02C485;
        font-size: 18px;
    }

.modal-sm {
    width: 400px;
}

.padding15-top-bottom {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.modal-sm .form-horizontal.smallForm .form-group {
    margin: 0 0 10px 0 !important
}

.modal-sm .form-horizontal .btn-link {
    margin-bottom: 10px;
    color: #3a4a5a;
    display: block
}

    .modal-sm .form-horizontal .btn-link .fa {
        color: #02C485;
        font-size: 18px;
    }

.width250 {
    width: 251px;
}

.modal-dialog.width1170 {
    width: 100%;
    max-width: 1170px;
}
/*.containt-scroll { max-height: 400px; overflow: auto;}*/
.containt-scroll ol {
    margin: 0;
    padding: 0;
}

    .containt-scroll ol li {
        margin: 0;
        padding: 0;
        font-size: 15px;
    }

    .containt-scroll ol > li {
        margin-bottom: 15px;
        border-bottom: 1px solid #cfd4d8
    }

    .containt-scroll ol li h4 {
        margin: 0 0 10px 0;
    }

.containt-scroll ul {
    margin: 0;
    padding: 0
}

    .containt-scroll ul li {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 3px 0;
    }

        .containt-scroll ul li.checkbox {
            margin-top: 2px !important;
        }

            .containt-scroll ul li.checkbox label {
                margin-left: 0;
                padding: 0;
                padding-left: 30px;
            }

        .containt-scroll ul li .icheckbox_minimal {
            margin-right: 10px;
        }

.k-numerictextbox {
    width: 5.4em !important;
}

.margin-left15 {
    margin-left: 15px;
}

.margin-left10 {
    margin-left: 10px;
}

#servicePopUp .containt-scroll {
    max-height: 600px;
}

.account h2 {
    margin-top: 0 !important;
    font-size: 22px
}

.account .btn-success {
    color: #fff;
    font-size: 16px
}

.panel-default > .panel-heading > .panel-title > a [class^="icon-"]:before, .panel-default > .panel-heading > .panel-title > a [class*=" icon-"]:before, .panel-default > .panel-heading > .panel-title > a .fa:before {
    width: 30px;
    display: inline-block
}

#stap4One .owl-controls {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 100%;
}

.owl-prev, .owl-next {
    position: relative;
    background: #02E89D;
    height: 30px;
    width: 30px;
    text-indent: -99999px;
    display: block;
    float: left;
}

.owl-next, .fltRight {
    float: right
}

    .owl-prev:after, .owl-next:after {
        width: 30px;
        height: 30px;
        text-align: center;
        font-family: FontAwesome, sans-serif;
        color: #fff;
        font-size: 17px;
        line-height: 30px;
        text-indent: 0;
    }

.owl-prev:after {
    content: "";
    float: left;
}

.owl-next:after {
    float: right;
    content: "";
}

.datePickerfull .form-control {
    padding-right: 0 !important;
}

.k-filename {
    width: 50%;
    word-wrap: break-word; /*white-space: normal !important;*/
    line-height: 24px;
    padding-bottom: 0;
    min-width: inherit;
    max-width: none;
    margin: 0 5px;
}

#MandrillMailGrid.k-grid .k-button {
    background-color: transparent !important;
    color: #02E89D !important;
    margin-bottom: 0 !important;
    padding: 0;
    text-decoration: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-height: inherit;
    min-width: inherit;
    border: 2px solid #02E89D;
    line-height: 25px;
    position: relative;
}

    #MandrillMailGrid.k-grid .k-button.k-grid-update {
        text-indent: -9999px;
    }

        #MandrillMailGrid.k-grid .k-button.k-grid-update span.fa-save {
            position: absolute;
            left: 7px;
            text-indent: 0;
            top: 6px;
        }

    #MandrillMailGrid.k-grid .k-button.k-grid-cancel {
        position: relative;
        left: 10px;
    }

    #MandrillMailGrid.k-grid .k-button > .k-icon.k-edit {
        display: none !important
    }

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

input[type="text"] {
    border: #dadbdc 1px solid;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    line-height: 3em;
}

.loaderClass {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(../Content/ajax-loader4.png) 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    body.loading .loaderClass {
        display: block;
    }

.modal-link, .modal-linkstatus, .modal-linkaddrepair {
    cursor: pointer !important;
}

.scrollAuto {
    overflow: auto;
}

.profileHead {
    background: #3eb6ab url(../Content/icon-sprite.png) 3px -818px no-repeat;
    padding: 10px 0 10px 46px;
    min-height: 42px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Averta-Semibold,sans-serif;
}

.profileCont {
    padding: 20px;
}

#owl-demo02 {
    z-index: 1;
}

    #owl-demo02 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    #owl-demo02 .owl-dots {
        position: absolute;
        right: 15px;
        bottom: 2px;
        width: 10px;
    }

    #owl-demo02 .owl-dot {
        display: block;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #fff;
        margin-bottom: 10px;
    }

        #owl-demo02 .owl-dot.active {
            background: #3eb6ab
        }

.profileBanner {
    position: relative;
}

.profileLogo {
    width: 100%;
    max-width: 110px;
}

    .profileLogo img {
        width: 100%;
        height: auto;
    }

.box.sliderBoxMid {
    display: table;
    width: 100%
}

.profileLogoFront {
    width: 115px;
    display: block;
    float: left;
}

    .profileLogoFront img {
        width: 100%;
        height: auto;
    }

.bannerCont {
    background: #fff;
    border: 0;
    border-top: #f6f4f5 20px solid;
    border-bottom: #f6f4f5 20px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 20px;
}

.bannerContTitle {
    color: #3eb6ac;
    font-size: 21px;
    line-height: 28px;
}

.bannerCont p {
    font-size: 14px;
    color: #3b4046;
    font-family: Averta-Semibold, sans-serif;
    margin-bottom: 8px;
    line-height: 28px;
}

    .bannerCont p span {
        color: #3eb6ab;
    }

.icobtnGroup {
    display: inline-block;
    padding-right: 8px;
}

.bannerCont a.callIco, .bannerCont a.mailIco {
    font-size: 14px;
    font-family: Averta-Semibold, sans-serif;
    color: #fff;
    background: #02E89D;
    display: block;
    width: 100%;
    width: 30px;
    height: 28px;
    position: relative;
    word-wrap: break-word;
}

.bannerCont a.callIco {
    margin-bottom: 8px;
}

.bannerContPara {
    color: #8f8f8f;
    font-size: 16px;
    line-height: 20px;
    padding-top: 14px;
    display: block
}

.bannerCont a.greenButton {
    display: inline-block;
    width: 100%;
    max-width: 144px;
    margin: 0;
    padding: 11px 20px;
    vertical-align: top
}

.fontZero {
    font-size: 0;
    line-height: 0
}

.bannerCont a.callIco:before, .bannerCont a.mailIco:before {
    content: "";
    display: block;
    font-size: 14px;
    line-height: 28px;
    font-family: FontAwesome, sans-serif;
    position: absolute;
    left: 9px;
    top: 0;
    color: #fff
}

.bannerCont a.mailIco:before {
    content: ""
}

.bannerCont a:hover {
    background: #02E89D;
    text-decoration: none
}

.bannerCont a.greenButton {
    color: #fff;
    background: #3eb6ab
}

.bannerCont a.navitoLocate, .bannerCont a.navitoLocate:hover {
    display: inline-block;
    background-image: url(../Content/icon-sprite.png);
    background-position: 3px -879px;
    background-repeat: no-repeat
}

.profileCont h2 {
    margin: 20px 0;
    background: #3eb6ab url(../Content/icon-sprite.png) 0 0 no-repeat;
    padding: 0 0 0 46px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.profileCont p.profilePara {
    font-size: 15px;
    line-height: 19px;
    font-family: Averta-Semibold, sans-serif;
}

.profileCont h3 {
    margin: 0 0 20px;
    padding: 0;
    color: #3b4a59;
    font-size: 16px;
    line-height: 39px;
    border-bottom: #e3e3e3 1px solid;
}

.profileCont h2.mechaniIco {
    background-position: 5px -2px
}

.profileCont h2.reviewIco {
    background-position: 5px -54px
}

.profileCont h2.facilityIco {
    background-position: 5px -106px
}

.profileCont h2.overIco {
    background-position: 5px -163px
}

.profileCont h2.opinionIco {
    background-position: 5px -218px;
}

.profileCont h2.affiliateIco {
    background-position: 5px -271px
}

.profileCont h2 a {
    background: #1e2337;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 27px;
    line-height: 30px;
    margin: 5px 7px 0 0;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
}

.michanicCon img {
    width: 100%;
    height: auto
}

.michanicCon ul {
    padding: 0;
    margin: 0
}

.michanicCon li {
    display: block;
    width: 100%;
    float: left;
}

    .michanicCon li:first-child {
        padding: 0
    }

    .michanicCon li span {
        display: block;
        float: left;
        width: 130px;
        font-family: Averta-Semibold,sans-serif;
    }

    .michanicCon li p {
        padding: 0;
        margin: 0 0 5px;
        margin-left: 130px;
    }

.container.marinTopZero, .container.marinTopZero .staps-container {
    margin-top: 0
}

.serviceTitle {
    border-bottom: #fff 1px solid;
    margin-top: 20px
}

    .serviceTitle span {
        font-family: Averta-Light, sans-serif;
        display: block;
        color: #fff;
        font-size: 16px;
        background: #3eb6ac url(../Content/icon-sprite.png) 8px -932px no-repeat;
        line-height: 40px;
        padding-left: 46px;
    }

.services ul {
    margin: 0;
    padding: 0
}

.serviceOuter h5 {
    margin: 0;
    padding: 0 0 20px;
    font-size: 16px;
    font-family: Averta-Semibold,sans-serif;
}

.services li {
    box-sizing: border-box;
    font-size: 14px;
    font-family: Averta-Semibold, sans-serif;
    display: block;
    background: url(../Content/icon-sprite.png) 0 -337px no-repeat;
    list-style-type: none;
    padding-left: 28px !important;
    padding-bottom: 10px !important;
}

.reviewList {
    border-bottom: #e3e3e3 1px solid;
    margin: 0 0 30px;
    padding: 0 0 0 47px
}

    .reviewList li {
        display: block;
        padding: 10px 0;
        position: relative;
        border-top: #e3e3e3 1px solid;
        line-height: 14px;
        font-family: Averta-Semibold, sans-serif;
    }

        .reviewList li:before {
            background: url(../Content/icon-sprite.png) -5px -774px no-repeat;
            width: 21px;
            height: 23px;
            position: absolute;
            left: -37px;
            content: '';
            top: 15px
        }

        .reviewList li:first-child {
            padding-top: 0;
            border: 0;
        }

            .reviewList li:first-child:before {
                top: 5px;
            }

        .reviewList li .col-md-8 {
            padding-left: 0
        }

        .reviewList li em {
            display: block;
            font-size: 12px;
        }

        .reviewList li span, .reviewList li .col-md-4 {
            color: #3eb6ab;
            font-size: 12px;
        }

            .reviewList li .col-md-4 span {
                font-size: 18px;
            }

.facilityList {
    margin: 0;
    padding: 0 0 20px;
}

    .facilityList li {
        display: block;
        min-height: 36px;
        font-family: Averta-Semibold, sans-serif;
        line-height: 36px;
        padding: 0;
    }

        .facilityList li img {
            float: left
        }

        .facilityList li:first-child, .facilityList li:nth-child(2) {
            margin-top: 0
        }

        .facilityList li.freeWiFi {
            background-position: 0 -373px
        }

        .facilityList li.laptopCon {
            background-position: 0 -425px
        }

        .facilityList li.tvAndIPad {
            background-position: 0 -484px
        }

        .facilityList li.beveFaci {
            background-position: 0 -540px
        }

        .facilityList li.ampParking {
            background-position: 0 -598px
        }

        .facilityList li.accDisabled {
            background-position: 0 -652px
        }

        .facilityList li.cards {
            background-position: 0 -708px
        }

.mapOuter img {
    width: 100%;
    height: auto;
}

.searchMap img {
    width: 100%;
    height: auto
}

.searchBar {
    background: #fff;
    padding: 8px 0;
    margin-bottom: 10px;
    display: none;
}

.searchCont {
    padding: 20px;
}

    .searchCont h2 {
        font-size: 19px;
        line-height: 19px;
        padding: 0 0 14px;
        margin: 0
    }

.searchBarOuter {
    float: right
}

    .searchBarOuter label {
        color: #3b505e;
        font-weight: normal;
        line-height: 35px;
        float: left;
    }

    .searchBarOuter button[type="submit"], .searchBarOuter input[type="submit"] {
        float: left;
        margin-left: 10px;
        border: 0;
        background: #02E89D;
        color: #fff;
        font-family: Averta-Semibold, sans-serif;
        padding: 0 42px;
        height: 35px;
    }

    .searchBarOuter input[type="text"], .searchBarOuter select {
        color: #3b505e;
        border: #bdbdbd 1px solid;
        background: #fff;
        height: 35px;
        float: left;
        margin-left: 10px;
        padding: 0 15px;
    }

    .searchBarOuter button[type="submit"] {
        padding: 0 10px;
    }

    .searchBarOuter select {
        font-style: normal;
    }

.pagiBar {
    border-top: #e5e5e4 1px solid;
    padding: 14px 0;
    font-size: 15px;
}

    .pagiBar ul {
        float: right;
        margin: 0;
        padding: 0
    }

        .pagiBar ul li {
            font-size: 14px;
            border-left: 1px solid #a4a4a4;
            padding: 0 4px;
            float: left;
            display: block;
        }

            .pagiBar ul li:first-child {
                border: 0
            }

            .pagiBar ul li a {
                color: #7f7f7f;
                line-height: 12px;
                text-decoration: none
            }

                .pagiBar ul li a:hover, .pagiBar ul li span {
                    font-family: Averta-Semibold, sans-serif;
                }

.searchTable {
    overflow-y: auto;
    width: 100%
}

    .searchTable table {
        min-width: 678px
    }

    .searchTable tr {
        border-top: #e5e5e4 1px solid;
    }

.searchLogo {
    padding: 28px 0 20px;
    text-align: center;
}

    .searchLogo.col-sm-1 {
        padding: 28px 15px 20px;
    }

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

.searchTabCon {
    padding: 10px 0;
    display: table;
    width: 100%
}

    .searchTabCon h3 {
        font-family: Averta-Semibold, sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 33px;
        border-bottom: #dadbdc 1px solid;
        padding: 0 0 9px;
        margin: 0 0 14px
    }

.width116 {
    width: 158px;
    text-transform: none
}

.srcDetail {
    padding: 17px 0
}

    .srcDetail ul {
        margin: 0;
        padding: 0
    }

    .srcDetail li {
        display: block;
        padding: 0 0 10px 27px;
        background: url(../Content/icon-sprite-search.png) 0 0 no-repeat;
    }

        .srcDetail li.srcLoc {
            background-position: 0 -981px
        }

        .srcDetail li.srcNums {
            background-position: 0 -1049px
        }

        .srcDetail li.srcMail {
            background-position: 0 -1138px
        }

.srcBtn {
    margin-top: 8px;
    color: #fff;
    font-family: Averta-Semibold, sans-serif;
    padding: 0 17px;
    line-height: 35px;
    background: #02E89D;
    display: inline-block;
}

.modal-profile-lg {
    width: 1200px !important;
    background-color: white !important;
}

.contact-icon li {
    width: 20% !important;
    float: left;
    text-align: center !important
}

    .contact-icon li:last-child {
        width: 40% !important;
        text-align: right !important;
        float: right;
    }
/*.searchTabCon li a.icon { display: block; margin: 0 auto; padding: 0; width: 25px; height: 25px; background: url(../Content/icon-sprite-search.png) 0 0 no-repeat; }*/
.searchTabCon li a.icon {
    display: block;
    margin: 0 auto;
    padding: 0;
    height: 25px;
    background: url(../Content/icon-sprite-search.png) 0 0 no-repeat;
}

    .searchTabCon li a.icon.ico-srcLoc {
        background-position: 0 -981px
    }

    .searchTabCon li a.icon.ico-srcNums {
        background-position: 0 -1049px
    }

    .searchTabCon li a.icon.ico-srcMail {
        background-position: 0 -1138px
    }

.landingPage {
    background: #fff
}

    .landingPage .navbar {
        margin-bottom: 0
    }

.landingBanner {
    position: relative
}

    .landingBanner img {
        width: 100%;
        height: auto
    }

.landBannerCon {
    position: absolute;
    left: 0;
    top: 75%;
    width: 100%;
    text-align: left;
}

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

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

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

.landBannerCon1 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    margin-top: 0;
    top: 75%;
}

.iphone-img {
    max-width: 100%;
    margin-bottom: 15px;
}

.loginButtonicon a {
    background: #02e89d;
    line-height: 46px;
    width: 360px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.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: #02C485;
    line-height: 32px;
    padding: 20px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin: -30px 0;
    display: inline-block;
    margin-top: -10px;
}

.jobPlanTitle {
    font-size: 24px;
    line-height: 30px;
    padding: 40px 0;
    display: block;
    text-align: center;
    background: #f4f3f3;
}

.jobServices {
    margin: 0 0 18px;
    padding: 0
}

    .jobServices li {
        display: block;
        text-align: center;
        float: left;
        padding: 0 0;
        position: relative;
        box-sizing: border-box;
        width: 25%;
    }

        .jobServices li:first-child {
            margin-left: 0;
        }

.jobSerTitle {
    color: #3b4046;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    line-height: 26px;
    padding: 16px 0 0;
}

.jobSerCon {
    display: none;
    color: #fff;
    padding: 20px 14px;
    font-size: 13px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3fb5a9;
}

.jobServices li img {
    max-width: 100%;
    height: auto
}

.jobServices li:hover .jobSerCon {
    display: block
}

.jobServices li:hover a {
    background: #f4f2f3;
    color: #3fb5a9;
    text-decoration: none
}

.jobSerTitleInner {
    color: #3b4046;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    line-height: 26px;
    padding: 40px 0 20px;
}

.jobServices li a {
    display: inline-block;
    font-size: 14px;
    font-family: Averta-Semibold, sans-serif;
    line-height: 35px;
    padding: 0 30px;
    background: #f4f2f3;
    color: #3fb5a9;
    text-decoration: none;
    margin-top: 20px;
}

    .jobServices li a:hover {
        color: #3b4046
    }

.landingSlide {
    background: #f4f3f3;
    padding: 100px 0;
}

.landSlideTitle {
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
    font-family: Averta-Semibold, sans-serif;
    margin: 30px 0 20px;
}

.landSlideSubTitle {
    color: #3fb5a9;
    font-size: 24px;
    font-family: Averta-Semibold, sans-serif;
    margin-bottom: 20px;
}

.landSlideMaintain {
    color: #3fb5a9;
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 40px;
    font-family: Averta-Semibold,sans-serif;
}

.landSlideCon {
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
}

.landSlideRgt a {
    background: #34a69d;
    color: #fff;
    display: inline-block;
    line-height: 38px;
    padding: 0 15px 0 25px;
}

    .landSlideRgt a i {
        margin-left: 5px;
        vertical-align: middle;
    }

#owl-demo03, #owl-demo04, #owl-demo05 {
    z-index: 1;
}

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

    #owl-demo03 .owl-dots {
        bottom: 32px;
        position: absolute;
        right: 15px;
        width: 47%;
    }

    #owl-demo03 .owl-dot {
        display: block;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #3b4046;
        margin-right: 10px;
        float: left
    }

        #owl-demo03 .owl-dot.active {
            background: #3fb5a9
        }

    #owl-demo04 .owl-dots {
        bottom: 20px;
        position: absolute;
        right: 20px;
        width: 13px;
    }

    #owl-demo04 .owl-dot {
        display: block;
        height: 13px;
        width: 13px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #fffffd;
        margin-bottom: 7px;
        float: left
    }

        #owl-demo04 .owl-dot.active {
            background: #3daca5
        }

    #owl-demo05 .owl-dots {
        bottom: 10px;
        position: absolute;
        right: 6px;
        width: auto;
    }

    #owl-demo05 .item img, #owl-demo05 .item img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #owl-demo05 .owl-dot {
        display: block;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #3b4046;
        margin-right: 10px;
        float: left
    }

        #owl-demo05 .owl-dot.active {
            background: #3fb5a9
        }

.discoverTitle {
    font-size: 30px;
    padding: 40px 0 62px;
    border-top: #3fb5a9 1px solid;
    text-align: center;
    background: url(../Content/discover-arrow.png) center 90px no-repeat;
}

.serveBanner {
    position: relative
}

    .serveBanner img {
        width: 100%;
        height: auto
    }

.serveCon {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: -60px;
}

.serveTitle {
    color: #3eb6ac;
    font-size: 40px;
    line-height: 44px;
}

.serveDisc {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.serveCon a {
    color: #fff;
    display: inline-block;
    line-height: 48px;
}

.table { /*width: 99.5% !important;*/
    margin: 0 auto
}

#tblCpLicense {
    width: 27.5% !important;
    margin: 0 auto;
    float: left;
}

.k-pager-wrap {
    border-bottom: 1px solid #d0d4d8 !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    border-top: 0 !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff url('../Content/wo-down-arrrow.png') 90% center no-repeat !important;
    /*padding-right: 3px\9 !important*/
}

    select::-ms-expand {
        display: none;
    }

.topMinus50 {
    margin-right: 15px;
    margin-top: 6px;
}

.zone-content form + .staps-container {
    display: none
}

.margin-left15 {
    margin: 0
}

.list-btn {
    width: 100%
}

.panel-title-check {
    position: relative
}

    .panel-title-check .custom-checkbox {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .panel-title-check .icheckbox_minimal {
        background-color: #fff;
        height: 18px;
    }

.panel-default > .panel-heading > .panel-title.panel-title-check > a {
    padding: 20px
}

.sub-accordion-container .panel-default > .panel-heading > .panel-title.panel-title-check > a {
    padding: 15px;
}

.Jobs-data-table table {
    max-width: 60%;
    margin: 0 auto;
    width: 60%;
}

.Jobs-data-table-inner .table .k-checkbox-label::after, .Jobs-data-table-inner .table .k-checkbox:checked + input + .k-checkbox-label::after {
    border: 1px solid rgb(218, 218, 218);
    height: 35px;
    text-align: center;
    width: 35px;
    line-height: 30px;
    color: rgb(65, 182, 173);
}

.panel-default > .panel-heading {
    position: relative
}

.checkBoxService {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 2;
}

.Jobs-data-table-inner.Jobs-data .table td {
    vertical-align: top
}

.k-checkbox:checked + input + .k-checkbox-label:after {
    width: 20px;
    height: 20px;
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold
}

.k-checkbox:disabled + input + .k-checkbox-label::after, .k-checkbox:checked:disabled + input + .k-checkbox-label:active::after, .k-checkbox:disabled + input + .k-checkbox-label:hover::before, .k-checkbox:checked:disabled + input + .k-checkbox-label:hover::after {
    border-color: #FFF;
}

#tblRepairAdviseJobs .k-checkbox:disabled + .k-checkbox-label::after {
    border-color: #cacaca;
}

.table .k-checkbox:checked + input + .k-checkbox-label:after {
    width: 20px;
    height: 20px;
    content: "\f00c";
    text-align: left;
    border: #FFF 0px solid
}

.changeKButton table .k-button {
    background: none !important;
    border: none;
    box-shadow: none;
    margin: 0 5px !important;
    min-width: 20px !important;
    padding: 0 !important;
    width: 20px !important;
}

    .changeKButton table .k-button span {
        padding-left: 0 !important
    }

    .changeKButton table .k-button.k-grid-cancel span {
        color: #da374a !important;
    }

    .changeKButton table .k-button span.fa-plus {
        padding-top: 5px;
        color: #02E89D;
    }

span.form-controljg {
    width: 100%;
}

    span.form-controljg > .form-controljg {
        background-color: #fff !important;
        background-image: none !important;
        border: 1px solid #ccc !important;
        border-radius: 0;
        box-sizing: border-box !important;
        box-shadow: none !important;
        color: #555 !important;
        display: block !important;
        font-size: 14px !important;
        height: 34px !important;
        line-height: 1.42857 !important;
        padding: 6px 12px !important;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100% !important;
        text-indent: 0 !important;
    }

        span.form-controljg > .form-controljg .active, span.form-controljg > .form-controljg:focus {
            border-color: #66afe9 !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
            outline: 0 none;
        }

.fa-check {
    cursor: pointer;
    padding: 0px;
}

    .fa-check.padAdd {
        cursor: pointer;
        padding: 7px;
    }

.fa-minus {
    cursor: pointer;
    padding: 0px;
}

    .fa-minus.padMinus {
        cursor: pointer;
        padding: 5px;
    }

.fa-save.padAdd {
    cursor: pointer;
    padding: 7px 3px;
}

.fa-remove.padMinus {
    cursor: pointer;
    padding: 7px;
}

.fa-remove {
    color: rgb(218, 55, 74) !important;
}

.k-grid td .fa-pencil-square-o {
    padding-left: 5px;
    vertical-align: middle
}

.k-grid td .fa-check, .requestbtn {
    cursor: default;
}

.k-grid .btnBgNone span {
    padding-left: 0 !important
}

.k-grid .btnBgNone.k-grid-cancel span {
    color: #da374a !important;
    padding-top: 5px;
}

.boxWidPad {
    padding-left: 0
}

    .boxWidPad a.thumbnail {
        padding: 10px 5px
    }

.wid-65 {
    width: 65px;
}

.info-nav ul li a {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin: 8px 0;
    padding: 0 20px !important;
    color: #fff !important;
}

.info-nav ul li:first-child a {
    padding-left: 0;
    border: 0
}

.info-nav ul li:last-child a {
    padding-right: 0;
}

.media-heading-small {
    font-weight: normal;
    font-size: 12px
}

.asLow {
    font-size: 16px;
    font-family: Averta-Semibold, sans-serif;
    text-align: right;
    color: #3d4955
}

    .asLow span {
        color: #42b7ae
    }

.rightMark {
    color: #02E89D;
    font-size: 22px;
    line-height: 30px;
}

.crossMark {
    color: #d9384a;
    font-size: 22px;
    line-height: 30px;
}

.bootsPadNoneL {
    padding-left: 0 !important
}

.bootsPadNoneR {
    padding-right: 0 !important
}

    .bootsPadNoneL .form-control, .bootsPadNoneR .form-control {
        padding: 6px 8px;
    }

.Jobs-data.Jobs-dataSec .table td {
    padding: 5px 0
}

.Jobs-data.Jobs-dataSec #u83, .Jobs-data.Jobs-dataSec #u85, .Jobs-data.Jobs-dataSec #u87 {
    color: #7e7e7e;
    text-align: center;
}

.media-body .form-inline.form-inline-home {
    margin-top: 145px;
}

.acceptTxt {
    text-align: left
}

    .acceptTxt span {
        font-style: italic;
        color: #42b7ae
    }

    .acceptTxt .checkbox-inline {
        padding-top: 0
    }

.media-body .form-inline.form-inline-home .form-control {
    width: 100%
}

.form-inline-home .col-sm-6 {
    padding-left: 0;
    padding-right: 0
}

.padTop28 {
    padding: 28px 0 20px;
}

hr.noMar {
    margin: 0
}

.txtRight {
    text-align: right !important
}

.smlPopPara p {
    padding: 30px 0 20px
}

.smlPopPara a.btn {
    text-align: left;
    margin-bottom: 1px;
    font-size: 18px
}

    .smlPopPara a.btn i {
        margin-top: 5px;
        float: right
    }

.stepSecond .media-body .form-inline {
    margin-top: 0
}

.stepSecond .media-body, .media.stepSecond {
    padding-bottom: 0
}

.Jobs-dataSec {
    overflow-y: auto;
}

    .Jobs-dataSec .table {
        max-width: 700px;
        width: 700px;
    }

.nav-justified > li > a {
    margin-bottom: 0;
}

.step3-team-members .nav-justified > li {
    width: 20%;
    display: flex;
    margin: 0;
    border-bottom: 1px solid #dfdfdf;
}

#stap3Three .media-left .editing-buttons {
    right: 83px;
}

.carpassportgrid .k-grid-header th.k-header {
    white-space: normal !important
}

.btn {
    white-space: inherit
}

span.skype_pnh_container {
    display: none !important;
}

span.skype_pnh_print_container {
    display: inline !important;
}

.k-grid-content {
    overflow: auto !important
}

#gridSearchGarage {
    padding-bottom: 20px;
}

    #gridSearchGarage .k-grid-content {
        overflow: visible !important
    }

.k-grid-content > table {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.k-grid-header-wrap, .k-grid-footer-wrap {
    border-width: 0
}

.mar-top20 {
    margin-top: 20px;
}

.fa-download {
    cursor: pointer;
}

.fa-volume-up:hover {
    cursor: default
}

.fa-file-image-o:hover {
    cursor: default
}

.remove-pointer:hover {
    cursor: default
}

.popupTeam .align-left {
    text-align: left
}

.padding-right0 {
    padding-right: 0 !important;
}

.add-pointer:hover {
    cursor: pointer
}

.media {
    position: relative
}

.mediaFade {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.has-feedback .form-control {
    padding-right: 27.5px;
}

.nav-tabs.nav-justified > li {
    display: block;
    float: left;
    width: 25%;
}

#UlSteps.nav-tabs.nav-justified > li {
    width: 33.34%;
}

.nav-tabs > li {
    margin-bottom: 0
}

.media-left {
    display: block;
    float: left;
}

.forgotBox {
    margin: 20px auto 0;
    padding: 10px 20px;
}

.btn-default-dis[disabled] {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    cursor: not-allowed;
}

    .btn-default-dis[disabled]:hover {
        background-color: #d3d3d3;
        border-color: #d3d3d3;
        cursor: not-allowed;
    }

.form-horizontal.smallForm .form-group {
    margin-left: 0;
    margin-right: 0;
}

.popLegend {
    margin: 20px 0 0
}

.profileBanner .item img {
    width: 100% !important;
    height: auto
}

.wid-80 {
    width: 80px !important;
}

.wid-70 {
    width: 70px !important;
}

.wid-90 {
    width: 90px !important;
}

.wid-100 {
    width: 100px !important;
}

.wid-60 {
    width: 60px !important;
}

.padding-left0 {
    padding-left: 0;
}

.overflow-auto {
    overflow: auto;
}

.min-width630 {
    min-width: 630px;
}

.padding-top117 {
    padding-top: 117px;
}

.text-center-step4 {
    text-align: center !important;
}

.text-center-step4-incident {
    text-align: center !important;
    float: left;
    margin-left: -14px;
}

.padding-top5 {
    padding-top: 5px;
}

.checkbox-inline, .radio-inline {
    margin-left: 0;
    padding-right: 10px !important;
}

.fontsize15 {
    font-size: 15px;
    font-family: Averta-Bold, sans-serif;
}

.padding-top10 {
    padding-top: 10px !important;
}

.padding-top20 {
    padding-top: 20px !important;
}

.padding-button {
    padding: 0px 0 20px !important
}

#tblCarStatusDetail .btn-group, #tblCarStatusDetail .history-data, #tblCarStatusDetail1 .btn-group, #tblCarStatusDetail1 .history-data {
    min-width: 115px
}

.wid400 {
    width: 400px;
    margin: 0 auto;
}

.txtcenter {
    text-align: center
}

#BandenDropdownNormaalbelast {
    border: #3b4a59 1px solid
}

#BandenDropdownZwaarbelast {
    border: #3b4a59 1px solid
}

.padtop5 {
    display: inline-block;
    padding-top: 5px;
}

.wordNoWrap {
    word-wrap: break-word;
}

.span-text-left {
    text-align: left !important;
    display: block;
}

#gridpopupgaragedetail td:first-child, #gridpopupgaragedetail tr td {
    border: 0 !important;
}

#gridpopupgaragedetail tr td, #gridpopupgaragedetail td:first-child {
    border-bottom: #dadada 1px solid !important;
}

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

.fullBtn {
    width: 100%
}

#gridSearchGarage td {
    padding: 0 !important
}

.searchMap .gm-style-iw img {
    max-width: 176px;
    height: auto
}

.mapInnerTitle {
    border-top: 1px solid #585b60;
    padding: 5px 0;
    margin: 10px 0 0;
    text-align: center;
    display: block;
    font-family: Averta-Bold,sans-serif;
}

.mapInnerCon {
    border-top: 1px solid #585b60;
    padding: 5px 0;
    display: block
}

.btnLight {
    background-color: #c8c8c8;
    border-color: #bdbdbd;
    color: #fff;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rightNoBor {
    border-right: 0 !important;
}

.highlight {
    border-color: #DA3B41 !important;
}

.shighlight {
    font-weight: bold;
    color: #000
}

.opslaan-disabled:disabled {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #3b4a59;
}

.error-red {
    color: #c9302c;
    font-family: Averta-Bold, sans-serif;
}

.navbar-default {
    background: none;
    border: 0
}

    .navbar-default .navbar-nav > li > a {
        color: #fff !important
    }

.form-group.mar0 {
    margin: 0 0 10px !important
}

.createCpPop .form-control {
    text-align: left !important
}

.createCpPop .form-group {
    position: relative
}

.autoLoader {
    position: absolute;
    right: 10px;
    top: 6px;
}

.createCpPop .kenteken input {
    text-align: center !important;
}

.createCpPop .kenteken_en-GB input {
    text-align: center !important;
}

.createCpPop .kenteken_nl-NL input {
    text-align: center !important;
}

.createCpPop .checkbox {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    line-height: 18px;
}

.createCpPop input[type=checkbox] {
    display: none;
}

.createCpPop .checkbox:before {
    content: "";
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(../Content/minimal.png) -20px 0 no-repeat;
}

.createCpPop input[type=checkbox]:checked + .checkbox:before {
    background-position: -40px 0;
}

.createCpPop .checkbox a {
    text-decoration: underline;
    color: #7e7e7e
}

.createCpPop .checkbox {
    font-family: Averta-Light, sans-serif;
    padding: 0 !important;
    line-height: 16px !important;
}

.createCpPop {
    width: 400px;
    margin: 40px auto 0
}

.width400 {
    width: 400px;
    margin: 0 auto
}

.width400m {
    width: 400px !important;
    margin: 0 auto
}

.signHead h3 {
    border-bottom: 1px solid #d5d5d5;
    font-size: 16px;
    font-family: Averta-Light, sans-serif;
    font-weight: 600 !important;
    line-height: 16px;
    margin: 0 0 14px;
    padding: 0 0 9px;
}

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

.signHead .signContent {
    padding: 20px;
}

#owl-demo3 .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo3 .owl-dots {
    position: absolute;
    right: 20px;
    top: 30px;
    width: auto
}

#owl-demo3 .owl-dot {
    display: block;
    float: left;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #3a3e41;
    margin-left: 8px;
}

    #owl-demo3 .owl-dot.active {
        background: #02C485
    }

.signHeadThumb {
    position: relative;
}

    .signHeadThumb p {
        position: absolute;
        left: 20px;
        bottom: 20px;
        color: #fff;
        font-size: 27px;
        line-height: 30px;
        text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.7)
    }

.overOnsBanner {
    width: 100%;
    text-align: center;
    background: url(../Content/over-ons-banner.jpg) center 0 no-repeat;
    background-position: 100% 100%;
}

.overOnsVideo {
    display: inline-block;
    width: 692px;
    margin: 12px 0;
    position: relative;
}

    .overOnsVideo iframe {
        width: 100%;
        height: 361px;
    }

.overOnsCon01Outer {
    width: 100%;
    background: #fff;
    padding: 20px 0;
    margin-bottom: 20px;
}

.overOnsCon01 {
    width: 838px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

    .overOnsCon01 h3 {
        font-size: 24px;
        line-height: 30px;
        font-family: Averta-Semibold, sans-serif;
        border-bottom: #d8dcdf 1px solid;
        padding-bottom: 6px;
        margin: 0 0 6px;
    }

.itaB17 {
    font-size: 18px;
    padding-top: 20px;
    display: block;
    font-family: Averta-Semibold,sans-serif;
}

.overOnsCon02Outer {
    background: #02E89D;
    padding: 20px 0;
    text-align: center
}

.overOnsCon02 {
    width: 774px;
    margin: 0 auto
}

    .overOnsCon02 h3 {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
        font-family: Averta-Semibold, sans-serif;
        padding-bottom: 6px;
        margin: 0
    }

    .overOnsCon02 p {
        color: #fff;
        font-style: italic;
        font-size: 12px;
        line-height: 20px;
    }

.overOnsList {
    padding: 0;
    margin: 20px 0
}

    .overOnsList > li {
        font-size: 12px;
        line-height: 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 33.33%;
        padding: 0 15px;
        float: left;
        display: block
    }

        .overOnsList > li h4 {
            font-family: Averta-Semibold, sans-serif;
            float: left;
            line-height: 34px;
            margin: 0;
            padding: 0 0 20px;
        }

.overOnsListsoc {
    float: right;
    margin: 0;
    padding: 0
}

    .overOnsListsoc li {
        display: block;
        float: left;
        padding-left: 4px;
    }

        .overOnsListsoc li a {
            background: url(../Content/social.png) 0 0 no-repeat;
            display: block;
            float: left;
            width: 33px;
            height: 34px;
        }

            .overOnsListsoc li a.gPlus {
                background-position: -37px 0
            }

            .overOnsListsoc li a.linkedIn {
                background-position: -74px 0
            }

            .overOnsListsoc li a:hover {
                background-position: 0 bottom
            }

            .overOnsListsoc li a.gPlus:hover {
                background-position: -37px bottom
            }

            .overOnsListsoc li a.linkedIn:hover {
                background-position: -74px bottom
            }

.overPhoto img {
    width: 100%;
    height: auto
}

.overOnsListCont {
    min-height: 328px;
    background: #fff;
    padding: 16px 10px
}

.latestNews {
    background: #02E89D;
    padding: 20px 0
}

.overOnsCon03 {
    width: 806px;
    margin: 0 auto;
    text-align: center;
}

    .overOnsCon03 h2 {
        line-height: 30px;
        color: #fff;
        font-family: Averta-Semibold, sans-serif;
        padding: 0;
        margin: 0
    }

        .overOnsCon03 h2 span {
            display: block;
            border-bottom: #ffffff 1px solid;
            font-family: Averta-Semibold, sans-serif;
            font-style: italic;
            font-size: 14px;
            line-height: 20px;
            color: #fff;
            padding: 28px 0 6px;
            margin: 0 0 6px
        }

    .overOnsCon03 p {
        color: #fff;
        font-size: 12px;
        line-height: 20px;
    }

    .overOnsCon03 a {
        padding: 0 20px;
        font-size: 15px;
        background: #e1e0de;
        line-height: 40px;
        display: inline-block;
        color: #43515c;
    }

.partners {
    padding: 40px 0 32px;
    text-align: center
}

    .partners h2 {
        font-family: Averta-Semibold, sans-serif;
        padding-bottom: 30px;
    }

    .partners ul {
        margin: 0;
        padding: 0
    }

    .partners li {
        display: block;
        float: left;
        width: 25%
    }

        .partners li a {
            display: block;
        }

            .partners li a img {
                width: 100%;
                height: auto
            }

.partnerMap {
    background: #fff;
    padding: 20px 0 0;
    text-align: center
}

    .partnerMap h2 {
        font-family: Averta-Regular, sans-serif;
        background: url(../Content/over-arrow.png) center bottom no-repeat;
        line-height: 40px;
        padding-bottom: 40px;
        margin: 0;
        font-size: 40px;
        color: #43515c;
    }

        .partnerMap h2 span {
            color: #02E89D;
            font-family: Averta-Semibold, sans-serif;
            font-size: 24px;
            line-height: 24px;
            padding-top: 20px;
            display: block;
        }

.nieuwsBanner {
    background: url(../Content/banner_igarage_landing_3.jpg) center center no-repeat;
    width: 100%;
    min-height: 350px;
}

    .nieuwsBanner p, .overOnsNewsBanner p {
        font-size: 22px;
        color: #fff;
        text-shadow: rgba(0,0,0,0.75) 1px 1px 1px;
        font-style: italic;
    }

    .nieuwsBanner span {
        display: block;
        font-size: 24px;
        color: #3daca5;
        line-height: 30px;
    }

    .nieuwsBanner p.newsBannerTitle, .overOnsNewsBanner p.newsBannerTitle02 {
        font-family: Averta-Regular, sans-serif;
        font-style: normal;
        font-size: 46px;
        line-height: 50px;
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 116px;
    }

.ourNewsCon {
    padding: 40px 0 0;
    margin-bottom: 2px;
    background: #fff
}

.ourNewsThumb {
    padding: 70px 0 58px;
}

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

.ourNewsCon h3 {
    font-family: Averta-Semibold, sans-serif;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: #d7dce0 1px solid
}

.archives {
    margin: 0;
    padding: 0 0 40px;
}

    .archives li {
        display: block;
    }

.overOnsNewsBanner {
    background: url(../Content/our-news-banner02.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 195px;
    text-align: center
}

    .overOnsNewsBanner p {
        font-family: Averta-Semibold,sans-serif;
    }

        .overOnsNewsBanner p.newsBannerTitle02 {
            text-transform: none;
            display: inline-block;
            border-bottom: #fff 1px solid;
            padding: 54px 0 5px;
        }

.scrollCon {
    height: 450px;
    overflow: auto
}

#pubdatediv {
    float: right;
    font-size: medium;
}

#gridpopupgaragedetail .k-selectable {
    width: 100% !important;
}

#gridpopupgaragedetail .k-grid-content, #gridpopupgaragedetail {
    overflow: visible !important;
    width: auto !important;
}

    #gridpopupgaragedetail .k-grid td {
        vertical-align: top !important
    }

.TextBox300 {
    background: #fff;
    width: 280px;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

#repairplandiv.nav-tabs.nav-justified > li {
    width: 50% !important;
}

.dashTabAgenda {
    padding: 0 30px;
}

    .dashTabAgenda h3 {
        font-size: 18px;
        font-family: Averta-Semibold, sans-serif;
        margin: 0;
        padding: 0;
        border-bottom: #b9b9b9 1px solid;
        line-height: 40px;
    }

        .dashTabAgenda h3.padTop34 {
            padding-top: 34px;
        }

.calenderList {
    margin: 0;
    padding: 0
}

    .calenderList li {
        padding: 14px 0;
        display: block;
        font-family: Averta-Semibold, sans-serif;
        line-height: 20px;
        border-bottom: #dedede 1px solid
    }

        .calenderList li .txtBold {
            font-size: 16px;
        }

        .calenderList li span.redCir {
            background: #d9364b
        }

.datentime span {
    display: inline-block;
    color: #fff;
    width: 20px;
    background: #d8c93c;
    margin-right: 32px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.datentime em {
    font-style: normal;
    color: #3eb3ad
}

.agendaPopOut > a {
    display: block;
    float: right;
    color: #02E89D;
    background: url(../Content/right-arrow.png) right center no-repeat;
    padding-right: 28px;
}

.calenderForm {
    padding: 0 12px 0 0;
    float: left;
    width: 200px;
}

.calenderFormSerlist.calenderForm {
    padding: 0;
    float: none;
    width: auto;
}

.calenderForm label {
    display: block;
    padding-bottom: 3px;
}

    .calenderForm label:last-child {
        padding-top: 10px;
        text-align: right
    }

.calenderForm input[type='text'] {
    background: #fff url(../Content/calender-icon.png) right 0 no-repeat;
    border: #dfdfdf 1px solid;
    padding: 0 32px 0 10px;
    height: 34px;
    width: 100%;
    font-style: italic;
    color: #b0b0b0;
    font-family: Averta-Regular,sans-serif
}

    .calenderForm input[type='text'].calTitle {
        background-position: right 0
    }

    .calenderForm input[type='text'].calDate {
        background-position: right -36px
    }

    .calenderForm input[type='text'].calTime {
        background-position: right -72px
    }

    .calenderForm input[type='text'].calSearch {
        background-position: right -108px
    }

.goBtn {
    position: relative
}

.calenderForm input[type='submit'].calGo, .calenderForm input[type='submit'].calGo:hover, .calenderForm input[type='button'].calGo, .calenderForm input[type='button'].calGo:hover {
    background: #fff url(../Content/calender-icon.png) 9px -110px;
    text-indent: -99999px;
    height: 32px;
    width: 35px;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0
}

.calenderForm input[type='submit'], .calenderForm input[type='button'] {
    border: 0;
    cursor: pointer;
    color: #fff;
    height: 37px;
    background: #02e89d;
    padding: 0 32px;
    font-family: Averta-Regular, sans-serif;
}

    .calenderForm input[type='submit']:hover, .calenderForm input[type='button']:hover {
        background: #d5d5d5;
        color: #383f49
    }

.calenderMonth {
    float: right;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    border: #d7d7d7 1px solid
}

    .calenderMonth li {
        display: block;
        float: left;
    }

        .calenderMonth li a {
            display: block;
            line-height: 22px;
            padding: 0 8px;
            color: #3e302f;
            font-size: 12px;
            border-left: #d7d7d7 1px solid
        }

        .calenderMonth li:first-child a {
            border: 0
        }

        .calenderMonth li a:hover, .calenderMonth li a.active {
            text-decoration: none;
            background: #02E89D;
            color: #fff
        }

.monthName {
    font-size: 22px;
    font-family: Averta-Light, sans-serif;
    text-align: center
}

.calToday {
    background: #efefef;
    display: block;
    float: left;
    margin-left: 8px;
    line-height: 22px;
    padding: 0 8px;
    color: #908687;
    font-size: 12px;
    border: #d7d7d7 1px solid
}

.calenderCtrl {
    float: left;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    border: #d7d7d7 1px solid
}

    .calenderCtrl li {
        display: block;
        float: left;
    }

        .calenderCtrl li a {
            display: block;
            height: 22px;
            width: 30px;
            background: url(../Content/calender-arrow.png) 0 0 no-repeat;
            border-left: #d7d7d7 1px solid
        }

            .calenderCtrl li a.next {
                background-position: right 0;
            }

            .calenderCtrl li a:hover {
                background-color: #cdcdcd
            }

        .calenderCtrl li:first-child a {
            border: 0
        }

.graphContent {
    padding: 14px 20px 0;
}

h3.graphTitle {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-family: Averta-Regular, sans-serif;
    margin: 0 0 10px;
    padding: 0 0 14px;
}

.addItem {
    box-shadow: #f4f4f4 0px 1px 5px 1px inset;
}

    .addItem a {
        color: #fff;
        background: #3bb4ab;
        line-height: 18px;
        padding: 0 32px;
        display: inline-block;
        margin-left: 138px;
    }

.statTitle {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0
}

    .statTitle span {
        text-transform: uppercase;
        display: inline-block;
        color: #02C485;
        font-size: 16px;
    }

.pollOuter {
    width: 100px;
    text-align: center;
    float: left
}

.poll {
    background: #3eb6ac;
    width: 28px;
    display: inline-block;
    height: 110px;
    position: relative
}

.pollFill {
    position: absolute;
    background: #02E89D;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .pollFill.per50 {
        height: 50%
    }

    .pollFill.per75 {
        height: 75%
    }

.horzPollList {
    padding-top: 18px;
}

    .horzPollList li {
        display: block;
        padding-bottom: 14px;
    }

        .horzPollList li > span {
            display: block;
            float: left;
            width: 56px;
            line-height: 15px;
        }

.horzPollOut {
    float: left;
    width: 130px;
}

.horzPoll {
    height: 15px;
    display: block;
    position: relative
}

    .horzPoll.per25 {
        width: 25%
    }

    .horzPoll.per50 {
        width: 50%
    }

    .horzPoll em {
        position: absolute;
        font-family: Averta-Semibold, sans-serif;
        left: 100%;
        top: 0;
        font-style: normal;
        padding-left: 5px;
        line-height: 15px;
        display: inline-block
    }

    .horzPoll.free {
        background: #3b3e43
    }

    .horzPoll.basic {
        background: #3eb6ac
    }

    .horzPoll.pro {
        background: #02E89D
    }

.graphContent .chart-section {
    position: relative;
    right: 0;
    top: 0;
    margin: 16px auto 10px;
    width: 110px;
    height: 110px;
    text-align: center
}

.chartListHead .graphContent .chart-section {
    margin: 5px auto 0;
    width: 90px;
    height: 90px;
}

.chart-section > span {
    display: block;
    position: relative
}

.graphContent .percent {
    color: #02E89D;
    font-size: 20px;
    line-height: 110px;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.chartListHead .graphContent .percent {
    line-height: 90px;
}

.chartListHead .statTitle span {
    padding-left: 0;
    background: none;
    font-size: 14px;
}

.graphContent .chart02 .percent {
    color: #d5cb4f
}

.graphContent .chart03 .percent {
    color: #d65657
}

.graphContent canvas {
    position: relative;
    z-index: 2;
}

.graphContent .percent::after {
    display: none
}

.boxGraph.graphContent .percent::after {
    display: inline-block
}

.boxGraph.graphContent {
    float: right;
    padding: 0;
    margin: 0
}

.graphBtmText {
    text-align: center;
    padding-bottom: 10px;
    margin: 0
}

    .graphBtmText span {
        display: inline-block
    }

.boxGraph.graphContent .chart-section {
    margin: 0
}

.anchorPointer:hover {
    cursor: pointer;
}

.norecordfound {
    color: #3fb3a8;
    display: inline-block;
    line-height: 44px;
    padding-right: 16px;
}

.ProfilePieChartpercent {
    color: #fff;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

    .ProfilePieChartpercent:after {
        content: "%";
        font-size: 0.8em;
        margin-left: 0.1em;
    }

.dashtabCon {
    background: #fff;
    display: none
}

    .dashtabCon.active {
        display: block;
    }

.dashTab {
    margin: 0 0 20px;
    background: #02e89d;
    width: 100%;
    display: table;
    padding: 1px;
}

    .dashTab > li {
        display: table-cell;
        text-align: center;
    }

.subTab {
    position: relative
}

    .dashTab > li > a, .subTab > span {
        display: block;
        line-height: 50px;
        text-transform: uppercase;
        color: #fff;
        border-right: #02C485 1px solid
    }

    .subTab > span {
        border: 0;
        cursor: pointer;
    }

        .subTab > span.subBor {
            border-right: #02e89d 1px solid;
        }

.dashTab > li:last-child > span.subBor {
    border-right: 0;
}

.dashTab li:last-child a {
    border: 0
}

.dashTab li > a:hover, .dashTab > li > a.active, .subTab:hover > span, .subTab > span.active {
    background: #fff;
    color: #02e89d;
    text-decoration: none;
    border-color: #fff
}

.subTab > span em {
    background: url(../Content/subtab.png) right center no-repeat;
    font-style: normal;
    padding-right: 23px;
}

.subTab:hover > span em, .subTab > span.active em {
    background: url(../Content/subtab-over.png) right center no-repeat
}

.dashTabTitle {
    background: #02e89d url(../Content/action-ico.png) 12px center no-repeat;
    padding-left: 50px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    line-height: 50px;
}

.actionList {
    margin: 0;
    padding: 0
}

    .actionList li {
        padding: 14px;
        display: block;
        font-family: Averta-Semibold, sans-serif;
        border-bottom: #b9b9b9 1px solid
    }

        .actionList li span {
            display: inline-block;
            color: #fff;
            width: 28px;
            line-height: 28px;
            background: #d8c93c;
            margin-right: 32px;
            text-align: center;
            border-radius: 50%;
            -webkit-border-radius: 50%;
        }

            .actionList li span.redCir {
                background: #d9364b
            }

        .actionList li a {
            display: block;
            float: right;
            color: #02E89D;
            background: url(../Content/right-arrow.png) right 4px no-repeat;
            padding-right: 28px;
        }

.viewMore {
    line-height: 44px;
    background: url(../Content/down-arrow.png) right center no-repeat;
    padding-right: 16px;
    display: inline-block;
    color: #3fb3a8
}

.viewLess {
    line-height: 44px;
    background: url(../Content/up-arrow.png) right center no-repeat;
    padding-right: 16px;
    display: inline-block;
    color: #3fb3a8
}

.subTab > ul {
    display: none;
    position: absolute;
    left: 1px;
    top: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999999;
    border: #02e89d 1px solid;
    border-top: 0
}

    .subTab > ul > li {
        list-style: none;
        background: #02e89d;
        border-top: #02C485 1px solid;
    }

        .subTab > ul > li > a {
            line-height: 50px;
            color: #fff;
            display: block;
            padding: 0 5px;
        }

.datenCon label {
    width: 100%;
}

.datenCon input {
    font-weight: normal;
}

.datenCon label .k-datepicker {
    width: 100% !important
}

.dashtabCon hr {
    margin: 10px 0 0 !important
}

#gridpopupgaragedetail table {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#gridpopupgaragedetail colgroup {
    display: none !important
}

#gridpopupgaragedetail tr td {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #gridpopupgaragedetail tr td:nth-child(1) {
        width: 20%
    }

    #gridpopupgaragedetail tr td:nth-child(2) {
        width: 60%
    }

    #gridpopupgaragedetail tr td:nth-child(3) {
        width: 20%
    }

.reqQuoteList {
    display: table;
    margin: 0;
    width: 100%;
    padding: 8px 0;
    border-bottom: #d0d3d8 1px solid;
    border-top: #d0d3d8 1px solid;
}

    .reqQuoteList li {
        display: table-cell;
        width: 25%;
        padding: 0 15px;
        border-left: #d0d3d8 1px solid;
        vertical-align: top
    }

        .reqQuoteList li:first-child, .reqQuoteList li:last-child {
            border: 0;
            vertical-align: middle;
            text-align: center;
        }

        .reqQuoteList li img {
            max-width: 100%;
            height: auto
        }

        .reqQuoteList li .btn.btn-lg {
            padding: 10px 8px;
        }

.scoreCir span {
    display: block;
    float: right;
    background: #3b4046;
    color: #fff;
    font-size: 30px;
    /*text-align: center;*/
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 77px;
    width: 77px;
    text-align: center;
    font-family: Averta-Semibold,sans-serif;
}


.reqQuoTitle {
    font-size: 16px;
    font-family: Averta-Semibold, sans-serif;
    margin: 0
}

.noMar {
    margin: 0
}

.stepFieldList {
    margin: 0;
    padding: 10px 0 0
}

    .stepFieldList li {
        display: block;
        padding-bottom: 1px;
    }

        .stepFieldList li label {
            display: block;
            margin: 0;
            padding: 0
        }

        .stepFieldList li input[type="text"], .stepFieldList li textarea {
            resize: none;
            border: #cdd0d5 1px solid;
            padding: 0 17px;
            height: 37px;
            width: 100%;
        }

        .stepFieldList li textarea {
            height: 80px;
            font-weight: normal
        }

        .stepFieldList li label.largeField {
            float: left;
            width: 70%;
            padding-right: 1px
        }

        .stepFieldList li label.smlField {
            float: left;
            width: 30%;
        }

#divBadAvgRepair td.col01 {
    width: 4%;
    text-align: center;
}

#divBadAvgRepair td.col02 {
    width: 49%;
}
/*20*/
#divBadAvgRepair td.col03 {
    width: 29%;
}

#divBadAvgRepair td.col04 {
    width: 14%;
}

#divBadAvgRepair td.col05 {
    width: 8%;
}

#divBadAvgRepair td.col06 {
    width: 10%;
}

#divBadAvgRepair td.col07 {
    width: 7%;
    text-align: center;
}

#divBadAvgRepair td.col08, #divBadAvgRepair td:last-child {
    width: 8%;
    text-align: center;
}

.info-ico-tt {
    width: 18px;
    margin-top: 6px;
    height: 18px;
    display: inline-block;
    text-indent: hanging;
    background-color: transparent !important;
    background-image: url(../Content/info-img.png) !important;
    background-size: 100% !important;
    background-position: 0 0 !important;
    float: right;
}

.info-ico-tt {
    position: relative;
}

    .info-ico-tt span {
        z-index: 2;
        display: none;
        position: absolute;
        left: 100%;
        top: -44px;
        background: #02E89D;
        padding: 10px;
        width: 220px;
        border: #e3e3e3 1px solid;
        color: #fff;
        font-size: 14px;
        font-family: Averta-Semibold, sans-serif;
        margin-left: 11px;
    }

    .info-ico-tt:hover span {
        display: block
    }

    .info-ico-tt span p {
        padding: 0;
        line-height: 18px;
        margin: 0
    }

        .info-ico-tt span p.infoTitlebar {
            font-size: 18px;
            border-bottom: #5ec1b9 1px solid;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

    .info-ico-tt span em {
        font-style: normal;
        display: inline-block;
        width: 96px;
    }

    .info-ico-tt span:before {
        content: '';
        background: url(../Content/tooltip-arrow.png) 0 0 no-repeat;
        width: 11px;
        height: 16px;
        position: absolute;
        left: -11px;
        top: 50%;
        margin-top: -8px;
        display: block;
    }

#divBadAvgExtraRepair td.col01 {
    width: 5%
}

#divBadAvgExtraRepair td.col02 {
    width: 40%
}

#divBadAvgExtraRepair td.col03 {
    width: 18%
}

#divBadAvgExtraRepair td.col04 {
    width: 12%
}

#divBadAvgExtraRepair td.col05 {
    width: 25%
}

#divBadAvgAllRepair td.col01 {
    width: 59%
}

#divBadAvgAllRepair td.col02 {
    width: 40%
}

#divBadAvgAllRepair td.col03 {
    width: 9%
}

#divBadAvgAllRepair td.col04 {
    width: 9%
}

#divBadAvgAllRepair td.col05 {
    width: 13%;
    text-align: center;
}

.grid-container .panel-group .panel + .panel {
    margin-top: 1px;
}

.grid-container h2 {
    font-family: Averta-Light, sans-serif;
    margin-bottom: 25px
}

.icoText span {
    display: inline-block;
    width: 70%;
    text-align: right
}

#divHealthCheckItems td.col01 {
    width: 21%
}

#divHealthCheckItems td.col02 {
    width: 42%
}

#divHealthCheckItems td.col03 {
    width: 10%
}

#divHealthCheckItems td.col04 {
    width: 12%
}

#divHealthCheckItems td.col05 {
    width: 15%;
    text-align: center;
}

#divAllItemsHealthCheckStepOne td.col01 {
    width: 5%
}

#divAllItemsHealthCheckStepOne td.col02 {
    width: 40%
}

#divAllItemsHealthCheckStepOne td.col03 {
    width: 18%
}

#divAllItemsHealthCheckStepOne td.col04 {
    width: 12%
}

#divAllItemsHealthCheckStepOne td.col05 {
    width: 25%
}

#divExtraRepairItems td.col01 {
    width: 21%
}

#divExtraRepairItems td.col02 {
    width: 52%
}

#divExtraRepairItems td.col03 {
    width: 12%
}

#divExtraRepairItems td.col04 {
    width: 15%;
    text-align: center;
}
/*#divAllItemsHealthCheckStepOne td:first-child, #divAllItemsHealthCheckStepOne th:first-child { padding-left: 0!important; }
#divAllItemsHealthCheckStepOne td:last-child, #divAllItemsHealthCheckStepOne th:last-child { padding-right: 0!important; }*/
.createConPop {
    margin: 40px auto 0;
    width: 768px;
    font-size: 15px;
    line-height: 24px;
}

.modal-content .modal-header .modal-title {
    font-family: Averta-Bold, sans-serif;
    margin-right: 15px;
}

.createConPop h4 {
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
}

.helpDeskList {
    margin: 0;
    padding: 0
}

    .helpDeskList li {
        display: block;
        padding-left: 22px;
        background: url(../Content/contact-ico.png) 0 0 no-repeat;
    }

        .helpDeskList li.conMail {
            background-position: 0 8px
        }

        .helpDeskList li.conNums {
            background-position: 0 -18px
        }

.contactMap {
    padding-bottom: 20px;
}

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

.pad20 {
    padding: 20px;
    margin-bottom: 20px
}

.statusRgt {
    margin-left: 60px;
    position: relative;
    z-index: 1
}

.statustabCon {
    background: #f9f9f9;
    padding: 20px;
    display: none;
    min-height: 500px;
}

    .statustabCon.active {
        display: block
    }

.statusTab {
    float: left;
    width: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}

    .statusTab > li {
        display: block;
        padding-bottom: 10px;
        text-align: center;
    }

        .statusTab > li > a {
            overflow: hidden;
            z-index: 2;
            position: relative;
            display: block;
            background: #02e89d url(../Content/tab-icons.png) 0 0 no-repeat;
            height: 40px;
            width: 40px;
            text-transform: uppercase;
            color: #fff;
            border-radius: 20px;
        }

            .statusTab > li > a.tabIco_174 {
                background-position: 0 7px
            }

            .statusTab > li > a.tabIco_90 {
                background-position: 0 -43px
            }

            .statusTab > li > a.tabIco_99 {
                background-position: 0 -93px
            }

            .statusTab > li > a.tabIco_104 {
                background-position: 0 -143px
            }

            .statusTab > li > a.tabIco_117 {
                background-position: 0 -193px
            }

            .statusTab > li > a.tabIco_127 {
                background-position: 0 -243px
            }

            .statusTab > li > a.tabIco_140 {
                background-position: 0 -293px
            }

            .statusTab > li > a.tabIco_153 {
                background-position: 0 -343px
            }

            .statusTab > li > a.tabIco_79521 {
                background-position: 2px -389px
            }

            .statusTab > li > a.active.tabIco_174 {
                background-position: right 7px
            }

            .statusTab > li > a.active.tabIco_90 {
                background-position: right -43px
            }

            .statusTab > li > a.active.tabIco_99 {
                background-position: right -93px
            }

            .statusTab > li > a.active.tabIco_104 {
                background-position: right -143px
            }

            .statusTab > li > a.active.tabIco_117 {
                background-position: right -193px
            }

            .statusTab > li > a.active.tabIco_127 {
                background-position: right -243px
            }

            .statusTab > li > a.active.tabIco_140 {
                background-position: right -293px
            }

            .statusTab > li > a.active.tabIco_153 {
                background-position: right -343px
            }

            .statusTab > li > a.active.tabIco_79521 {
                background-position: right -389px
            }

    .statusTab li > a:hover, .statusTab li > a.active {
        overflow: visible;
    }

    .statusTab > li > a > span {
        z-index: 2;
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        min-width: 180px;
        text-align: left;
        padding: 0 10px;
        background: #02e89d;
        color: #fff;
        line-height: 20px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        height: 40px;
        border-radius: 0 20px 20px 0
    }

    .statusTab li > a:hover > span {
        display: table;
        right: 40px;
        opacity: 1;
    }

        .statusTab li > a:hover > span > em {
            display: table-cell;
            vertical-align: middle;
            font-style: normal;
        }

    .statusTab > li > a.active {
        background-color: #f9f9f9;
    }

    .statusTab li > a:hover {
        border-radius: 20px 0 0 20px;
    }

.statustabCon h3 {
    border-bottom: #d0d4d8 1px solid;
    display: table;
    font-size: 18px;
    font-family: Averta-Semibold, sans-serif;
    line-height: 30px;
    padding: 0 0 10px;
    margin: 0;
    width: 100%;
}

.head-title {
    font-family: Averta-Semibold, sans-serif;
    color: #333
}

.dashTabAgenda hr {
    margin: 10px 0
}

.dashTabAgenda .form-panal {
    margin-bottom: 10px !important;
    padding: 0
}

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

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

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

    .agendaPop:before {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        margin-top: -9px;
        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
        }

.CPPop a.complete {
    background-position: 3px -649px;
}

    .CPPop a.complete:hover {
        background-position: 0 -689px;
    }

.CPPop a.viewicon {
    background-position: 0 -890px;
}

    .CPPop a.viewicon:hover {
        background-position: 0 -930px;
    }

.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;
}

.agendaPop a.ageimg {
    background-position: 0 -1199px;
}

    .agendaPop a.ageimg:hover {
        background-position: 0 -1240px;
    }

.agendaPop a.ageVoive {
    background-position: 0 -1279px;
}

    .agendaPop a.ageVoive:hover {
        background-position: 0 -1322px;
    }

.agendaPop a.ageVideo {
    background-position: 0 -1363px;
}

    .agendaPop a.ageVideo:hover {
        background-position: 0 -1404px;
    }

.agendaPop a.ageRemark {
    background-position: 0 -1445px;
}

    .agendaPop a.ageRemark:hover {
        background-position: 0 -1486px;
    }

#recentCalItems .k-grid > table {
    border: 0 !important;
}

#recentCalItems td {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    color: #212529;
}

#recentCalItems tr:first-child td {
    border-top: 0 !important
}

#recentCalItems th {
    text-align: left;
}

    #recentCalItems th.text-center {
        text-align: center;
    }

#recentCalItems .k-pager-wrap {
    margin-top: 0 !important
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    width: 204px !important
}

.k-slider-horizontal .k-draghandle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border: #69d1ac 1px solid;
}

.k-slider-selection {
    background-color: #36c994 !important;
}

.k-slider-track {
    background-color: #d6dadd !important;
}

.createErPop {
    margin: 40px auto 0;
    width: 300px;
}

.floatRight {
    float: right
}

.form-horizontal.carPass .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.form-horizontal.carPass .has-feedback .form-control-feedback {
    right: 0 !important
}

.statusList a {
    text-align: left;
    color: #fff;
    padding: 0 10px 0 50px;
    margin: 0 0 10px;
    text-decoration: none;
    background: #02E89D url(../Content/status-icons.png) 10px -2px no-repeat;
    display: block;
    line-height: 36px;
}

    .statusList a i {
        color: #fff !important;
        line-height: 36px;
        float: right
    }

    .statusList a.winter {
        background-position: 10px -43px;
    }

    .statusList a.seos4 {
        background-position: 10px -91px;
    }

.statusList .nav-tabs.nav-justified > li a {
    color: #fff;
    padding: 0 0 0 50px;
    margin: 0;
    text-decoration: none;
    background: #02E89D url(../Content/status-icons-cp.png) 10px -2px no-repeat;
    display: block;
    line-height: 36px;
    transition: none;
    -webkit-transition: none;
}

    .statusList .nav-tabs.nav-justified > li a.winter {
        background-position: 10px -43px;
    }

    .statusList .nav-tabs.nav-justified > li a.seos4 {
        background-position: 10px -91px;
    }

    .statusList .nav-tabs.nav-justified > li a.algemen {
        background: #02E89D;
        text-align: center;
        padding: 0;
    }

.statusList .nav-tabs.nav-justified > li.active a.algemen {
    background: #fff;
}

.statusList .nav-tabs.nav-justified > li {
    width: 25%;
    display: block;
    float: left;
}

.statusList .nav-tabs.nav-justified {
    display: block;
}

    .statusList .nav-tabs.nav-justified > li.active a.algemen, .statusList .nav-tabs.nav-justified > li:hover a.algemen {
        background-color: #fff;
        color: #02E89D;
    }

    .statusList .nav-tabs.nav-justified > li.active a.sumer, .statusList .nav-tabs.nav-justified > li:hover a.sumer {
        background-color: #fff;
        background-position: 10px -132px;
        color: #02E89D;
    }

    .statusList .nav-tabs.nav-justified > li.active a.winter, .statusList .nav-tabs.nav-justified > li:hover a.winter {
        background-color: #fff;
        background-position: 10px -172px;
        color: #02E89D;
    }

    .statusList .nav-tabs.nav-justified > li.active a.seos4, .statusList .nav-tabs.nav-justified > li:hover a.seos4 {
        background-color: #fff;
        background-position: 10px -221px;
        color: #02E89D;
    }

#tiresStep .statusList {
    margin: 0 auto;
    float: none !important
}

#tiresStep .btn {
    margin-right: 15px;
}

#stap2 .canValue {
    margin-top: 0;
}

.techSpecilist + .row > .col-md-4 {
    line-height: 34px
}

.techSpecilist h4 {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.techSpecilist.techSpecilistBottom {
    margin-top: -20px;
}

.usesIco {
    background: url(../Content/car-pass-ico.png) 0 -12px no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 10px;
}

.valueIco {
    background: url(../Content/car-pass-ico.png) 0 -56px no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 10px;
}

.techSpecIco {
    background: url(../Content/car-pass-ico.png) 0 -95px no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 10px;
}

.tireIco {
    background: url(../Content/car-pass-ico.png) 0 -136px no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 10px;
}

.panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"] .usesIco {
    background-position: 0 -179px
}

.panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"] .valueIco {
    background-position: 0 -222px
}

.panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"] .techSpecIco {
    background-position: 0 -261px
}

.panel-default > .panel-heading > .panel-title > a[aria-expanded^="true"] .tireIco {
    background-position: 0 -303px
}

.padTop27 {
    margin-top: 27px;
}

.canValue {
    margin-top: 32px;
}

.valuTxt {
    padding-top: 20px;
    font-weight: normal
}

.popInput.form-horizontal .form-group {
    margin: 10px 0 0;
}

.removeTxt a {
    background: #02E89D;
    line-height: 17px;
    height: 20px;
    width: 20px;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: 10px;
    text-align: center
}

.nav-tabs.nav-justified {
    display: table;
    width: 100%;
}

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: auto;
        float: none;
    }

.form-control-feedback {
    line-height: 34px !important
}

.modal-body .editing-buttons ul {
    margin: 0 !important;
    padding: 0 !important;
}

.wid100 > span {
    width: 100%
}

.techSpecilist ul {
    margin: 0;
    padding: 0
}

.techSpecilist li {
    display: block;
    padding: 0 0 4px;
    padding-right: 20px;
    width: 50%;
    float: left;
    line-height: 34px;
}

.imageunderData.techSpecilist li {
    width: 38%;
}

.techSpecilist li b {
    display: block;
    float: left;
    width: 40%;
}

.techSpecilist li .form-control {
    width: 60%;
    display: block;
    float: left;
}

.techSpecilist.imageSideData li b {
    width: 60%;
}

.techSpecilist.imageSideData li .form-control {
    width: 40%;
}

#tblCarStatusDetail select.form-control {
    min-width: 100px;
    overflow: hidden; /*padding-right: 20px;*/
}

#tblCarStatusDetail .text-center select.form-control {
    min-width: inherit;
    text-align: left;
    max-width: 130px;
    display: inline-block;
}

.k-grid td {
    overflow: visible !important;
}

.bannerThumbCont {
    padding: 20px 40px 0px 0px;
}

    .bannerThumbCont img {
        width: 100%;
        height: auto;
    }

.accordion-container.padNone {
    padding: 0
}

.customRadio.labels {
    font-weight: 400 !important;
}

.graphContent canvas.combinechart {
    height: 150px !important;
    width: 350px !important;
}

#divBadAvgAllRepair tfoot tr:last-child td {
    border-width: 1px 0 0 !important;
}

#divBadAvgAllRepair td:first-child {
    border-left: 0 !important;
}

#divBadAvgAllRepair tfoot tr:last-child td {
    font-size: 26px;
    color: #3b4a59;
    text-align: right
}

    #divBadAvgAllRepair tfoot tr:last-child td span {
        font-size: 12px;
        font-weight: normal;
        font-style: italic;
        display: inline-block;
        padding-right: 10px;
        line-height: 40px;
        margin-left: 0px;
        vertical-align: top;
    }

#divLayoutforHeader .navbar-collapse {
    padding: 0 !important;
}

.spangridleft {
    display: block;
    position: relative;
    padding-right: 30px;
    text-align: center;
    line-height: 22px;
}

    .spangridleft i {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -11px !important;
    }

.bannerThumbContText {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

    .bannerThumbContText .form-group {
        border: 0
    }

.ZomerPopTxt .form-control {
    padding: 6px 17px 6px 10px;
}

.lrgHead h3 {
    font-family: Averta-Bold,sans-serif;
    font-size: 18px
}

.percent.fontsize {
    font-size: 20px;
    line-height: 110px;
    margin-top: 0px !important;
}

.percent.fontsizeYellow {
    font-size: 20px !important;
    color: #D6D057;
    margin-top: 0px !important;
    line-height: 110px;
}

.percent.fontsizeGreen {
    font-size: 20px;
    color: #02E89D;
    margin-top: 0px !important;
    line-height: 110px;
}

.percent.fontsizeRed {
    font-size: 20px;
    color: #D25654;
    margin-top: 0px !important;
    line-height: 110px;
}

#myERModal .k-slider-horizontal {
    width: 274px !important;
}

.line-height26 {
    line-height: 26px !important;
}

.line-height22 {
    line-height: 22px !important;
}

.line-height34 {
    line-height: 34px !important;
}

.licenseinfotableth {
    background-color: #3EB6AB;
    color: white;
}

.mailTableBorder {
    border: 1px solid black;
}

#divErrors li {
    list-style-type: circle;
    margin: 10px 0 0 20px;
}

.carTechSpecContText {
    font-weight: bolder;
    font-size: 14px;
    line-height: 34px;
}

.visibilityHidden {
    visibility: hidden;
}

.greenBtnOut {
    text-align: right;
}

.menu-hide {
    display: none;
}

#CPUserGrid #Action {
    text-align: center;
}

.actionCPArw {
    position: relative;
    background: url(../Content/action-arrow.svg) center center no-repeat;
    background-size: auto 14px;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    margin: 0 auto
}
    /*.actionCPArw:hover { background-position: 0 bottom }*/
    .actionCPArw a:hover {
        text-decoration: none !important
    }

.CPPop {
    display: none;
    z-index: 2;
    position: absolute;
    left: -58px;
    top: 0;
    background: #fff;
    border: #3bb4ad 1px solid;
    padding: 5px;
}

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

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

        .CPPop a.submitCp {
            background-position: 0 0;
        }

        .CPPop a.deleteCp {
            background-position: 0 -40px;
        }

        .CPPop a.resubmitCp {
            background-position: 0 -82px;
        }

        .CPPop a.UpContDriverDet {
            background-position: 0 -122px;
        }

        .CPPop a.UpCarProf {
            background-position: 0 -162px;
        }

        .CPPop a.updateCarMaintHist {
            background-position: 0 -202px;
        }

        .CPPop a.addRepair {
            background-position: 0 -242px;
        }

        .CPPop a.exeAutoStatUp {
            background-position: 0 -282px;
        }

        .CPPop a.submitCp:hover {
            background-position: 0 -328px;
        }

        .CPPop a.deleteCp:hover {
            background-position: 0 -368px;
        }

        .CPPop a.resubmitCp:hover {
            background-position: 0 -410px;
        }

        .CPPop a.UpContDriverDet:hover {
            background-position: 0 -450px;
        }

        .CPPop a.UpCarProf:hover {
            background-position: 0 -490px;
        }

        .CPPop a.updateCarMaintHist:hover {
            background-position: 0 -530px;
        }

        .CPPop a.addRepair:hover {
            background-position: 0 -570px;
        }

        .CPPop a.exeAutoStatUp:hover {
            background-position: 0 -610px;
        }

        .CPPop a.editDetalIco {
            background-position: 0 -732px;
        }

            .CPPop a.editDetalIco:hover {
                background-position: 0 -770px;
            }

        .CPPop a.autoStatsubmit {
            background-position: 0 -970px;
        }

            .CPPop a.autoStatsubmit:hover {
                background-position: 0 -1010px;
            }

        .CPPop a.autoStatRepairDetail {
            background-position: 0 -1050px;
        }

            .CPPop a.autoStatRepairDetail:hover {
                background-position: 0 -1090px
            }

        .CPPop a.autoStatIncidents {
            background-position: 0 -1131px;
        }

            .CPPop a.autoStatIncidents:hover {
                background-position: 0 -1171px;
            }

        .CPPop a.autostatusHistory {
            background-position: 0 -1212px;
        }

            .CPPop a.autostatusHistory:hover {
                background-position: 0 -1252px;
            }

        .CPPop a.autoStatCarTireTetail {
            background-position: 0 -1292px;
        }

            .CPPop a.autoStatCarTireTetail:hover {
                background-position: 0 -1333px
            }

        .CPPop a.autoStatCarValue {
            background-position: 0 -1372px;
        }

            .CPPop a.autoStatCarValue:hover {
                background-position: 0 -1413px;
            }

        .CPPop a.inviteToFleet {
            background-position: 0 -1458px;
        }

            .CPPop a.inviteToFleet:hover {
                background-position: 0 -1689px;
            }

        .CPPop a.fleetActive {
            background-position: 0 -1505px
        }

            .CPPop a.fleetActive:hover {
                background-position: 0 -1735px
            }

        .CPPop a.fleetDeActive {
            background-position: 0 -1551px
        }

            .CPPop a.fleetDeActive:hover {
                background-position: 0 -1781px
            }

        .CPPop a.fleetTrand {
            background-position: 0 -1597px
        }

            .CPPop a.fleetTrand:hover {
                background-position: 0 -1827px
            }

        .CPPop a.fleetImprsonate {
            background-position: 0 -1643px
        }

            .CPPop a.fleetImprsonate:hover {
                background-position: 0 -1873px
            }

        .CPPop a.fleetInvited {
            background-position: 0 -1919px;
            cursor: default;
        }

        .CPPop 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;
        }

            .CPPop 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: '';
            }

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

.copyCont {
    background: url(../Content/copy.png) 0 0 no-repeat;
    display: block;
    float: right;
    margin-top: -12px;
    width: 24px;
    height: 24px;
}

.ZomerPopTxt .copyCont {
    margin-top: 0
}

.fontsize14 {
    font-size: 14px !important;
}

.width510 {
    width: 510px !important;
}

#divAutomization .width630 {
    max-width: 1050px;
}

.CPPopnew {
    display: none;
    z-index: 2;
    position: absolute;
    left: 33px;
    top: 0;
    background: #fff;
    border: #3bb4ad 1px solid;
    padding: 5px;
}

    .CPPopnew:before {
        position: absolute;
        left: -9px;
        top: 50%;
        margin-top: -9px;
        background: url(../Content/agenda-arrow.png) 0 0 no-repeat;
        height: 19px;
        width: 9px;
        display: block;
        content: '';
    }

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

        .CPPopnew a.EditGarage {
            background-position: 0 -650px;
        }

        .CPPopnew a.resubmitCp {
            background-position: 0 -82px;
        }

        .CPPopnew a.deleteCp {
            background-position: 0 -40px;
        }

        .CPPopnew a.UpCarProf {
            background-position: 0 -162px;
        }

        .CPPopnew a.EditLicense {
            background-position: 0 -730px;
        }

        .CPPopnew a.addPromotion {
            background-position: 0 -242px;
        }

        .CPPopnew a.addCoBrand {
            background-position: 0 -810px;
        }

        .CPPopnew a.viewDetailIco {
            background-position: 0 -890px;
        }

        .CPPopnew a.EditGarage:hover {
            background-position: 0 -690px;
        }

        .CPPopnew a.deleteCp:hover {
            background-position: 0 -368px;
        }

        .CPPopnew a.resubmitCp:hover {
            background-position: 0 -410px;
        }

        .CPPopnew a.UpCarProf:hover {
            background-position: 0 -490px;
        }

        .CPPopnew a.EditLicense:hover {
            background-position: 0 -770px;
        }

        .CPPopnew a.addPromotion:hover {
            background-position: 0 -570px;
        }

        .CPPopnew a.addCoBrand:hover {
            background-position: 0 -850px;
        }

        .CPPopnew a.viewDetailIco:hover {
            background-position: 0 -930px;
        }

        .CPPopnew 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;
        }

            .CPPopnew 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: '';
            }

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

.mapsearchResultTxt {
    padding: 3px 0 0 10px;
    clear: left;
}

    .mapsearchResultTxt h4 {
        margin: 0;
        padding: 0
    }

.checkbox-inline, .radio-inline {
    cursor: default;
}

.btnwidth100 {
    width: 100% !important
}

.btnHeight34 {
    height: 34px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage.modal-open #GarageDropdownList-list {
        top: 32px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage.modal-open #Garagecitypostal-list {
        top: 32px;
    }
}

/*.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
    background: none !important
}*/

.nav-pills.space {
    margin-top: -17px;
}

.chartList {
    margin: 0;
    padding: 0 0 20px
}

    .chartList li {
        display: block;
        float: left;
        padding: 0 15px;
        width: 25%;
        text-align: center
    }

#repairRevenue .percent {
    text-align: center;
    box-sizing: border-box;
    line-height: 110px;
    width: 110px;
}

.barChartList li {
    display: block;
    float: left;
    padding-right: 10px;
    line-height: 20px;
    color: #02C485;
    font-size: 16px;
    width: 33.33%
}

    .barChartList li span {
        display: inline-block;
        height: 10px;
        width: 15px;
        margin-right: 7px;
    }

        .barChartList li span.rect01 {
            background: #FFCB05
        }

        .barChartList li span.rect02 {
            background: #7DA7D9
        }

.chartListHead {
    float: right
}

    .chartListHead li {
        display: block;
        float: left;
        padding: 0 15px;
        width: 167px;
        text-align: center
    }

        .chartListHead li span {
            cursor: pointer;
        }

body, html {
    height: 100%
}

.wrapper {
    min-height: 100%;
    position: relative;
    padding-bottom: 76px;
}

.landingPage .wrapper {
    padding-bottom: 316px;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.incidentCon p {
    padding-bottom: 6px;
    font-family: Averta-Semibold, sans-serif;
}

.incidentCon .form-group {
    margin-bottom: 20px;
}

.incidentCon select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-bottom: #dadada 1px solid;
    width: 100%;
    height: 24px;
    padding: 0;
    background: #fff url(../Content/inci-arrow.png) right 0 no-repeat !important;
    font-family: Averta-Regular, sans-serif;
}

.incidentCon label {
    display: block;
    padding: 0;
    font-family: Averta-Light, sans-serif;
}


.incidentCon input[type="text"], .incidentCon textarea, .incidentCon input[type="password"] {
    border: 0;
    border-bottom: #dadada 1px solid;
    height: 24px;
    padding: 0;
    width: 100%;
    font-family: Averta-Regular, sans-serif;
}

    .incidentCon input[type="text"].caldr {
        background: #fff url(../CPContent/calender.png) right center no-repeat;
    }

.incidentCon textarea {
    height: 100px;
    margin-bottom: 10px;
}

.incidentCon label.per50 {
    width: 50%;
    float: left;
    padding-left: 10px;
    display: block;
}

.incidentCon label.per40 {
    width: 40%;
    float: left;
    padding-left: 10px;
    display: block;
}

.incidentCon label.per20 {
    width: 20%;
    float: left;
    padding-left: 10px;
    display: block;
}

.incidentCon label.per30 {
    width: 30%;
    float: left;
    padding-left: 10px;
    display: block;
}

.incidentCon span.per10 {
    width: 10%;
    float: left;
    padding-left: 10px;
    display: block;
}

.incidentCon label.padLeft0 {
    padding-left: 0
}

.icoGroup i {
    color: #3b4046;
    font-size: 18px;
    margin-right: 10px;
    float: left;
    line-height: 36px;
}

.garageAdv {
    display: block !important;
    float: right;
    font-family: Averta-Semibold, sans-serif;
    font-size: 22px;
    color: #fff;
    line-height: 24px;
    height: 20px;
    width: 20px;
    text-align: center;
    background: #3b4046;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .garageAdv:hover, .garageAdv:focus {
        color: #fff
    }

#recentCalItems .edit {
    color: #02E89D
}

.dvServicesMapping .edit {
    color: #02E89D !important;
    cursor: pointer;
}

.incidentCon.accountlbl label {
    padding: 10px 0 0;
}

.modal-cookie {
    width: 420px;
    margin: 20px auto 0
}

    .modal-cookie .btn {
        margin: 20px 0
    }

.far-far-away {
    position: absolute;
    left: -5000px;
    top: -5000px;
}

.footerContainer {
    max-width: 840px;
    margin: 0 auto;
}

    .footerContainer a {
        text-decoration: none;
    }

.footerButtons {
    background: #2ebfbf;
    border: #2ebfbf 1px solid;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    display: block;
}

.fooLineCont {
    border-bottom: #2ebfbf 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.footerButtonsRgt {
    float: right
}

.customRadio input {
    display: none;
}

    .customRadio input[type="radio"] + span {
        background: url("../Content/minimal.png") no-repeat -100px 0;
        border: 0;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        width: 18px;
        margin-right: 7px;
    }

.customRadio {
    display: inline-block;
    padding-right: 10px;
}

    .customRadio input[type="radio"]:checked + span {
        background-position: -140px 0;
    }

.bannerTextBg {
    background: rgba(0,0,0,0.5);
    padding: 15px 0;
}

.loginTitletxt {
    font-size: 34px;
    line-height: 40px;
    padding-bottom: 24px;
    margin: 0;
}

.loginDescBlock p {
    padding-bottom: 15px;
    margin: 0;
    font-size: 17px;
    line-height: 24px;
}

    .loginDescBlock p.secLoginPara {
        min-height: 102px;
    }

    .loginDescBlock p.joinPara {
        font-size: 20px;
        line-height: 26px;
    }

    .loginDescBlock p.loginSubTitletxt {
        font-size: 20px;
        line-height: 24px;
        padding: 40px 0 30px;
        position: relative;
        margin: 0;
    }

.loginSubTitletxt:before {
    background: #02C485;
    height: 1px;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}

.loginFormOuter {
    padding: 50px 0 35px;
    margin: 30px 0;
    /*background: #064749;*/
    /*background: -moz-linear-gradient(top, #064749 0%, #076466 100%);*/
    position: relative;
    /*background: -webkit-linear-gradient(top, #064749 0%, #076466 100%);*/
    background: linear-gradient(to bottom, #064749 0%, #076466 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064749', endColorstr='#076466', GradientType=0 );
}

.loginForm {
    margin: 0 auto;
    width: 100%;
    max-width: 448px;
}

    .loginForm ul {
        margin: 0;
        padding: 0;
    }

    .loginForm li {
        display: block;
        padding-bottom: 15px;
    }

        .loginForm li a {
            color: #ace7e7
        }

        .loginForm li label {
            display: block;
        }

.or {
    text-align: center;
    position: relative
}

    .or:before {
        background: #388385;
        height: 1px;
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        margin-top: -5px;
    }

    .or span {
        display: inline-block;
        padding: 0 7px;
        text-transform: uppercase;
        color: #ace7e7;
        background: #075759;
        position: relative;
        z-index: 2;
        line-height: 37px;
    }

.loginForm input[type="text"], .loginForm input[type="password"] {
    background: url(../CPContent/login-icon.png) 9px 9px no-repeat;
    color: #ace7e7;
    padding: 0 0 0 36px;
    height: 37px;
    border: 0;
    border-bottom: #599b9c 1px solid;
    width: 100%;
}

.loginForm input[type="password"] {
    background-position: 9px -33px;
}

.loginForm input[type="submit"], .loginForm input[type="button"] {
    background: #2ebfbf;
    text-align: center;
    height: 37px;
    border: 0;
    color: #fff;
    width: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

    .loginForm input[type="submit"].signBtn, .loginForm input[type="button"].signBtn {
        background: #FECA04;
        color: #3b4046;
    }

    .loginForm input[type="submit"]:hover, .loginForm input[type="button"]:hover {
        background: #2aabab
    }

    .loginForm input[type="submit"].signBtn:hover, .loginForm input[type="button"].signBtn:hover {
        background: #aea722;
    }

.loginFooter {
    padding: 20px 0 10px;
    text-align: center;
}

    .loginFooter p {
        color: #7ab1aa;
        font-size: 13px;
        margin: 0;
        padding-bottom: 17px;
    }

        .loginFooter p a {
            color: #d7cb28;
        }

.licePlate {
    position: relative
}

    .licePlate span {
        background: #0073b5 url(../CPContent/kenteken.png) repeat center center;
        border-radius: 0;
        bottom: 0;
        display: block;
        height: 40px;
        position: absolute;
        width: 40px;
    }

.licePlate_en-EN {
    position: relative
}

    .licePlate_en-EN span {
        background: #0073b5 url(../CPContent/kenteken_1.png) repeat center center;
        border-radius: 0;
        bottom: 0;
        display: block;
        height: 40px;
        position: absolute;
        width: 40px;
    }

.licePlate_nl-NL {
    position: relative
}

    .licePlate_nl-NL span {
        background: #0073b5 url(../CPContent/kenteken.png) repeat center center;
        border-radius: 0;
        bottom: 0;
        display: block;
        height: 40px;
        position: absolute;
        width: 40px;
    }

.loginForm input[type="text"].platInput {
    background-color: #f2bc04;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    padding: 0 50px;
    text-align: center;
    text-transform: uppercase;
}

.loginForm input::-webkit-input-placeholder {
    color: #ace7e7;
    opacity: 1
}

.loginForm input:-moz-placeholder {
    color: #ace7e7;
    opacity: 1
}

.loginForm input::-moz-placeholder {
    color: #ace7e7;
    opacity: 1
}

.loginForm input:-ms-input-placeholder {
    color: #ace7e7;
    opacity: 1
}

.loginForm input.platInput::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.loginForm input.platInput:-moz-placeholder {
    color: #000;
    opacity: 1
}

.loginForm input.platInput::-moz-placeholder {
    color: #000;
    opacity: 1
}

.loginForm input.platInput:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.signUpOuter {
    padding-top: 50px;
    padding-bottom: 50px
}

.signUptitle {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
}

.mapImgOuter {
    position: relative
}

.mapMobile {
    position: absolute;
    width: 28%;
    left: 12%;
    top: 40px;
}

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

.pageStepCont {
    text-align: center;
    margin: -20px -20px 20px;
}

    .pageStepCont a, .pageStepCont button {
        background: #02C485;
        color: #fff;
        display: block;
        float: left;
        padding: 0 12px;
        border: 0;
        line-height: 40px;
    }

        .pageStepCont a.rightBtns, .pageStepCont button.rightBtns {
            float: right
        }

        .pageStepCont a span, .pageStepCont button span {
            padding-left: 20px;
            background: url(../Content/step-back.png) 0 center no-repeat;
            display: block;
            line-height: 40px;
        }

        .pageStepCont a:hover span, .pageStepCont button:hover span {
            color: #fff
        }

        .pageStepCont a.rightBtns span, .pageStepCont button.rightBtns span {
            padding: 0 20px 0 0;
            background: #02C485 url(../Content/step-next.png) right center no-repeat;
        }

        .pageStepCont a.rightBtns:disabled span, .pageStepCont button.rightBtns:disabled span {
            padding: 0 20px 0 0;
            background: #d5d5d5 url(../Content/step-next.png) right center no-repeat;
            color: #fff
        }

        .pageStepCont button.rightBtns:disabled {
            background: #d5d5d5;
        }

    .pageStepCont > span {
        display: inline-block;
        line-height: 40px;
        font-size: 18px;
    }

.cpLicenseTable th, .cpLicenseTable td {
    padding: 14px 10px;
}

.cpLicenseTable th {
    background: #3eb6ab;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.cpLicenseTable td {
    border-bottom: #dadbdc 1px solid;
}

    .cpLicenseTable td.cpLicenseLinks {
        padding: 0
    }

.cpLicenseLinks button {
    background: #3d9f9a;
    color: #fff;
    border: 0;
    width: 100%;
    line-height: 32px;
    display: block;
    text-align: center;
    border-left: #fff 1px solid;
}

    .cpLicenseLinks button:disabled {
        opacity: 0.5
    }

    .cpLicenseLinks button.active:disabled, .cpLicenseLinks button.active {
        background: #3eb6ab;
        opacity: 1;
    }

.cpLicensePara {
    line-height: 20px;
    padding: 20px 0
}

.cpLiceWrong {
    background: url(../Content/wrong-sign.png) 0 0 no-repeat;
    width: 11px;
    height: 11px;
    display: inline-block;
}

.cpLiceRight {
    background: url(../Content/right-sign.png) 0 0 no-repeat;
    width: 19px;
    height: 14px;
    display: inline-block;
}

input[type='text'].searchIcon {
    background: #fff url(../Content/calender-icon.png) right -101px no-repeat;
    padding-right: 32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar {
    background-position: -32px -176px;
}

.iconBg {
    color: #02C485
}

.lineHgt36 {
    line-height: 36px;
}

.bold-label {
    font-family: Averta-Bold, sans-serif;
    padding-top: 7px;
}

.lable-pad .bold-label {
    padding-top: 0px;
}

#DivTeamMembers {
    margin: 20px 0;
}

.form-control-feedback {
    right: 11px;
}

    .form-control-feedback i, .editing-buttons .nav-pills .fa {
        color: #02e89d
    }

.nav > li > a {
    padding: 0 10px;
}

    .nav > li > a:focus, .nav > li > a:hover {
        background: none;
    }

.col-xs-2, .col-xs-3, .col-sm-5 {
    position: static !important;
}

#divErrors .panel {
    background-color: #cddcdc;
    color: #0f6363;
}

#divErrors .panel, #divErrors .panel-heading {
    font-size: 12px;
    line-height: 1.4;
}

#divErrors .panel-heading {
    color: #6ca4a5;
    background-color: #0f6363;
    border: 0;
}

#divErrors .panel-heading, #divErrors .panel-body {
    font-weight: normal;
    padding: 0 5px;
}

#divErrors img {
    float: left;
    margin: 0 10px 0 0;
    max-width: 45px;
    vertical-align: top;
}

#divErrors .panel-body p {
    padding-bottom: 4px;
    padding-top: 2px;
}

#divErrors .panel-body .yellowBtn {
    line-height: 22px;
    margin-bottom: 2px;
    padding: 0 10px;
    background: #FECA04;
    color: #323237;
}

#divErrors .price-text {
    font-weight: bold;
    text-align: right;
}

.panel-body {
    padding: 20px !important;
}

.panel-minusTop.panel-body {
    padding: 0 20px 20px !important;
}

    .panel-minusTop.panel-body .calenderForm {
        width: 250px;
    }

        .panel-minusTop.panel-body .calenderForm label {
            margin-bottom: 0
        }

.k-dropzone {
    padding: 0 !important;
    border: 0 !important;
}

.custSelectBtn .k-button.k-upload-button {
    margin-top: 76px;
}

.form-horizontal .control-label {
    margin: 0;
    padding: 0 0 5px;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: 0 -3px;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: 0 -35px;
}
/*.k-numerictextbox { width: 7em !important; }*/
.autoSatusList {
    margin: 0;
    padding: 0;
}

    .autoSatusList li {
        display: block;
        list-style: none;
        padding: 3px 0;
        border-bottom: #e5e5e5 1px solid;
        line-height: 30px;
    }

        .autoSatusList li a {
            display: block;
            float: right;
            color: #40b6af;
            padding: 0 10px;
            font-size: 20px;
        }

        .autoSatusList li em {
            font-style: normal;
            display: inline-block;
            width: 60%;
            font-size: 15px;
            vertical-align: top
        }

.k-grid tr td, .k-grid tr th, .k-grid-header th.k-header, .k-filter-row th {
    border: 0
}

.serviceTable table {
    width: 100%;
}

.serviceTable td, .serviceTable th, .k-grid tr td, .k-grid tr th, .k-grid-header th.k-header, .k-filter-row th {
    padding: 15px 15px !important;
    border-bottom: #dadbdc 1px solid !important;
    vertical-align: middle;
}

#GarageListGrid .passport-data tr td, #GarageListGrid .passport-data tr th {
    padding: 6px 7px !important;
}

#tblCarStatusDetail1 .form-control[readonly] {
    padding: 0;
}

#tblCarStatusDetail1 td {
    vertical-align: middle
}

.serviceTable tr td:last-child, .serviceTable tr th:last-child {
    padding-right: 0 !important
}

#intervalGrid td {
    border: 0 !important;
}

.fa-ban {
    color: #da374a;
}

.fa-check {
    color: #39b6b0 !important;
}

.igarage-myaccount .fa-check {
    color: #02C485 !important;
}

.fa-minus {
    color: #FECA04;
}

.fa-times {
    color: #da374a;
}

.fa-inbox {
    color: #02E89D;
}

.moreStatusDetail {
    display: inline-block;
    color: #40b6af;
    padding: 0 10px;
    font-size: 20px;
    cursor: pointer
}

.tablist, .tablistInner {
    width: 100%;
    padding: 0;
}

.tabCont, .tabContInner {
    display: none
}

    .tabCont.active, .tabContInner.active {
        display: block
    }

.autoSatusBlockTip {
    height: 34px;
    line-height: 28px;
    padding-top: 2px;
    width: 34px;
    display: inline-block;
    background: #02E89D;
    color: #fff;
    margin: 0 2px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

    .autoSatusBlockTip.redTip {
        background: #DA3B41
    }

    .autoSatusBlockTip.yellowTip {
        background: #FECA04
    }

.autoSatusSel {
    padding: 20px 0;
}

.pageHead {
    border-bottom: #dadbdc 1px solid;
    padding: 5px 0;
    margin: 0;
    font-size: 18px;
    font-family: Averta-Bold, sans-serif;
    display: block;
    line-height: 30px;
}

.pageHeadFour {
    border-bottom: #dadbdc 1px solid;
    padding: 10px 0;
    margin: 0 0 20px;
}

.subPgehead {
    border-bottom: #dadbdc 1px solid;
    margin: 20px 0 10px;
    font-size: 16px;
    display: block;
    line-height: 22px;
}

.autocircleCont {
    display: inline-block;
    width: 72px;
    text-align: center;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

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

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    border: 1px solid #02E89D;
    border-radius: 20px;
    margin: 0;
}

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

.isYearly .onoffswitch-inner:before {
    content: '';
}

.isYearly .onoffswitch-inner:after {
    content: '';
}

.isYearly .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    background-color: #02E89D;
}

.isYearly .onoffswitch-switch {
    background: #02E89D;
}

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

.onoffswitch-inner:before {
    padding-left: 10px;
    background-color: #fff;
    color: #02C485;
}

.onoffswitch-inner:after {
    padding-right: 10px;
    background-color: #fff;
    color: #02C485;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 22px;
    height: 22px;
    margin: 5px;
    background: #DA3B41;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 0;
    border-radius: 20px;
    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;
    background-color: #02E89D;
}

.lineHgt32 {
    line-height: 32px;
}

.garageForm {
    padding: 10px 0
}

    .garageForm .form-group {
        margin-bottom: 20px;
    }

    .garageForm .control-label {
        margin: 0;
        padding: 0;
    }

    .garageForm .formValue {
        margin: 0;
        padding: 0;
    }

.stepForm {
    padding-bottom: 20px;
}

    .stepForm .form-group {
        margin-bottom: 0;
    }

    .stepForm label {
        font-weight: bold;
        display: block;
        float: left;
        width: 45%;
        line-height: 34px;
    }

        .stepForm label + span {
            display: block;
            float: left;
            width: 55%;
        }

.btnsGroup button {
    float: left;
    margin-left: 0.33%;
    width: 33%;
}

.stepForm .kenteken {
    margin-bottom: 5px;
}

.stepForm .kenteken_en-GB {
    margin-bottom: 5px;
}

.stepForm .kenteken_nl-NL {
    margin-bottom: 5px;
}

.panelCont {
    padding: 20px 0;
}

.k-add {
    display: none;
}

#tblCarStatusDetail .btn-group.singleIcowid {
    min-width: auto;
    display: inline-block
}

.generalRem {
    border-top: #dadbdc 1px solid;
    padding-top: 20px;
}

    .generalRem textarea {
        border: #dadbdc 1px solid;
        width: 100%;
        padding: 10px;
        resize: none
    }

textarea.form-control {
    border: #dadbdc 1px solid;
    width: 100%;
    padding: 10px;
    resize: none;
    border-radius: 5px;
}

label {
    font-weight: normal;
}

#tab01 label {
    font-weight: 700;
}

.btnCenter {
    text-align: center;
}

    .btnCenter button {
        float: none;
        display: inline-block;
    }

.modal-dialog.model360 {
    width: 360px;
}

.modal-dialog.model440 {
    width: 440px;
}

.radioListing label {
    display: block;
    padding-right: 10px;
    float: left
}

.radioListing input[type="radio"] {
    display: none
}

    .radioListing input[type="radio"] + span {
        background: url('../Content/radio.png') no-repeat 0 0;
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    .radioListing input[type="radio"]:checked + span {
        background-position: 0 bottom;
    }

.radioListing i {
    margin-right: 3px
}

.custCheckbox input[type="checkbox"] {
    display: none
}

    .custCheckbox input[type="checkbox"] + span, .custCheckbox input[type="checkbox"] + input[type="hidden"] + span {
        background: url('../Content/radio.png') no-repeat 0 0;
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

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

.checkBoxList {
    margin: 0;
    padding: 0;
}

    .checkBoxList li {
        display: block;
        padding-bottom: 10px;
        list-style: none;
    }

        .checkBoxList li a {
            display: block;
            float: right
        }

.statusTab > li > a.visited {
    background-color: #dadbdc;
    position: relative;
}

    .statusTab > li > a.visited:after {
        background: url('../Content/nav-check.png') no-repeat 0 0;
        height: 28px;
        width: 28px;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
    }

.stepForm .btn.btn-lg {
    font-size: 12px;
    padding: 0 5px;
    height: 74px;
}

.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 .check-mark:after {
    background-image: url(../Content/bullet-icon-green.svg);
}*/
.check-container {
    padding-left: 40px;
    min-height: 26px;
}

.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: 3px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #d6d6d6
}

.radio-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #d6d6d6;
    overflow: hidden;
}

.check-container .check-mark:after {
    position: absolute;
    display: none;
    left: 0.5px;
    top: -1.5px;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px 14px;
    width: 20px;
    height: 20px;
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #02e89d;
}

.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;
}


.panel-group {
    margin-bottom: 0;
}

.form-panal .k-dropdown {
    width: auto !important;
}

.fullSelect .k-dropdown {
    width: 100% !important;
}

.k-grid > table {
    border-bottom: 0 !important;
}

.k-dropdown .k-state-hover .k-input {
    color: #55595d;
}

.k-dropdown .k-state-hover .k-i-arrow-s {
    background-position: 0 -32px;
}

.k-pager-wrap {
    border-color: #dadbdc !important
}

.yelloLplate {
    background: #f2bc04
}

.newgreenBtn {
    background: #02E89D;
    border: 0;
    line-height: 40px;
    height: 40px;
    color: #fff;
    margin-right: 10px;
    min-width: 95px;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
}

    .newgreenBtn:hover {
        background: #02C485;
        color: #fff;
        text-decoration: none;
    }

.k-grid-content > table {
    border-bottom: 0;
}

h4 b {
    font-family: Averta-Bold, sans-serif;
}

.notableBor table, .notableBor td, .notableBor th {
    border: 0 !important
}

.stepPad {
    padding: 20px 20px 0;
}

#UlSteps {
    margin-bottom: 20px;
}

.tab-banner {
    margin: 0 20px 20px;
}

#divBadAvg .k-grid-header tr th.k-header:nth-child(10) > .k-link, #divBadAvg .k-grid-header tr th.k-header:nth-child(11) > .k-link, #divBadAvg .k-grid-header tr th.k-header:nth-child(12) > .k-link, #divGood .k-grid-header tr th.k-header:nth-child(5) > .k-link, #divGood .k-grid-header tr th.k-header:nth-child(6) > .k-link {
    text-align: center
}

.prevGarageBtn {
    padding: 0 20px;
}
/*.collapse.in { margin-top: 20px; }*/
.heavyLabel label {
    font-family: Averta-Bold, sans-serif;
}

.navPillOut {
    padding: 10px 0;
    border-bottom: #dadbdc 1px solid;
    border-top: #dadbdc 1px solid;
}

    .navPillOut .control-label {
        padding: 0;
        font-family: Averta-Bold, sans-serif;
        line-height: 24px;
    }

    .navPillOut .info-ico {
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        margin-left: 5px;
    }

.table .k-checkbox-label:after {
    border: #dadbdc 1px solid !important;
}

.icofilter.checkbox-list .checkbox-inline {
    width: 100%;
}

.icofilter i {
    display: inline-block;
    margin: 0 7px;
    color: #8a6d3b
}

.fa-close {
    color: #DA3B41 !important
}

.fa-exchange {
    color: #02C485 !important
}
/*table .fa-pencil-square-o {
    color: #8a6d3b !important
}*/
.fullWidRad .customRadio {
    display: block;
    margin-bottom: 10px;
}

.typeCplist {
    padding-bottom: 8px
}

    .typeCplist i {
        display: inline-block;
        margin: 0 7px;
    }

.lessfifty {
    background: #DA3B41;
    display: inline-block;
}

.lessSeventyFive {
    background: #FECA04;
    display: inline-block;
}

.greaterSeventyFive {
    background: #02E89D;
    display: inline-block;
}

.unknowndata {
    background: #02C485;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 2px 7px;
}

.unassign.unknowndata {
    background: #d5d5d5;
}

.oemIntervalAdd {
    background: #02C485;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.statusIco {
    width: 78px;
}

.lessfifty:hover, .lessSeventyFive:hover, .greaterSeventyFive:hover {
    color: #fff;
    text-decoration: none;
}

.lessfifty i, .lessSeventyFive i, .greaterSeventyFive i {
    color: #fff !important;
    font-size: 14px !important;
    display: inline-block;
    margin-left: 3px;
    line-height: 26px !important;
    padding-bottom: 5px;
    vertical-align: middle;
}

.statusIco i:nth-child(1) {
    float: left;
    margin-right: 24px;
}

.statusIco i:nth-child(2) {
    float: right
}

.slider.slider-horizontal {
    width: 100% !important;
}

.driverProInput {
    margin-top: 20px;
}

.slider.slider-horizontal .slider-track {
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #d6dadd
}

.slider-selection, .tooltip-inner {
    background: #fff !important;
    color: #333;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
}

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
    border-top-color: #fff !important;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #02E89D !important;
}

.slider-handle {
    background: #fff !important;
    width: 22px !important;
    height: 22px !important;
    border: #44c4bb 1px solid !important
}

.autoSatusBlock, .autoSatusBlock .autoSatusimg {
    line-height: 0;
}

.dashBanImg {
    padding-bottom: 10px;
}

.tectradio {
    float: left
}

.carPassCont {
    padding: 20px;
}

.carPassTable {
    border: #02E89D 1px solid;
}

    .carPassTable th, .carPassTable td {
        padding: 15px;
        vertical-align: middle;
    }

    .carPassTable th {
        background: #02E89D;
        color: #fff;
        font-weight: normal;
    }

    .carPassTable td {
        border-top: #02E89D 1px solid;
    }

.carPassgreyTd {
    color: #02E89D;
}

.tectradioOut {
    line-height: 34px;
}

.promotionBtn {
    font-size: 25px;
    line-height: 28px;
    padding: 24px;
    width: 100%;
    max-width: 286px;
}

.promotionText p {
    font-size: 18px;
    padding-bottom: 60px;
}

.promoThumb {
    text-align: center
}

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

.tyleLabel label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.tyleLabelLine label {
    line-height: 36px;
}

.stepForm label.repairLabel {
    width: 60%
}

.stepForm label + span.repaiSpan {
    width: 40%
}

.stepForm label.BorCenter input, .stepForm label + span.BorCenter input {
    border: 0;
    padding: 0;
}

.stepForm label + span.BorCenter input {
    border: 0;
    padding: 0;
}

.stepForm label + span.repairBor {
    border: #dadbdc 1px solid
}

.k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock {
    background-position: -32px -192px;
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-left: #dadbdc 1px solid !important
}

.btnsGroup button.singleBtn {
    margin-left: 0;
    width: 100%;
}

.reapirPopArrow.actionCPArw {
    background: none !important
}

#divRepairCompleteProcess tr th:last-child, #divRepairCompleteProcess tr td:last-child {
    text-align: right
}

#BandenProductPopUp, #showServices {
    margin-right: 0 !important;
    padding-right: 0 !important
}

    #BandenProductPopUp .modal-lg, #showServices .modal-lg {
        height: 100%;
        width: 100%;
        margin: 0;
    }
    /*#BandenProductPopUp .modal-header, #BandenProductPopUp .modal-body, #BandenProductPopUp .modal-footer, #showServices .modal-header, #showServices .modal-body, #showServices .modal-footer { width: 100%; max-width: 1170px; margin: 0 auto; }*/
    #BandenProductPopUp .modal-content, #showServices .modal-content {
        height: 100%;
    }

    #showServices #serviceForm {
        min-height: 100%;
    }

.marL10 {
    margin-left: 10px;
}

.marL5 {
    margin-left: 3px;
}

.lineFontZero {
    line-height: 0;
    font-size: 0
}

.dateFullWid .k-widget {
    padding: 0;
    width: 100% !important;
}

.dateFullWid .k-numeric-wrap {
    width: 100%;
    padding: 0;
}

    .dateFullWid .k-numeric-wrap > span {
        display: none;
    }

.exeJobsField {
    border: #dadbdc 1px solid;
    width: 100%;
    padding: 6px 26px 6px 12px;
    min-height: 34px;
    position: relative;
}

    .exeJobsField i {
        color: #3EB3AB;
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -8px !important;
    }

.inteForm.form-panal .k-dropdown {
    width: 100% !important;
}

.detalText.actionCPArw a {
    display: block;
    line-height: 25px;
}

.serviceAccPan.panel-default {
    margin: 10px 0
}

    .serviceAccPan.panel-default > .panel-heading > .panel-title > a {
        background: #fff;
        color: #02E89D
    }

    .serviceAccPan.panel-default > .panel-heading {
        margin-bottom: 1px;
    }

        .serviceAccPan.panel-default > .panel-heading > .panel-title.panel-title-check > a {
            padding: 10px 10px 10px 10px;
        }

#divRepairCompleteProcess tr th:last-child, #divRepairCompleteProcess tr td:last-child {
    text-align: right
}

.fullSelectBox .k-dropdown {
    width: 100% !important
}

.valueCheckState .modal-header {
    margin-bottom: 20px;
}

.valueCheckState .btn {
    text-align: left;
}

    .valueCheckState .btn.btnDisabled {
        opacity: 0.5;
        cursor: default
    }

    .valueCheckState .btn.active, .valueCheckState .btn:hover, .valueCheckState .btn.focus {
        background: #02C485 !important
    }

    .valueCheckState .btn i {
        color: #fff;
        line-height: 20px;
    }

.valueCheckState .crossMark {
    color: #d9384a;
}

.loginFormOuter p {
    color: #7ab1aa;
    font-size: 13px;
    margin: 0;
    padding-bottom: 17px;
}

    .loginFormOuter p a {
        color: #d7cb28;
    }

.langSelect {
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    max-width: 155px;
}

    .langSelect:before {
        position: absolute;
        left: 5px;
        top: 4px;
        content: "";
        font-family: FontAwesome, sans-serif;
        color: #fff;
    }

    .langSelect select {
        border: 0;
        background: url('../Content/lang-arrow.png') no-repeat 98% center !important;
        color: #fff;
        padding-left: 24px
    }

        .langSelect select:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

        .langSelect select option {
            color: #000
        }

.filterOption .form-control.k-widget {
    width: 100%;
}

.widget-top-menu-bar-widget ul > span {
    display: none
}

#dp_swf_engine, #dp_swf_engine embed {
    height: 0 !important;
    width: 0 !important;
}

.k-grid-pager .k-pager-sizes select {
    width: 30px;
    height: 30px;
    padding: 0 5px;
    margin-right: 5px;
}

.googlePlay {
    margin-bottom: 5px;
}

.k-button {
    background-color: darkgray !important;
    color: #fff;
    border: 0;
    padding: 5px 14px;
}

.k-grid-pager .k-pager-sizes select {
    width: 30px;
    height: 30px;
    padding: 0 5px;
    margin-right: 5px;
}

.table-responsive {
    overflow-x: visible;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 0;
}

.relative-block {
    min-height: auto !important
}

.pageHead .btn {
    padding: 4px 15px !important;
    font-weight: normal !important;
    font-family: Averta-Regular, sans-serif;
}

.accForm label {
    display: block;
    line-height: 18px;
    margin: 0
}

.valuePad {
    display: inline-block;
    width: 60px;
}

.jcrop-holder {
    width: 100% !important;
    overflow: auto;
}

.jcrop-holder {
    width: 100% !important;
    overflow: auto
}

.padTop10 {
    padding-top: 10px;
}

.k-widget.k-datetimepicker.form-control {
    border: 1px solid #dadbdc !important;
}

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

    .k-widget.k-datetimepicker.form-control .k-input {
        height: 47px !important;
    }

.k-calendar .k-content .k-link {
    border-radius: 50%;
    font-size: 14px;
}

.form-control.k-input:disabled {
    text-indent: 0 !important
}

#serviceDate.form-control.k-input:disabled {
    text-indent: .8em !important
}

.networkMap {
    width: 100%;
    height: 496px;
    overflow: hidden;
    position: relative;
}

.k-grid-header table, .k-grid-content table, .k-grid-footer table, .k-grid-content-locked > table {
    table-layout: auto;
}

.padBot10 {
    padding-bottom: 10px;
}

.marLeft10 {
    margin-left: 10px;
}

.marright15 {
    margin-right: 15px;
}

.marTop20 {
    margin-top: 20px;
}

.form-control.widTextarea {
    height: 215px;
}

.radioData {
    display: none
}

    .radioData.active {
        display: block
    }

.searchGarageName {
    background: #fff url(../Content/calender-icon.png) right -110px no-repeat;
}

.radioDataShow label {
    cursor: pointer
}

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

.searchMap {
    background: url(../Content/map.png) right 0 no-repeat;
}

.searchGarageName {
    display: block;
    width: 100%
}

.form-control.searchGarageName.k-input {
    border: 1px solid #dadbdc !important;
    height: 34px !important;
    width: 100% !important;
    padding-right: 34px
}

.breakWord {
    word-break: break-word;
}

.iframeWidget iframe {
    width: 530px;
    height: 467px;
}

#iframeCPWidget iframe {
    width: 530px;
    height: 477px;
}

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

.scheForm .row.form-control {
    border: 0 !important;
    height: auto !important
}

.fleetCont {
    padding: 36px 0
}

    .fleetCont a {
        background: #02C485;
        color: #fff;
        display: inline-block;
        line-height: 38px;
        padding: 0 15px 0 25px;
    }

        .fleetCont a i {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0 0 10px;
        }

    .fleetCont p {
        padding-bottom: 28px;
        margin: 0;
    }

.fleetContTitle {
    font-size: 18px;
    line-height: 24px;
    font-family: Averta-Semibold, sans-serif;
    padding-top: 8px;
}

.fleetCont p.fleetThumb {
    padding: 10px 0 0;
    margin: 0;
    font-weight: bold
}

.cpLicenseTable .fleetLast td {
    padding: 0
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.form-control[readonly] {
    border: 0;
    box-shadow: 0px 0px;
}
/*.form-control[readonly] { border: 0;}*/

.fleetCont a.mobileShow {
    display: none
}

.fleetCont a.mobileHide {
    display: inline-block
}

#tblCarStatusDetail1 {
    margin-bottom: 10px;
}

.formLabelCont label {
    display: block
}

.panel-body.hostPanelBody {
    padding: 0 0 !important;
}

hr.hr14 {
    margin: 10px 0 2px
}

hr.hrEqaul14 {
    margin: 10px 0 !important
}

#divGarage .passport-data .table th {
    text-align: left;
}

#FleetListDiv .navPillOut {
    margin-top: 10px;
}

.hostPanelBody .fa-pencil, .hostPanelBody .fa-trash-o {
    font-size: 22px;
    vertical-align: middle;
    color: #828282;
    cursor: pointer;
    margin: 0 2px;
}

#ToelichtingModalPopupImage.modal, #commonModalPopupImage.modal {
    z-index: 1051;
}

#ModalError.modal {
    z-index: 1052;
}

#licenceInfoDv {
    margin-top: 20px;
}

.filterTitle .btn-primary {
    font-family: Averta-Regular, sans-serif;
}

.setCheckTbl {
    padding-left: 11px;
}

.hostPanelBody .setCheckTbl.nav > li > a {
    padding: 0;
    vertical-align: top;
    display: block
}

.setCheckTbl.nav-pills > li + li {
    margin-left: 6px;
}

.hostPanelBody .setCheckTbl.nav i {
    font-size: 23px;
    line-height: 19px;
    vertical-align: top;
}

.rightBtnsGroups {
    text-align: right
}

#StatusContent label { /*font-weight: bold line-height:28px;*/
}

.marTop10 {
    padding-top: 10px;
}

.marTop30 {
    margin-top: 30px;
}

#header, .pageTitleBar {
    background: #0f5f5e;
}

.backPage {
    display: block;
    float: left;
    color: #fff;
}

.selectLineHgt label, .selectLineHgt > div {
    display: inline-block;
    line-height: 34px;
    margin-bottom: 0
}

.panelCont.padTopZero {
    padding-top: 0
}

#commonModalPopupAudio, #commonModalPopupVideo {
    z-index: 1052
}

.showTab {
    display: none;
}

#tblnewIntervalForCp {
    width: 100%;
    margin-bottom: 20px;
}

    #tblnewIntervalForCp th, #tblnewIntervalForCp td {
        padding: 5px 7px;
    }

.clearfx:after, .clearfx:before {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
}

#divBadAvgExtraRepair .k-grid-toolbar {
    padding-top: 20px !important;
}

.plusCircle {
    padding: 0 7px;
    display: inline-block !important;
    height: 28px;
}

    .plusCircle i {
        line-height: 26px;
    }

.k-button {
    text-transform: uppercase
}

button {
    text-transform: uppercase
}

.labelSetLeft span {
    display: block;
    vertical-align: top;
    text-align: center;
}

.labelSetLeft label {
    display: block;
    vertical-align: top;
    margin: 0;
    text-align: center
}

.labelSetLeftOut input[disabled], .labelSetLeftOut select[disabled] {
    max-height: 26px;
    text-align-last: center;
    display: inline-block;
    font-size: 20px;
    width: 100% !important;
    text-align: center !important;
    text-align: -webkit-center !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.labelSetLeftOut select[disabled] {
    margin-top: -6px !important;
}

    .labelSetLeftOut input[disabled]::-webkit-input-placeholder, .labelSetLeftOut select[disabled]::-webkit-input-placeholder {
        color: #555;
        font-style: normal;
    }

    .labelSetLeftOut input[disabled]:-moz-placeholder, .labelSetLeftOut select[disabled]:-moz-placeholder {
        color: #555;
        font-style: normal;
    }

    .labelSetLeftOut input[disabled]::-moz-placeholder, .labelSetLeftOut select[disabled]::-moz-placeholder {
        color: #555;
        font-style: normal;
    }

    .labelSetLeftOut input[disabled]:-ms-input-placeholder, .labelSetLeftOut select[disabled]:-ms-input-placeholder {
        color: #555;
        font-style: normal;
    }

.labelSetLeftOut .labelSetLeft {
    float: left;
    width: 25%;
    font-size: 16px;
}

    .labelSetLeftOut .labelSetLeft label > input {
        font-size: 16px;
    }

#tblCarStatusDetail .btn-group > .btn {
    float: none
}

.doneStatus .k-upload-status {
    margin: 72px -5px 0 0;
}

.labelSetLeftOut.selJobList input[disabled], .labelSetLeftOut.selJobList select[disabled] {
    font-size: 15px;
}

.labelSetLeftOut.selJobList .labelSetLeft {
    font-size: 15px;
}

.chartData {
    padding: 0;
    margin: 0
}

    .chartData li {
        display: block;
        float: left;
        padding-left: 20px;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
    }

        .chartData li span {
            display: block;
            line-height: 24px;
            color: #D6D057;
            font-size: 24px;
            font-family: Averta-Semibold, sans-serif;
        }

        .chartData li:first-child span {
            color: #D65657
        }
/*.jobTable th { background: #a5d8d4; padding: 10px !important; border: 0 !important; }
.jobTable td { background: #eaf6f5; padding: 10px !important; border-bottom: #d6dfde 1px solid }
.jobTable td .history-data { margin-top: 0; }
.jobTable td .k-input { height: auto; }
.jobTable td .form-control[disabled], .jobTable td .form-control[readonly] { background: none; }*/
.stepDataCont {
    background: #eaf6f5;
    padding: 15px;
    border-bottom: #d6dfde 1px solid;
    margin-bottom: 20px;
}

    .stepDataCont label {
        margin-bottom: 0;
    }

.lpMiddle {
    margin: 7px 0;
}

.centerHeadTxt {
    text-align: center;
    display: block;
    font-family: Averta-Bold, sans-serif;
    line-height: 34px;
    font-size: 20px;
    width: calc(100% - 550px);
}

.lpMiddle .kenteken {
    margin-left: 10px;
    width: 160px;
}

.lpMiddle .kenteken_en-GB {
    margin-left: 10px;
    width: 160px;
}

.lpMiddle .kenteken_nl-NL {
    margin-left: 10px;
    width: 160px;
}

/*#benden_1 tr td:nth-child(3), #benden_2 tr td:nth-child(3), #benden_3 tr td:nth-child(3){ background:#ebf7f5}*/
/*#benden_1 tr td:nth-child(3) input,#benden_2 tr td:nth-child(3) input,#benden_3 tr td:nth-child(3) input { border:0}*/

#benden_1 tr#dvSpareTire td:nth-child(3), #benden_2 tr#dvSpareTire td:nth-child(3), #benden_3 tr#dvSpareTire td:nth-child(3) {
    background: none
}

.stepDataCont textarea {
    background: none;
}

.stepDataCont.marBotNone {
    margin-bottom: 0
}

.checkBoxList > span {
    display: block;
    float: left;
    padding-right: 30px;
    font-weight: bold;
}

.padBot15 {
    padding-bottom: 15px;
}

.well.km-input {
    padding: 2px;
    display: table;
    background: #e5e5e4;
    border-color: #c5c6c6;
}

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

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

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

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.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;
    background: #4e4d53;
}

.km-input input {
    text-align: center;
    font-family: Averta-Bold, sans-serif;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    max-width: 30px;
    padding: 0 3px;
    color: #555;
    border: #c5c6c6 solid 1px;
    background: #fff;
}

    .km-input input::-webkit-input-placeholder {
        font-style: normal;
        color: #555;
    }

    .km-input input:-moz-placeholder {
        font-style: normal;
        color: #555;
    }

    .km-input input::-moz-placeholder {
        font-style: normal;
        color: #555;
    }

    .km-input input:-ms-input-placeholder {
        font-style: normal;
        color: #555;
    }

.fontnormal {
    font-style: normal;
}

.navbar-nav > li > a {
    line-height: 18px;
}

#divUpdatedMileage .k-numeric-wrap, #divUpdateKMPerYear .k-numeric-wrap {
    padding-right: 0;
}

#divUpdatedMileage .k-select, #divUpdateKMPerYear .k-select {
    display: none;
}

#divUpdatedMileage .k-numerictextbox, #divUpdateKMPerYear .k-numerictextbox {
    width: 100% !important;
}

#PromotionCodeGrid .fa-pencil-square-o {
    color: #02E89D !important;
    opacity: 0.5
}

    #PromotionCodeGrid .fa-pencil-square-o.edit {
        color: #02E89D !important;
        opacity: 1
    }

.mediaImageList {
    margin: 0;
    padding: 0;
}

    .mediaImageList li {
        position: relative;
        display: block;
        float: left;
        padding: 0 5px 10px;
        width: 25%;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .mediaImageList li img {
            width: 100%;
            height: 98px;
            border-radius: 5px;
        }

            .mediaImageList li img.qa-uploaded-image {
                width: auto;
                height: auto;
                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;
        }

.greenTableTheme > div {
    background: #eaf6f5;
    border-bottom: #d6dfde 1px solid;
    padding: 10px 0;
    line-height: 28px;
}

.panelCont.topPadZero {
    padding-top: 0
}

.mediaBtnPos {
    position: relative;
}

    .mediaBtnPos #btnDelete {
        position: absolute;
        top: 0;
        left: 105px;
        min-width: 100px;
    }

    .mediaBtnPos .k-upload-button {
        min-width: 100px;
        text-align: center;
    }

.readOnlyOut {
    border: 0 !important;
    background: none !important
}

    .readOnlyOut input {
        padding: 0 !important;
        background: none !important;
        text-indent: 0 !important;
    }

#divUpdatedMileage .k-state-disabled, #divUpdateKMPerYear .k-state-disabled {
    opacity: 1
}

    #divUpdatedMileage .k-state-disabled input, #divUpdateKMPerYear .k-state-disabled input {
        color: #555
    }

.mob-right-btn {
    text-align: center;
}

.slider-tick {
    display: none !important
}


.copyCont.propPos {
    display: inline-block;
    float: none;
    margin-top: 0;
}

.inputsGroup label.bold-label {
    float: left;
    display: block
}

.inputsGroup > .clearfix {
    padding-top: 2px;
}

    .inputsGroup > .clearfix:first-child {
        padding-top: 12px;
    }

.inputsGroup .onoffswitch {
    float: right;
}

.has-feedback .form-control.toekTextarea {
    height: 100px;
}

.pressOut {
    padding-bottom: 10px;
}

.popTab {
    margin: 0 0 20px;
    background: #02e89d;
    padding: 1px;
}

    .popTab li {
        display: block;
        float: left;
        width: 25%;
        text-align: center;
    }

    .popTab > li > a, .subTab > span {
        display: block;
        line-height: 50px;
        text-transform: uppercase;
        color: #fff;
        border-right: #02C485 1px solid
    }

    .popTab li:last-child a {
        border: 0
    }

    .popTab li a:hover, .popTab li a.active {
        background: #fff;
        color: #02e89d;
        text-decoration: none;
        border-color: #fff
    }

    .popTab li a.removeHover:hover, .popTab li a.removeHover.active {
        background: #02e89d;
        color: #fff;
        border-right: #02e89d 1px solid;
        cursor: default;
    }

    .popTab.carSpecTab {
        margin: 0;
    }

        .popTab.carSpecTab li {
            margin: 0;
            width: 50%;
        }

.poptabCon {
    display: none
}

    .poptabCon.active {
        display: block
    }

.bandenGrey > div {
    padding: 0 5px;
}

    .bandenGrey > div:first-child {
        padding-left: 15px;
    }

    .bandenGrey > div:last-child {
        padding-right: 15px;
    }

.bandenGrey .copyCont.propPos {
    margin-top: 10px;
}

.accrInner {
    padding-bottom: 20px;
}

.noMar.collapse.in {
    margin: 0
}

.labelSetLine {
    display: block;
    padding-top: 30px;
    line-height: 30px;
}

.labelSetLine02 {
    display: block;
    padding-bottom: 13px;
    line-height: 30px;
}

.labelLinehgt {
    display: block;
    line-height: 30px;
}

.modal-content .noLeftBorder .table > tbody > tr > td {
    border: 0 !important;
    border-bottom: #d0d4d8 1px solid !important
}

    .modal-content .noLeftBorder .table > tbody > tr > td:first-child {
        border-left: #d0d4d8 1px solid !important
    }

    .modal-content .noLeftBorder .table > tbody > tr > td.lastTd {
        border-right: #d0d4d8 1px solid !important;
        text-align: center
    }

.MsgRedColor {
    color: #DA3B41;
}

.fullWidthPopup {
    margin-right: 0 !important;
    padding-right: 0 !important
}

    .fullWidthPopup > .modal-lg {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .fullWidthPopup .modal-header, .fullWidthPopup .modal-body, .fullWidthPopup .modal-footer {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
    }

    .fullWidthPopup > .modal-lg > .modal-content {
        min-height: 100%;
    }

#poptab02 .form-control[readonly], .dvServicesMapping .form-control[readonly] {
    border: #dadbdc 1px solid;
    background-color: gainsboro;
}

.modal .noPadding {
    padding: 0 !important;
}

.fixedLabelWidth.techSpecilist li:nth-child(odd) {
    padding-right: 10px;
    clear: left
}

.fixedLabelWidth.techSpecilist li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0
}

.fixedLabelWidth.techSpecilist li b {
    width: 218px;
    position: relative;
    z-index: 1
}

.modal .fixedLabelWidth.techSpecilist li b {
    width: 155px;
}

.fixedLabelWidth.imageunderData.techSpecilist li {
    width: 50%;
}

.fixedLabelWidth.techSpecilist li .form-control {
    width: 145px;
}

.fixedLabelWidth h4 {
    margin-top: 30px
}

.fixedLabelWidth .carTechSpecContText {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 20px;
}

.carValSec .form-control, .carValSec .k-widget {
    width: 60% !important;
    display: block;
}

.fullWidthPopup .fa-file-text {
    font-size: 18px;
    color: #02E89D;
}


.ruleMapForm .k-dropdown, .ruleMapForm .multiselect, .ruleMapForm .btn-group {
    width: 100% !important;
    text-align: left
}

.ruleMapForm .multiselect {
    background: #fff !important;
    border-color: #dadada !important;
    color: #787878 !important;
    text-transform: capitalize;
    padding-right: 4px;
}

    .ruleMapForm .multiselect .caret {
        float: right;
        background: url(/Styles/Metro/sprite.png) 0 -32px no-repeat !important;
        border: 0 !important;
        width: 16px;
        height: 16px;
    }

.ruleMapForm .dropdown-menu > .active > a {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.menuIcons {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
}

.active .closeIco {
    color: #d9384a
}


/* Profile Status Popup by Himanshu*/
.padB0 {
    padding-bottom: 0
}

.fullWidthPopup {
    min-width: 320px;
}

.regularFont {
    font-family: Averta-Regular,sans-serif;
}

.semiBoldFont {
    font-family: Averta-Semibold,sans-serif;
}

.closePopup {
    background: url('../Content/close.png') no-repeat center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 5px;
}

.revenueBar {
    background-color: #eaf6f5;
    padding: 0 10px 5px;
    margin-bottom: 10px;
}

    .revenueBar ul {
        padding-left: 0;
        margin-bottom: 0
    }

    .revenueBar li {
        display: inline-block;
        font-size: 15px;
        margin-right: 15px;
        vertical-align: middle;
        line-height: 20px;
    }

        .revenueBar li:last-child {
            margin-right: 0;
        }

.leftBar {
    float: left;
    margin-top: 12px;
}

    .leftBar li:first-child {
        margin-right: 15px;
    }

.rightBar {
    float: right;
    text-align: center;
    margin-top: 8px;
}

.deepGreen {
    color: #02E89D !important;
}

.confettiColor {
    color: #d6cd54 !important;
}

.numberPlate {
    width: 140px;
}

    .numberPlate .form-control {
        font-size: 16px;
        color: #1c1a1d;
    }

.k-safari .kenteken div, .k-safari .kenteken input, .k-safari .km-input input.form-control {
    padding-top: 0 !important;
}

.k-safari .kenteken_en-GB div, .k-safari .kenteken_1 input, .k-safari .km-input input.form-control {
    padding-top: 0 !important;
}

.k-safari .kenteken_nl-NL div, .k-safari .kenteken_2 input, .k-safari .km-input input.form-control {
    padding-top: 0 !important;
}

.scoreNum {
    color: #3d8385;
    display: block
}

.psBlocks {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

    .psBlocks > li {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

        .psBlocks > li:nth-child(odd) {
            padding-right: 5px;
            clear: left
        }

        .psBlocks > li:nth-child(even) {
            padding-left: 5px;
        }

.psHeader {
    background-color: #f2f2f2;
    border-bottom: 2px solid #f2bc04;
    padding: 9px 20px 4px;
}

.psHeading {
    margin: 0;
    color: #000;
    font-size: 20px
}

.lastUpdated {
    margin-top: 2px;
    font-size: 14px;
    color: #6d6d6d
}

.leftDetails, .rightDetails {
    min-height: 345px;
    padding: 10px 15px 56px;
    width: 50%;
    position: relative
}

.leftDetails {
    background-color: #3eada4;
    float: left;
    color: #fff;
    padding-right: 5px;
}

.rightDetails {
    background-color: #eaf6f5;
    float: right;
    padding-top: 75px;
    font-size: 16px;
    color: #000
}

.profileImg {
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    display: block;
    height: 132px;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 132px;
}

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

.profilename {
    font-size: 17px;
    margin-bottom: 10px;
    min-height: 40px;
}

.leftDetails a {
    color: #FFF;
}

.leftDetails p {
    font-size: 16px;
    font-family: Averta-Light,sans-serif;
}

    .leftDetails p i {
        margin-right: 5px;
        vertical-align: top;
        width: 20px;
        text-align: center;
        float: left;
    }

    .leftDetails p a {
        float: left;
        width: 100%;
        margin-left: -25px;
        padding-left: 25px;
        word-wrap: break-word;
    }

    .leftDetails p .fa-mobile {
        font-size: 28px;
        line-height: 22px;
    }

.otherInfo {
    list-style: none;
    padding-left: 0;
}

    .otherInfo li {
        margin-bottom: 15px;
        display: table;
        width: 100%;
    }

.mrgB0 {
    margin-bottom: 0 !important
}

.leftInfo {
    float: left;
    width: 55%;
    padding-right: 5px;
    overflow-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
}

.rightInfo {
    font-size: 15px;
    float: right;
    width: 45%;
    overflow-wrap: break-word;
    word-break: break-all;
}

.minWid130 {
    min-width: 130px
}

.absoluteBtn {
    position: absolute;
    /*bottom: 0;*/
    font-size: 16px;
    bottom: 10px;
    padding-bottom: 2px;
    text-transform: inherit
}

    .absoluteBtn i {
        margin-left: 6px;
        font-size: 18px;
    }

.leftDetails .absoluteBtn {
    left: 10px;
    background-color: #eaf6f5 !important;
    color: #3eada4;
}

.rightDetails .absoluteBtn {
    right: 10px;
}

    .rightDetails .absoluteBtn i.fa-check, .forecastBlock .absoluteBtn i.fa-check {
        color: #fff !important;
    }

.customIcon {
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

.fuelIcon {
    background-image: url("../content/fuel-icon.png");
}

.forecastBlock {
    padding: 10px 10px 82px;
    min-height: 257px;
    position: relative;
    color: #000
}

.forecastBlock {
    background-color: #eaf6f5;
}

    .forecastBlock > h4 {
        margin-top: 0;
        font-size: 16px;
    }

.fcMaintenace {
    text-align: center;
    margin: 0 -5px;
    list-style: none;
    padding-left: 0
}

    .fcMaintenace > li {
        float: left;
        width: 33.334%;
        padding: 0 5px;
        margin-bottom: 10px;
        cursor: pointer;
    }

.forecastInfo {
    border-bottom: 2px solid #3eada4;
    font-size: 15px;
    background-color: #fff;
    padding: 10px 5px 0;
}

.maintenaceCount {
    font-size: 34px;
    color: #000;
    margin: 0;
}

.wrenchIcon {
    background: url("../content/wrench-icon.png") no-repeat center center;
    background-size: cover;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    height: 22px;
    width: 25px
}

.maintenaceCount .fa {
    font-size: 32px;
    color: #989898
}

.forcastIcon {
    text-align: left;
    margin-bottom: 0;
    margin-left: 5px;
}

    .forcastIcon span {
        width: 25px;
        height: 25px;
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.fcClose {
    background-image: url("../content/fcClose.png");
}

.fcMinus {
    background-image: url("../content/fcMinus.png");
}

.fcCheck {
    background-image: url("../content/fcCheck.png");
}

.forecastBlock .absoluteBtn, .addServices .absoluteBtn {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    z-index: 2;
    width: 120px;
}

.autoStatus, .addServices {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 10px
}

    .autoStatus p {
        margin-bottom: 0
    }

    .autoStatus .fa-times {
        color: #DA3B41
    }

    .autoStatus h4 {
        font-size: 16px;
    }

.carServices {
    background-color: #eaf6f5;
    padding-top: 20px;
    padding-bottom: 55px;
    min-height: 257px;
    position: relative;
}

    .carServices .tableScroll {
        height: 182px;
    }

.expired {
    color: #ff0000;
}

.addServices p {
    position: absolute;
    width: 100%;
    font-size: 16px;
    top: 5px
}

.viewMoreService {
    text-decoration: underline;
    color: #000
}

.score {
    background-color: #a6dcd8;
    font-size: 22px;
}

.divTableCell .fa-chevron-right {
    color: #7b7b7b;
    font-size: 22px;
}

.divTableCell a {
    display: block
}

.tableScroll {
    overflow: auto
}

.divTable {
    display: table;
    width: 100%;
    font-size: 16px;
    color: #000
}

.divTableBody {
    display: table-row-group;
}

.divTableRow {
    display: table-row;
}

.divTableCell, .divTableHead {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.divTableCell {
    border-bottom: 1px solid #eaf6f5
}

.divTableBody > div:nth-child(odd) {
    background-color: #d9efee;
}

.divTable .fa {
    vertical-align: middle;
}

.divTableCell .cellContent {
    padding: 12px 0;
    display: block;
}

.setBtnPad .btn.btn-lg {
    margin-bottom: 5px;
}

.isDatePicker1 {
    min-width: 88px;
}

.stepDataCont .k-textbox > input, .stepDataCont .k-autocomplete .k-input, .stepDataCont .k-picker-wrap .k-input, .stepDataCont .k-numeric-wrap .k-input, .stepDataCont .k-dropdown-wrap .k-input, .stepDataCont .k-selectbox .k-input {
    height: 32px;
}

.greyText {
    color: #3b4a59;
}

.popupHead {
    margin-top: 5px;
}

.marBottam10 {
    margin-bottom: 10px;
}

img[src*="gear-wheel-with-cogs_dutch.gif"], img[src*="gear-wheel-with-cogs.gif"] {
    /*width 450px, height 100px*/
    margin-right: -225px;
    margin-top: -50px;
}

img[src*="Ajax-Loader-BarCircle.gif"] {
    /*width 65px, height 65px*/
    margin-right: -32px;
    margin-top: -32px;
}

img[src*="ajax-loader4.png"] {
    /*width 32px, height 32px*/
    margin-right: -16px;
    margin-top: -16px;
}

.lh34 {
    line-height: 34px;
}

.inputReq {
    position: relative
}

    .inputReq .MsgRedColor {
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        right: 4px;
        top: 13px;
    }

.asterix {
    width: 10px;
}

.errorText {
    width: 100%;
    margin-left: -10px;
    padding-left: 10px;
}

.vCenter {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
}

.modal.fade .modal-dialog.vCenter {
    -webkit-transform: translate(-50%,-100%) !important;
    -moz-transform: translate(-50%,-100%) !important;
    -ms-transform: translate(-50%,-100%) !important;
    -o-transform: translate(-50%,-100%) !important;
    transform: translate(-50%,-100%) !important;
}

.modal.in .modal-dialog.vCenter {
    -webkit-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
}

.fixedLabelWidth.techSpecilist li > span {
    float: left;
    line-height: 24px;
    margin-left: -218px;
    padding-left: 223px;
    width: 100%;
    padding-top: 5px;
}

.dummyBgImg {
    background: #F4F4F4 url(../Content/dummy-img.jpg) no-repeat center center;
}

.imageUploadBlock {
    padding-left: 10px
}

    .imageUploadBlock .k-button.k-upload-button {
        margin-top: 0;
        display: block
    }

#AddManualProduct .imageUploadBlock .k-button.k-upload-button {
    margin: 0;
    display: inline-block;
}

#AddManualProduct .k-clear-value {
    display: none !important;
}

.imageUploadBlock .k-upload-status {
    position: static;
    display: inline-block;
}

.inputHeightAuto .k-input {
    height: 45px !important
}

.inputHeightAuto .k-widget {
    width: 100% !important
}

.largeCheckbox {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
}

    .largeCheckbox label:after {
        border: 1px solid rgb(218, 218, 218);
        color: rgb(65, 182, 173);
        height: 35px !important;
        line-height: 30px !important;
        text-align: center;
        width: 35px !important;
    }

.borderTop {
    border-top: 1px solid #dadbdc
}

.mrgB30 {
    margin-bottom: 30px;
}

.mrgT0 {
    margin-top: 0 !important;
}

.promoDesc table.k-editor {
    height: 200px
}

#ModalError.promoPreview .panel-heading {
    background-color: #399d9e;
    color: #fff;
    font-size: 26px;
    padding: 10px 15px 4px;
}

#ModalError.promoPreview img {
    max-width: 215px;
    border-radius: 10px;
}

#ModalError.promoPreview .panel {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
    background-color: #F5F5F5;
    color: #000
}

.promoPreview .panel-body {
    position: relative
}

#ModalError.promoPreview .panel-body .price-text {
    background-color: #fff;
    border: 2px solid #399d9e;
    border-radius: 50%;
    color: #399d9e;
    display: block;
    font-family: Averta-Bold,sans-serif;
    font-size: 64px;
    font-weight: bold;
    height: 180px;
    line-height: 64px;
    margin: -60px 0 0;
    padding: 10px 0 0;
    text-align: center;
    width: 180px;
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

#ModalError.promoPreview .price-text > span {
    color: #444;
    font-family: Averta-Regular,sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    display: block;
    margin-top: 30px
}

    #ModalError.promoPreview .price-text > span.priceRequest {
        margin-top: 50px;
        color: #399d9e;
        font-family: Averta-Bold,sans-serif;
    }

#ModalError.promoPreview .panel-body .yellowBtn {
    border-radius: 10px;
    color: #000;
    display: block;
    font-size: 20px;
    margin-top: 50px;
    padding: 10px;
    text-align: center;
}

#ModalError.promoPreview .promoText {
    padding-right: 200px;
    height: 185px;
}

    #ModalError.promoPreview .promoText div {
        font-size: 20px;
        line-height: 28px;
        text-overflow: ellipsis;
        padding-left: 10px;
        height: 62px;
        overflow: hidden;
    }

#ModalError.promoPreview .vMore > a {
    color: #11494b;
    font-family: Averta-Bold,sans-serif;
    font-size: 20px;
    margin-left: 10px;
}

#Makes-list {
    min-width: 160px;
}

.multiselect-container {
    width: 100%
}

.noStyle {
    list-style: none
}

.slideList {
    color: #3fb5a9;
    font-size: 18px;
    line-height: 22px;
    font-family: Averta-Semibold, sans-serif;
    display: inline-block;
    text-align: left;
    padding-left: 0 !important
}

    .slideList li {
        margin-bottom: 5px;
    }

.sliderText {
    color: #3fb5a9;
    font-family: Averta-Semibold,sans-serif;
    font-size: 20px;
    text-align: center;
    display: block
}

.imageUploadBlockNew {
    padding-left: 0;
    padding-top: 10px;
}

.productContent {
    padding-left: 40px
}

.thumbImg {
    overflow: hidden
}

#dvTyreSizeList .k-grid-header th.k-header > .k-link {
    overflow: visible;
    text-overflow: inherit;
}

#dvTyreSizeList th {
    white-space: inherit !important;
    font-size: 13px;
}

.tsSpeed {
    width: 110px;
}

#dvTyreSizeList th, #dvTyreSizeList td {
    padding: 6px 7px !important
}

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

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

.fullHeight {
    height: 100%
}

.selectTyre .seasonIcon {
    height: 35px !important;
}

.selectTyre .btn {
    padding: 16px 5px 14px;
    /*text-transform: inherit;*/
    font-family: Averta-Semibold, sans-serif;
    font-size: 18px;
    /*background-color: #166f6c;*/
    color: #fff;
    display: block;
    border: 1px solid #d9d9d9;
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
    /*border-radius: 10px;*/
    -webkit-transition: 300ms linear;
    -o-transition: 300ms linear;
    transition: 300ms linear;
    margin: 0;
    min-width: 168px;
    background-color: #02C485;
    border-color: #02C485;
    border-radius: 0px;
    float: right
}

.margin-btm40 {
    margin-bottom: 50px;
}

.inputPrice .k-numeric-wrap > span {
    display: none !important;
}

.dateFieldWid {
    width: 120px;
}

#divUpdatedProceedings .dateFieldWid {
    width: auto;
}

#divUpdatedProceedings .isDatePicker1 {
    width: 115px;
}

body #divUpdatedProceedings .k-picker-wrap .k-input, body #divUpdatedProceedings .k-numeric-wrap .k-input {
    padding: 6px !important;
    border-radius: 6px;
    height: 50px;
}

#divBadAvg .k-datetimepicker .k-select, body .k-datepicker .k-select {
    line-height: 50px;
}

.popup-new .close.hs-close {
    right: -15px;
    top: 0;
}

.minWid120 {
    width: 90px;
}

.q-a-table-scroll #incidentHistory {
    max-height: calc(100vh - 390px);
    overflow-y: scroll;
    overflow-x: hidden;
}
/*minaxi CSS*/
.addpdf-div div.k-upload-button {
    display: none;
}

.addpdf-div ul.k-upload-files {
    display: none;
}

.addpdf-div label.k-upload-button {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.addpdf-div span {
    padding-left: 10px;
}

.ServicePackageList-div .k-i-close {
    background-position: -32px -15px;
}

.ServicePackageList-div .k-multiselect-wrap {
    min-height: 48px;
    padding: 5px 15px 5px 5px;
}

.ServicePackageList-div .searhcicon {
    position: absolute;
    right: 5px;
    top: 13px;
    background: #fff;
}

.addservicelist #JobmappingNewServices {
    padding-left: 0;
}

.addservicelist #JobmappingServices {
    padding-left: 0;
}

.add-pdf .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.add-pdf .inputfile-2 + label {
    color: #2b2f44;
    border: 2px solid #2b2f44;
    border-radius: 5px;
}

.add-pdf .inputfile + label {
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}

    .add-pdf .inputfile + label svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
        fill: currentColor;
        margin-top: -0.25em;
        margin-right: 0.25em;
    }

.productphoto span {
    width: 120px;
    white-space: break-spaces;
}

.w-o-joblist-table-div span, .joblist-div {
    font-size: 14px;
    font-family: Averta-Regular, sans-serif !important;
    font-weight: normal;
    padding: 15px 15px;
    display: flex;
}

.button.oem-update-btn {
    min-width: inherit;
    font-size: 14px;
    padding: 4px 15px;
    height: 35px;
}

.about-users.home-charts li {
    width: 33.33%;
}

.cp-multiseelct span.multiselect-native-select select {
    opacity: 0;
    position: fixed !important
}

.chat-img li {
    width: 150px;
}

    .chat-img li img {
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 5px;
    }

.startcarcheck {
    position: absolute;
    right: 35px;
    white-space: nowrap;
}

.w-100px {
    width: 100px;
}

.w-60px {
    width: 60px;
}

.history-date .form-control[readonly] {
    background-color: #fff;
}

.history-date .k-datetimepicker .k-select .k-link-time {
    display: none;
}

.uk-cat-appointment-mt {
    margin-top: 106px;
}

.addtypelink {
    text-align: right;
    display: block;
    text-decoration: underline;
    font-weight: bold;
}

#addtype {
    z-index: 9999;
}

#addtypevalue {
    z-index: 9999;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #c3c3c3;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: #dadbdc 1px solid;
    border-radius: 5px;
    height: 50px;
    box-shadow: 0px 2px 7px -4px rgb(161 161 161);
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 48px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 14px;
    }

.select2-container {
    width: 100% !important;
}

.k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, .k-checkbox:disabled + .k-checkbox-label:before {
    color: #b3b3b3;
    background: #e4e1e1 !important;
    border-color: #e6e6e6;
    border-radius: 5px !important;
    cursor: not-allowed;
}

.wo-selected-dropdown span i {
    transition: 0.9s;
    transform: rotateY( 180deg );
}

.wo-selected-dropdown select {
    width: 160px;
    border: 0;
    height: 32px;
    color: #b9b9b9
}

.blank-circle {
    display: block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 3px solid #ccc;
}

.jobmap-multiselect .k-button {
    background-color: #e2e2e2 !important;
    text-transform: capitalize;
    color: #757575;
}

    .jobmap-multiselect .k-button:hover {
        background-color: #f5f5f5 !important;
    }

.jobmap-multiselect .k-icon.k-i-close {
    background-position: -32px -15px;
}

.jobmap-multiselect .k-multiselect {
    min-width: 438px;
}

.jobmap-multiselect .searhcicon {
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 5px;
}

.jobmap-multiselect .k-multiselect-wrap {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#oemMenuData {
    transform: inherit;
}

#manualtyreicon .k-upload-button {
    background: url(/Content/csv.svg);
    background-repeat: no-repeat;
    background-position: 47px 14px;
    background-size: 25px;
}

    #manualtyreicon .k-upload-button span:after {
        content: none !important;
    }

#lblFileName {
    display: block;
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline-block;
    text-decoration: underline
}

.onoffswitch-label.disable-switch {
    border: 1px solid #000;
    cursor: not-allowed !important;
    opacity: 0.2
}

.disable-switch.onoffswitch-inner:after {
    color: #000;
}

.disable-switch.onoffswitch-switch {
    background: #000
}

.tyre-fil-coll.collapse:not(.show) {
    display: none;
}

.tooltip-new {
    position: relative;
}

    .tooltip-new span {
        display: none;
    }

        .tooltip-new span:before {
            content: '';
            border-top: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
            left: 38%;
            bottom: -6px;
        }

    .tooltip-new:hover span {
        display: block;
        position: absolute;
        left: -23px;
        top: -25px;
        background: #fff;
        font-size: 12px;
        padding: 0px 6px;
        border-radius: 5px;
        box-shadow: 0px 2px 2px 0px rgba(48,54,61,0.1);
    }

.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;
    }


#selectNumberOfTyres {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.fil-status-overflow span.multiselect-selected-text {
    width: 95%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
/* code input */
#partitioned, #inputOTP {
    padding-left: 15px;
    letter-spacing: 2.7rem;
    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: transparent;
    font-size: 20px;
    padding-bottom: 7px;
}

    #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: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            /*background-color: #f8f8f8;*/
        }

@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;
    }
}

.twoper {
    width: 2%;
}

input:focus {
    outline-offset: 0 !important;
    outline: 0;
}

.break-all td {
    word-break: break-all !important;
}

.ws-break {
    white-space: break-spaces !important
}

.group-table table th {
    white-space: break-spaces !important;
}

.input-h .k-dropdown .k-input {
    padding: 9px 0
}

.k-grid-header th.k-header > .k-link {
    font-weight: normal !important;
}

.k-checkbox:focus + .k-checkbox-label:before, .k-checkbox:focus + .k-checkbox-label:hover:before {
    border-color: #02e89d;
}

.k-grid-header th.k-header > .k-link {
    padding: 0;
    margin: 0;
}

.k-upload-files .k-upload-status {
    display: none !important;
}

.k-grid .k-pager-sizes .k-select {
    line-height: 2.1em;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    background: inherit;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #dadbdc;
}

.second-label-none label[for=styled-checkbox-1] {
    display: none !important;
}

.small-input-rp input.k-input {
    padding-right: .5rem !important
}

.wo1-small-input .k-numerictextbox {
    width: 4.5em !important;
}

.cp-multiseelct .multiselect-container > li > a > label {
    font-family: Averta-bold, sans-serif !important;
    color: #5b5d86;
    font-size: 16px;
}

.cp-multiseelct .multiselect-container.dropdown-menu {
    border: 1px solid rgb(92, 143, 208);
    border-radius: 0;
    width: max-content;
}

.cp-multiseelct .multiselect {
    background: #F0F1F9 url(../Content/wo-down-arrrow.png) 96% center no-repeat !important;
    border-radius: 50px;
    font-family: Averta-bold, sans-serif !important;
    width: 140px !important;
    color: #5b5d86;
    font-size: 16px;
    border: 0;
    height: 42px;
    text-transform: capitalize;
    padding-right: 30px;
}

    .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;
    }

.multiselect-container > li > a > label {
    padding: 5px 10px !important;
}

.multiselect-container.dropdown-menu {
    background-color: #f5f6f9;
}

.awsgarage-multiseelct .multiselect {
    background: #fff url(../Content/wo-down-arrrow.png) 96% center no-repeat !important;
    border-radius: 5px;
    width: 100%;
    color: #5b5d86;
    /*border: 0;*/
    height: 45px;
    text-transform: capitalize;
    padding-right: 30px;
    text-align: left;
    border: 1px solid #dadbdc;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
}

.awsgarage-multiseelct .multiselect-container.dropdown-menu {
    background-color: #fff;
    max-height: 200px;
    overflow-y: scroll;
}

.awsgarage-multiseelct .btn-group {
    display: block;
}

.awsgarage-multiseelct .checkbox {
    font-size: 14px;
    color: #495057;
}

.customer-progress-b {
    border-radius: 20px;
    height: 2.5rem;
    background: #cdcdcd;
}

    .customer-progress-b > li {
        position: relative;
    }

        .customer-progress-b > li:last-child {
            min-width: 20px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
        }

        .customer-progress-b > li:first-child {
            min-width: 20px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }

        .customer-progress-b > li > ul {
            display: none;
            z-index: 9;
            position: absolute;
            top: -50px;
            left: -108px;
            background: #fff;
            min-width: 230px;
            text-align: center;
            border-radius: 5px;
            padding: 10px 15px;
            box-shadow: 0px 10px 15px rgba(107,114,147,0.1);
        }

            .customer-progress-b > li > ul:after {
                position: absolute;
                bottom: -10px;
                left: 45%;
                content: '';
                border-top: 10px solid #fff;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
            }

        .customer-progress-b > li:hover ul {
            display: block;
        }

        .customer-progress-b > li > ul > li {
            white-space: nowrap;
        }


.pv-none {
    pointer-events: none;
}

.cp-list-menu-hover > ul > li > ul {
    display: none;
    position: absolute;
    top: -50px;
    left: -108px;
    background: #fff;
    min-width: 230px;
    text-align: center;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow: 0px 10px 15px rgba(107,114,147,0.1);
}

.cp-list-menu-hover > ul > li {
    position: relative;
}

    .cp-list-menu-hover > ul > li > ul:after {
        position: absolute;
        bottom: -10px;
        left: 45%;
        content: '';
        border-top: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .cp-list-menu-hover > ul > li:hover ul {
        display: block;
    }

.k-btn-m0 .k-upload-button {
    margin-right: 0;
}

.mjs-table th {
    text-align: left;
}
/*.select-startd .k-picker-wrap {
    height: 50px;
    padding: 0 10px;
}*/
.select-startd .inputHeightAuto .k-input {
    height: 50px !important;
}

.input-p-ms .k-numeric-wrap {
    height: 50px !important;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1) !important;
}

.select-startd .k-picker-wrap {
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1) !important;
}

    .select-startd .k-picker-wrap.k-state-focused {
        background-color: #fff !important;
        background-image: none !important;
    }

.input-fc .k-numerictextbox {
    width: 100% !important;
}

    .input-fc .k-numerictextbox .k-numeric-wrap {
        height: 50px !important;
        padding: 0.8rem .75rem;
        border: 1px solid #dadbdc;
    }

.input-nb-w .k-numerictextbox {
    width: 100% !important
}

span.k-widget.k-numerictextbox.form-control.d-inline-block.pr-2 {
    padding-right: 0 !important;
}

.k-calendar .k-today .k-link {
    color: #02e89d;
    box-shadow: inset 0 0 0 1px #02e89d;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #02e89d;
}

.k-calendar .k-content td {
    border-radius: 50%;
}

.k-calendar td.k-state-selected .k-link {
    background-color: #02e89d;
    border-color: #02e89d;
}

.cs-perce {
    color: #fff;
    border-radius: 17px;
    padding: 3px 15px;
}

    .cs-perce:hover {
        color: #fff
    }

.cs-green {
    background: #02e89d;
}

.cs-yellow {
    background: #f09d14;
}

.cs-red {
    background: #e54c51;
}



.ruleMapForm .multiselect {
    height: 50px;
    border: 1px solid #dfdfdf !important;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    border-radius: 6px;
}

.multiselect.dropdown-toggle:after {
    content: none;
}

.multiselect-item .input-group-btn {
    display: none;
}

#dvMobilityService .k-clear-value {
    display: none !important;
}

.target-group-icon .k-clear-value {
    display: none !important;
}

.bg-circle {
    background: #e0e3ec;
}

.bg-das-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.modal {
    overflow: auto !important;
}

.manu-k-btn .k-upload-button {
    padding-top: 8px;
    padding-left: 17px;
}

.frm-in input.k-formatted-value {
    padding: .375rem .75rem !important;
    height: 50px;
}

div#strDescription p:first-child {
    margin-top: 0 !important;
}

.input-h-50 input {
    height: 50px;
}

ul.forcast-media li {
    width: auto;
}

    ul.forcast-media li img {
        width: auto;
    }

.z-in-9 {
    z-index: 9 !important;
}

.d-max-height {
    max-height: 403px;
    overflow: hidden;
}

.insight-img-bg {
    background-size: cover;
    background-position: center center;
    position: relative;
}

    .insight-img-bg:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.3);
        content: "";
    }

.classy-table th, .classy-table td {
    padding: 20px 20px 20px 0;
    color: #a3a7ba;
    border-bottom: 1px solid #e0e2ec;
    font-weight: normal;
}

.classy-table th {
    text-transform: uppercase;
}

.classic-tabs > ul {
    background: #f5f6f9;
}

    .classic-tabs > ul > li > a {
        color: #a3a7ba;
        border-bottom: 2px solid #f5f6f9;
    }

        .classic-tabs > ul > li > a.active {
            color: #2b2f44;
            border-bottom: 2px solid #2b2f44;
        }

.activation-profile-belt {
    z-index: 3;
    color: #f09d14;
    font-size: 16px;
    border: 2px solid #f09d14;
    border-radius: 6px;
    background: rgba(240,157,20,0.2);
}

    .activation-profile-belt a {
        color: #f09d14;
    }

.reactivation-profile-belt {
    z-index: 3;
    color: #dc3545;
    font-size: 16px;
    border: 2px solid #dc3545;
    border-radius: 6px;
    background: rgba(240,157,20,0.2);
}

    .reactivation-profile-belt a {
        color: #dc3545;
    }

.tyre-tile-btn {
    position: absolute;
    display: block;
    right: -33%;
    top: 2.5px;
}

.tyreexpand[aria-expanded="true"] .tyre-tile-btn {
    display: none
}

.tyreexpand[aria-expanded="true"] .tyre-inner-icons {
    display: none;
}

.kbtn-gray .k-button.k-upload-button {
    background-color: #666c8c !important;
    color: #fff !important;
}

.kbtn-gray .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
    color: #fff
}

/*Calander*/
.xdsoft_calendar {
    border: 1px solid #ccc;
    padding: 19px 0;
    border-radius: 5px;
}

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: 270px !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;
    color: #02c485;
    font-size: 18px;
}

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;
    font-size: 14px;
}

    html .xdsoft_datetimepicker .xdsoft_calendar td > div, html .xdsoft_datetimepicker .xdsoft_calendar td > a:hover {
        color: #ccc;
    }

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_datepicker .xdsoft_current a {
    color: #02c485 !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
}

.tyre-scanner {
    position: absolute;
    right: 25px;
    top: -45px;
}

.left0 {
    left: 0;
}


.fancybox-image, .fancybox-spaceball {
    border-radius: 5px;
}

#ddlSearchByInfo {
    border: 0 !important;
    border-right: 1px solid #dee2e6 !important
}

.fancybox-image, .fancybox-spaceball {
    border-radius: 5px;
}

.wo-2-inner .collapse:not(.show) {
    display: none;
}

.tour-slider .carousel-indicators {
    margin: 0 0 70px 70px;
    justify-content: flex-start;
    right: auto;
}

    .tour-slider .carousel-indicators li {
        background: #e0e2ec;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 0;
        margin-left: 2px;
    }

    .tour-slider .carousel-indicators .active {
        background: #02e89d;
    }

.tour-slider .carousel-control-next {
    display: none;
}

.tour-slider .carousel-control-prev {
    display: none;
}

.popup-new .tour-close .close {
    background: none;
    text-indent: inherit;
    text-shadow: none;
    position: inherit;
    top: auto;
    right: auto;
}

.tour-close {
    position: absolute;
    right: 45px;
    top: 30px;
    z-index: 99;
}

.tour-btn {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 999
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 5px !important;
}

.input-txt {
    position: absolute;
    right: 25px;
    bottom: 15px;
}

.check-list li {
    position: relative;
    padding-left: 25px;
}

    .check-list li:after {
        position: absolute;
        content: "check";
        font-family: Material Icons,sans-serif;
        left: 0;
        right: 0;
        color: #02e89d;
        font-size: 18px;
    }

.check-box-hover:hover {
    border: 2px solid #02e89d !important;
}

    .check-box-hover:hover:after {
        position: absolute;
        right: -0px;
        top: -10px;
        content: "check";
        height: 28px;
        width: 28px;
        font-family: Material Icons,sans-serif;
        color: rgb(255, 255, 255);
        font-size: 20px;
        background: rgb(2, 232, 157);
        border-radius: 50%;
    }

/* PS */
.disableMe {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    text-decoration: none;
}

.check-box-hover-checked:after {
    position: absolute;
    right: -0px;
    top: -10px;
    content: "check";
    height: 28px;
    width: 28px;
    font-family: Material Icons,sans-serif;
    color: rgb(255, 255, 255);
    font-size: 20px;
    background: rgb(2, 232, 157);
    border-radius: 50%;
}


.btn-round-big {
    font-size: 1rem;
    /*box-shadow: 0 3px 5px rgba(0,0,0,.03), 0 10px 35px rgba(0,0,0,.08);*/
    -ms-flex-align: center;
    align-items: center;
    background: #02e89d;
    border: none;
    border-radius: 24px;
    box-shadow: none;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    height: 48px;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.15;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .25s;
    transition-property: background,color,box-shadow;
    white-space: normal;
    width: auto;
}

.btn-round-big-g {
    background-color: #d3d3d3;
    cursor: not-allowed
}

    .btn-round-big-g:hover {
        background-color: #d3d3d3;
    }

.btn-round-big:after, .btn-round-big:after {
    content: "\E5C8";
    font-family: Material Icons,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #fff;
    /*color: #2b2f44;*/
    margin-left: 16px;
    transition: transform .25s;
}

.btn-arrow-white:after {
    color: #fff;
}

.btn-round-big:active:after, .btn-round-big:focus:after, .btn-round-big:hover:after, .btn-round-big:active:after, .btn-round-big:focus:after, .btn-round-big:hover:after {
    transform: translateX(4px);
}

.btn-round-big:active, .btn-round-big:focus, .btn-round-big:hover {
    background: #02c082;
    color: #fff;
    outline: none;
    text-decoration: none;
}


@media (min-width: 1008px) {
    .btn-round-big {
        font-size: 1.125rem;
        border-radius: 30px;
        height: 60px;
        padding: 0 28px;
    }
}

.blue-close {
    position: absolute;
    right: 25px;
    top: 10px;
    font-size: 20px;
}

.bg-themeblue {
    background: #4f9eff !important;
}

.text-themeblue {
    color: #4f9eff !important
}

.ServiceJobList .fa-angle-down {
    position: absolute;
    right: 20px;
    top: 37%;
    z-index: 999;
}

.box-shadow-0 {
    box-shadow: none !important;
}

.white-s-no {
    white-space: nowrap;
}

.border-top-2 {
    border-top: 2px solid #dadbdc !important;
}

.disable-btn {
    background-color: #d3d3d3 !important;
    cursor: not-allowed;
}

    .disable-btn:hover {
        background-color: #d3d3d3;
    }

.s-j-search {
    position: absolute;
    left: 5px;
    top: 13px;
    z-index: 99;
}

.lowercase {
    text-transform: lowercase;
}

.capitalization {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.tblnewIntervalForCp tr th:nth-child(2) {
    width: 400px;
}

.tblnewIntervalForCp tr th:nth-child(3) {
    width: 160px;
}

.tblnewIntervalForCp tr th:nth-child(4) {
    width: 160px;
}

.tl-divbadavg .k-grid-header tr th.k-header:nth-child(10) > .k-link {
    text-align: left !important;
}

.tl-divbadavg .k-grid-header tr th.k-header:nth-child(10) > .k-link {
    text-align: left !important;
}

.tl-divbadavg .k-grid-header tr th.k-header:nth-child(11) > .k-link {
    text-align: right !important;
}

.ap-table table .fa-pencil-square-o {
    padding-left: 0;
}
/*.rlp #CaptchaText  {margin-top:15px;}*/
.radio-container .radio-mark:after {
    background-color: #02e89d;
}

#JobmappingNewServices {
    border: 1px solid #e0e2ec;
    border-radius: 5px;
    padding-left: 30px;
}

#JobmappingServices {
    border: 1px solid #e0e2ec;
    border-radius: 5px;
    padding-left: 30px;
}

#ddlServiceProducts {
    border: 1px solid #e0e2ec;
    border-radius: 5px;
    padding-left: 30px;
}

span.common-search {
    border: 0 !important;
}

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

.list-style-none {
    list-style: none;
}

.list-style-deci {
    list-style-type: decimal;
}

.list-style-deci-li-w li {
    width: 50%;
}

.list-style-none {
    list-style: none;
}

.list-style-none {
    list-style: none;
}

.list-style-deci {
    list-style-type: decimal;
}

.list-style-deci-li-w li {
    width: 50%;
}

.m-title-margin .pageStepCont {
    margin: 0
}

.theme-border-4 {
    border: 4px solid #02C485 !important
}

.save-uploadi {
    direction: rtl;
}

    .save-uploadi button {
        width: auto;
        min-width: inherit;
    }

input.new-selectbox, select.new-selectbox {
    box-shadow: 0 0px 20px rgba(107,114,147,0.1);
    height: 48px !important;
}

.api-select label {
    line-height: 3.5;
}

#topActionManu {
    justify-content: flex-end;
}

input.search-g-input {
    border: 1px solid #dadada !important;
    height: 34px !important;
}

input.h-48 {
    height: 50px !important;
}

.underline {
    text-decoration: underline !important;
}

.border-green {
    border: 1px solid #02C485;
}

.bradius-10 {
    border-radius: 10px;
}

.bradius-20 {
    border-radius: 20px;
}

.bradius-5 {
    border-radius: 5px !important;
}

.common-table {
    width: 100%;
    border-collapse: initial;
}

    .common-table td {
        padding: 8px;
    }

.text-primary {
    color: #4F9EFF !important;
}

.nw-dashboard-search .custom-select select {
    background-image: none !important;
}

.nw-dashboard-search .custom-select {
    border: 0;
    border-radius: 0;
}

.nw-dashboard-box {
    border-radius: 6px;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
}

.nw-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #666C8C
}

    .nw-circle.border-orange {
        border-color: #f09d14;
    }

    .nw-circle.border-cgray {
        border-color: #a1a5b7 !important;
    }

    .nw-circle.border-green {
        border-color: #02e89d;
    }

    .nw-circle.border-blue {
        border-color: #4F9EFF;
    }

.bg-dgreen {
    background: #00d48f;
}

.bg-green {
    background: #02e89d;
}

.nw-gray {
    color: #666c8c !important;
}

.text-lgray {
    color: #a3a7ba;
}

.bg-nw-gray {
    background-color: #666c8c !important;
}

.button.bg-nw-gray:hover {
    background-color: #2b2f44 !important;
}

.bg-dark {
    background-color: #2b2f44 !important;
}

.border-2-dashed {
    border: 2px dashed #e0e2ec;
}

.border-dark {
    border-color: #686c7e !important;
}

.textdgreen {
    color: #00d48f;
}

.textorange {
    color: #ed9318;
}

.nw-lgray {
    color: #CDD4D9;
}

.top-5 {
    top: 5px;
}

.nw-msg-count {
    background: #e54c51;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.nw-wo-list-details.wo-list-details .progress:before {
    content: none;
}

.nw-wo-list-details.wo-list-details .progress:after {
    content: none;
}

.nw-wo-list-details.wo-list-details .progress {
    height: 2.5rem;
    border-radius: 20px;
    background: #cdcdcd;
}

.nw-dashborad-slider .carousel-indicators {
    position: relative;
}

    .nw-dashborad-slider .carousel-indicators li {
        width: 10px;
        background: #979797;
        border: 0;
    }

.nw-dashborad-slider .carousel-item {
    border-radius: 6px;
}

.nw-slider-ltext {
    color: #f8d49b !important;
}

.h-45 {
    height: 45px;
    overflow: hidden;
}

.mt-50 {
    margin-top: 50px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2b2f44;
    border-radius: 10px;
    width: 12px;
    height: 6px;
}

.owl-theme .owl-dots .owl-dot span {
    border-radius: 10px;
    width: 12px;
    height: 6px;
    margin: 5px 4px;
}
/* --- Pricing Plans --- */
.pricing-plans {
    width: 100%;
}

.pricing-tables {
    display: flex;
    flex-flow: column;
    padding-top: 1em;
}

.plan-title {
    margin: 0;
}

.plan-cost {
    background-color: white;
    position: relative;
    min-height: 350px;
}

.btnLicense {
    position: absolute;
    bottom: 0;
    right: 30px;
    left: 30px;
}

.plan-price {
}

.plan-type {
}

.plan-features {
    margin: 0;
    padding: 20px 0;
}

    .plan-features li {
        list-style-type: none;
        padding-bottom: 1.2em;
        display: block;
    }

        .plan-features li span {
            color: #bbb;
        }

        .plan-features li:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .plan-features i {
        font-size: 1.5em;
    }

        .plan-features i.icon-ok-squared {
            color: #3aa14d;
        }

        .plan-features i.icon-cancel-circled {
            color: darkRed;
        }

.cta {
    background-color: #6cb507;
}

.featured-plan {
    border: 2px solid #02e89d;
    overflow: hidden;
    position: relative;
    transition: transform 400ms ease;
}

.plan-features.check-list li {
    padding-left: 30px;
}

    .plan-features.check-list li:after {
        color: #666c8c;
        top: -5px;
        font-size: 22px;
    }

.plan-price {
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
}

@media (min-width: 992px) {
    .pricing-plans {
        width: 100%;
    }

    .featured-plan {
        transform: scale(1.05);
    }
}

@media (min-width: 33.75em) {
    .pricing-plans .module-title {
        margin-bottom: 1em;
    }

    .pricing-tables {
        flex-flow: row wrap;
    }

    .pricing-plan {
        flex-grow: 1;
        width: 100%;
        background: #fff;
        margin-bottom: 15px;
    }

        .pricing-plan:first-child {
            border-right: 0;
            border-bottom: 0;
        }

    .featured-plan {
        margin-top: 0.6em;
        order: 0;
    }

    .no-flexbox .pricing-plan {
        width: 48%;
    }

    .plan-title {
        font-size: 0.875em;
    }
}

@media (min-width: 48em) {
    .no-flexbox .pricing-plan {
        width: 24%;
    }
}

@media (min-width: 62em) {
    .pricing-tables {
        padding-top: 3em;
    }

    .pricing-plan {
        flex-grow: 1;
        width: 25%;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
        border-radius: 5px;
        background: #fff;
    }

    .featured-plan {
        margin-top: 0;
        order: 0;
    }

    .pricing-plan .plan-features span {
        display: block !important;
    }

    .btn-plan {
        font-size: 0.875em;
    }

    .featured-ribbon {
        font-size: 0.45em;
        left: -68px;
        line-height: 25px;
    }
}

@media (min-width: 75em) {
    .plan-cost {
        font-size: 1em;
    }
}

/*common kendo input */
.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    -webkit-box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    -moz-box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    border-radius: 5px;
}
/* work order common*/
.wo-step2-dp .isDatePicker1 {
    width: 130px;
}

.w-o-step1-tblm .k-formatted-value.form-control {
    display: none !important;
}

.w-o-step1-tblm.table-new .k-grid td > a.w-o-btn-sm-gray, .w-o-step1-tblm.table-new .k-grid td > span {
    /*padding: 10px 15px !important;*/
    margin: 0 !important
}

.w-o-step1-tblm.table-new .k-grid td > a.w-o-btn-sm-gray {
    text-decoration: none;
    color: #fff !important;
    text-transform: lowercase;
    display: inline-block;
}

.w-o-joblist .w-o-btn-sm-gray {
    padding: 10px 15px !important;
    margin: 0 !important
}

.wo-loadmore-btn {
    border: 2px solid #e0e2ec;
    border-radius: 5px;
    padding: 11px 30px;
    font-size: 16px;
}

.wooemJobsData.table-new .k-grid th:first-child {
    padding-left: 15px !important;
}

.wooemJobsData.table-new .k-grid td.pr-15 {
    padding-left: 15px !important;
}

.wotblnewIntervalForCp.table-new .k-grid th:first-child {
    padding-left: 15px !important;
}

.wotblnewIntervalForCp.table-new .k-grid tr td:first-child {
    padding-left: 15px !important;
}

.w-o-step1-tblm.table-new .k-grid th:first-child, .table-new-u .k-grid th:first-child {
    padding-left: 15px !important;
}

.w-o-step1-tblm.table-new .k-grid td:nth-child(4) {
    padding-left: 15px !important;
}

.box-shadow-0 {
    box-shadow: none !important;
}

.wo-full-top-m {
    margin-top: -10px;
}

.wo-arrow-icon {
    font-size: 24px;
}

.wo-loadmore-btn {
    border: 2px solid #e0e2ec;
    border-radius: 5px;
    padding: 11px 30px;
    font-size: 16px;
}

.wo-list-div .actionCPArw {
    background: url(../Content/wo-right-arrow.svg) center center no-repeat;
    background-size: auto 18px;
}

    .wo-list-div .actionCPArw.actionCPArw-white {
        background: url(../Content/wo-right-arrow-white.svg) center center no-repeat;
        background-size: auto 18px;
    }

.w-o-btn-sm-gray {
    font-size: 14px;
    background-color: #666c8c;
    color: #fff;
    border-radius: 6px;
    padding: 10px 30px;
    text-transform: capitalize;
}

    .w-o-btn-sm-gray:hover {
        color: #fff;
        background-color: #4d5271;
        text-decoration: none;
    }

    .w-o-btn-sm-gray:focus {
        color: #fff !important;
        box-shadow: none !important;
    }

.w-o-job-title {
    font-size: 32px;
    color: #2B2F44;
}

.w-o-text-black {
    color: #2B2F44;
}

.w-o-text-para {
    color: #9597a1;
}

.w-o-table-bggray {
    background: #f5f6f9;
}

.w-o-text-tbl-para {
    color: #A3A7BA;
}

.w-o-text-yellow {
    color: #f09d14;
}

.w-o-update-text {
    color: #666C8C;
    font-size: 16px;
}

.w-o-boxshadow0 {
    box-shadow: none !important;
}

.w-o-btn {
    height: 50px;
    padding: 0 20px;
    min-width: 112px;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.08);
    background-color: #2B2F44;
    border: 0 !important;
    font-size: 18px;
    color: #ffffff;
    font-family: Averta-Regular,sans-serif;
    font-weight: 400;
    transition: 300ms all;
    text-transform: inherit;
    text-decoration: none !important;
}

.w-o-btn-black {
    background: #666C8C
}

    .w-o-btn-black:hover {
        background: #434865;
        color: #fff;
    }

.w-o-modal-content {
    border-radius: 5px;
    padding: 0
}

    .w-o-modal-content .w-o-modal-close {
        position: relative !important;
        right: 30px !important;
        margin: 0;
        top: 0px !important;
    }

.w-o-dashed-border {
    border-radius: 6px;
    border: 2px dashed #e0e2ec;
}

.w-o-bg-img-none {
    background-image: none !important;
}

.w-o-form-control {
    height: 50px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.06);
}

.w-o-gragelist-hover {
    display: none;
    position: absolute;
    right: 47px;
    top: 0;
    min-width: 165px;
    background: #343a40;
    padding: 0;
    list-style: none;
    box-shadow: 0px 10px 15px rgba(107,114,147,0.1);
    z-index: 1;
}

    .w-o-gragelist-hover li a {
        display: inline-block;
        width: 100%;
        color: #fff;
        padding: 8px 15px;
        border-bottom: 1px solid #555;
        font-family: Averta-Regular, sans-serif !important;
    }

.w-o-garage-more:hover .w-o-gragelist-hover {
    display: block;
}

.w-o-gragelist-hover:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -37px;
    height: 100%;
    width: 37px;
}

.w-o-gragelist-hover:after {
    left: 100%;
    top: 48%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(59, 64, 70, 0);
    border-left-color: #3b4046;
    border-width: 10px;
    margin-top: -9px;
}

.w-o-list-check {
    padding: 0
}

    .w-o-list-check li {
        position: relative;
        padding: 5px 0 5px 20px;
    }

        .w-o-list-check li:after {
            position: absolute;
            left: 0;
            top: 30%;
            content: "\f00c";
            font: normal 14px/1;
            font-family: FontAwesome,sans-serif;
            color: #02C485;
        }

/* workoder step1*/
.wo-shadow-box {
    box-shadow: 0px 0px 15px 0px rgba(107,114,147,0.1);
}

.w-o-numberplate {
    width: 130px;
}

    .w-o-numberplate .form-control {
        border-radius: 5px;
        height: 30px;
        padding: 0 0 0 25px;
    }

    .w-o-numberplate span {
        border-radius: 5px 0 0 5px;
        width: 26px;
        height: 30px;
        background-size: cover !important;
    }

    .w-o-numberplate.kenteken_en-GB span,
    .w-o-numberplate.kenteken_nl-NL span {
        background-position: -7px 4px;
        background-size: 50px !important;
    }

    .w-o-numberplate.kenteken_nl-NL span {
        background: #0073b5 url(../Content/kenteken-np.png);
        background-size: auto !important;
    }

    .w-o-numberplate.kenteken_en-GB span {
        background: #0073b5 url(../Content/kenteken-np_1.png);
        background-size: auto !important;
    }

.w-o-border-box {
    border: 2px solid #02e89d;
    border-radius: 5px;
}

.w-o-border-gray {
    border-color: #e0e2ec;
}

.w-o-border-dgray {
    border-color: #666C8C;
}

.w-o-carcheck-hover .w-o-border-box:hover {
    border-color: #02e89d;
}

.w-o-carcheck-hover .w-o-text-black:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: "check";
    height: 28px;
    width: 28px;
    background: #02e89d;
    border-radius: 50%;
    font-family: Material Icons,sans-serif;
    color: #fff;
    font-size: 20px;
    padding-left: 3px;
    padding-top: 2px;
    display: none;
}

.w-o-carcheck-hover .w-o-text-black:hover:after {
    display: block;
}

#woSelectCarCheck .autocarcheckProduct_.autocarcheckProductSelect:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: "check";
    height: 28px;
    width: 28px;
    background: #02e89d;
    border-radius: 50%;
    font-family: Material Icons,sans-serif;
    color: #fff;
    font-size: 20px;
    padding-left: 3px;
    padding-top: 2px;
}

.addcarcheckpop .w-o-border-box:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: "check";
    height: 28px;
    width: 28px;
    background: #02e89d;
    border-radius: 50%;
    font-family: Material Icons,sans-serif;
    color: #fff;
    font-size: 20px;
    padding-left: 3px;
    padding-top: 2px;
}

.addcarcheckpop .w-o-border-box.unchecked-block:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: none;
    height: 28px;
    width: 28px;
    background: #02e89d;
    border-radius: 50%;
    font-family: Material Icons,sans-serif;
    color: #fff;
    font-size: 20px;
    padding-left: 3px;
    padding-top: 2px;
}

/* workoder step2*/
.w-o-theme-color {
    color: #02E89D !important;
}

.w-o-uncheck-circle {
    width: 15px;
    height: 15px;
    border: 3px solid #e0e2ec;
    border-radius: 50%;
}

.w-o-joblist-table {
    border-radius: 6px;
    border: 2px solid #e0e2ec;
}

    .w-o-joblist-table table tr td, .w-o-joblist-table table tr th {
        padding: 15px 8px;
    }

    .w-o-joblist-table table tr td {
        border-bottom: 1px solid #e0e2ec;
    }

    .w-o-joblist-table table tr th, .w-o-joblist-table table tr th a, .w-o-joblist-table table tr th span {
        background: #f5f6f9;
        font-size: 14px;
        color: #a3a7ba !important;
        font-family: Averta-Regular, sans-serif !important;
        font-weight: normal;
    }

    .w-o-joblist-table .table td, .table th {
        vertical-align: middle;
    }

.w-o-quantity {
    border-radius: 6px;
    height: 50px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.06);
    width: 75px;
    padding-left: 18px;
}

.w-o-up {
    border-radius: 6px;
    height: 50px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.06);
    width: 100px;
    padding-left: 18px;
    padding-right: 35px;
    background: url(/Content/images/w-o-euro.png) no-repeat 90% center;
}

/* k-animation-container */
.k-calendar .k-header {
    background: #02e89d;
    color: #fff;
}

.k-calendar .k-content th {
    background: #f5f5f5;
}

.k-calendar .k-link.k-nav-fast.k-state-hover {
    background: transparent;
    border: none;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    padding: 0;
    border: 1px solid #e0e2ec;
    border-radius: 5px;
    background: #ffffff;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e2ec
}
/*.k-listbox .k-item, .k-popup .k-list .k-item:hover {color:#fff !important;}*/

/* minaxi update css*/
.actionCPArw.gray-arrow {
    background: url(../Content/wo-right-arrow.svg) center center no-repeat;
    background-size: auto 18px;
}

.autoExpand {
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    border: 0;
}

.autoExpand {
    border: none;
    outline: none;
}
/* tooltip*/
.csstooltip {
    display: inline;
    position: relative;
    z-index: 999;
}

/* Trigger text */

.tooltip-item {
    background: rgba(0,0,0,0.3);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 0 10px;
}

    /* Gap filler */

    .tooltip-item::after {
        content: '';
        position: absolute;
        width: 360px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.csstooltip:hover .tooltip-item::after {
    pointer-events: auto;
}

/* Tooltip */
.br-left, progress:first-child, .progress-bar:first-child {
    /*border-radius: 15px 0 0 15px !important;*/
    /*border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;*/
}

.br-right, progress:last-child, .progress-bar:last-child {
    /*border-radius: 0 15px 15px 0 !important;*/
    /*border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;*/
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    left: 50%;
    margin: 0 0 20px -180px;
    bottom: 100%;
    box-shadow: 0 0 15px 0px rgba(48,54,61,0.1);
    background: #fff;
    opacity: 0;
    display: none;
    cursor: default;
    border-radius: 5px;
    font-size: 14px;
}

.tooltip-effect-5 .tooltip-content {
    width: auto;
    margin-left: -90px;
    -webkit-transform-origin: 50% calc(100% + 6em);
    transform-origin: 50% calc(100% + 6em);
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
    transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.csstooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
/* Arrow */

.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    text-align: center;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 11px;
    margin-left: -10px;
}

/* Tooltip content*/
.tooltip-content img {
    position: relative;
    height: 170px;
    display: block;
    float: left;
    margin-right: 1em;
}

.tooltip-text {
    display: block;
}

.op-2 {
    opacity: 0.2;
}

.op-5 {
    opacity: 0.5;
}

.mp-jformc .k-dropdown-wrap {
    border-radius: 5px !important;
    height: 50px !important;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1) !important;
    padding-top: 8px;
    padding-left: 5PX;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            background: #ffffff;
            border: 2px solid #cacddc;
        }

    .styled-checkbox:hover + label:before {
        background: #02C485;
    }

    .styled-checkbox:checked + label:before {
        background: #02C485;
        border: 0;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 6px;
        top: 13px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.table-styled-checkbox + label:before {
    margin-right: 0
}

.table-styled-checkbox + label:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #e0e2ec;
}

.table-styled-checkbox:checked + label:after {
    left: 5px;
    top: 11px;
}

.big-styled-checkbox + label:before {
    margin-right: 15px;
    margin-top: -5px;
}

.big-styled-checkbox + label:before {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #e0e2ec;
}

.big-styled-checkbox:checked + label:after {
    left: 10px;
    top: 11px;
}

#divCompleteWorkOrder .k-i-sort-asc-sm:before {
    content: none;
}

#chkSendToNewCp .k-checkbox-label:before {
    content: none;
}

.imageUploadBlockNew .k-button.k-upload-button {
    min-width: 150px;
}

#dwviewImage {
    font-size: 16px;
    right: 4px;
    bottom: 9px;
}

#myApkModal .k-calendar .k-calendar-view {
    width: 100%;
    height: auto;
}

#myApkModal .k-calendar .k-year .k-link {
    width: 100%;
    text-decoration: none;
}

#myApkModal .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
    background: transparent;
    border-color: transparent;
}

#myApkModal .k-i-arrow-60-left:before, #myApkModal .k-i-arrow-60-right:before {
    content: none;
}

#myApkModal .k-calendar td.k-state-selected .k-link {
    border-color: #02e89d;
    color: #000;
    background-color: #02e89d;
}

#myApkModal .k-calendar .k-month .k-link {
    line-height: 30px;
    text-decoration: none;
}

    #myApkModal .k-calendar .k-month .k-link:hover {
        color: #000 !important;
    }

#myApkModal .k-grid tr .k-state-focused.k-state-selected, .k-grid tr.k-state-selected td.k-state-focused, .k-grid tr.k-state-selected:hover td.k-state-focused, .k-grid tr:hover .k-state-focused, .k-grid tr:hover .k-state-focused.k-state-selected {
    box-shadow: none;
}

#myApkModal .calendar-with-border .k-content {
    border-bottom: 0;
    border-right: 0;
}

.k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
    background: transparent;
    border-color: transparent;
}

.k-calendar td.k-state-hover .k-link {
    border-color: #8ebc00;
    color: #fff !important;
    background-color: #02e89d;
    background-image: url(textures/highlight.png);
    background-image: none;
}

.k-link-date .k-i-calendar {
    background-position: -32px -176px
}

.k-link-time .k-i-clock {
    background-position: -32px -192px
}

.k-upload-files .k-i-close {
    background-position: -32PX -48PX;
}

.k-upload-files .k-i-x:before {
    content: none;
}


/* Custome Radio */
.rdio {
    position: relative;
}

    .rdio input[type="radio"] {
        opacity: 0;
    }

    .rdio label {
        /*padding-left: 10px;*/
        cursor: pointer;
        padding-top: 2px;
        padding-left: 20px;
    }

        .rdio label:before {
            width: 25px;
            height: 25px;
            position: absolute;
            top: 1px;
            left: 0;
            content: '';
            display: inline-block;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border: 2px solid #cacddc;
            background: #fff;
        }

    .rdio input[type="radio"] {
        margin: 0px;
    }

        .rdio input[type="radio"]:disabled + label {
            color: #999;
        }

            .rdio input[type="radio"]:disabled + label:before {
                background-color: #fbc52d;
            }

        .rdio input[type="radio"]:checked + label::after {
            content: '';
            position: absolute;
            top: 6px;
            left: 5px;
            display: inline-block;
            font-size: 11px;
            width: 15px;
            height: 15px;
            background-color: #fbc52d;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.rdio-primary input[type="radio"]:checked + label::after {
    background-color: #02e89d;
}

@media (min-width: 576px) {
    .modal-llg {
        width: 1000px !important;
        max-width: 90% !important;
    }

    .modal-xlg {
        width: 99% !important;
        max-width: 99% !important;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 800px;
    }

    .font-lg-18 {
        font-size: 18px !important;
    }

    .h-lg-100 {
        height: 100%;
    }
}

@media (max-width: 992px) {
    .d-ipad-none {
        display: none !important
    }

    #myCobrandingPopUp .modal-lg {
        max-width: 90%;
    }

    .font-md-12 {
        font-size: 12px !important;
    }

    .font-md-14 {
        font-size: 14px !important;
    }

    .font-md-18 {
        font-size: 18px !important;
        line-height: 20px !important
    }
}

@media (max-width: 1024px) {

    .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
        display: flex;
    }

    .multiselect-container > li > a > label > input[type=checkbox] {
        margin-top: 5px;
        display: inline-block;
        margin-right: 6px;
        appearance: auto;
    }

    #myCobrandingPopUp input, textarea {
        -webkit-appearance: radio;
    }

    .price-none-ipad {
        display: none !important;
    }
}
/*@media (min-width: 576px){
.modal-dialog {width:500px;}
 }*/
/*#GarageListGrid*/
a.k-link.k-pager-nav.k-state-disabled:first-child {
    display: none;
}

a.k-link.k-pager-nav.k-state-disabled:nth-child(2) {
    display: none;
}

a.k-link.k-pager-nav.k-state-disabled:nth-child(4) {
    display: none;
}

a.k-link.k-pager-nav.k-state-disabled:nth-child(5) {
    display: none;
}

a.k-link.k-pager-nav.k-state-disabled:nth-child(8) {
    position: absolute;
    left: 0;
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link {
    min-width: 2em;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background-color: #e0e3ec;
    color: #787878;
}

li.k-item.k-state-hover {
    background-color: #f0f1f4 !important;
    color: #787878 !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: inset 0 0 3px 1px #e0e3ec;
}

.k-dropdown .k-state-focused .k-input, .k-dropdown, .k-state-hover, .k-input {
    color: #333 !important;
}

#Repairhistory .collapse:not(.show) {
    display: none !important;
}

.w-sm-1 {
    width: 8% !important;
}

.grid-edit-p .k-i-edit:before {
    content: "\f044";
    font-family: FontAwesome,sans-serif !important;
}

.grid-edit-p .k-i-edit {
    text-indent: inherit !important;
    background-image: none;
    left: 3px;
}

.grid-env-p .fa-envelope-o:before {
    content: "\f003";
    font-family: FontAwesome,sans-serif !important;
}

.info-nav .collapse:not(.show) {
    display: none;
}

#main-nav .collapse:not(.show) {
    display: none;
}

.k-grid td.k-state-selected:hover, .k-grid tr:hover {
    color: #333 !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) !important;*/
/*    border-color: transparent !important;*/
/*    text-indent: -70px !important;*/
}

.ServiceJobList .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: none;
    border-color: transparent;
    text-indent: -70px;
}

.ServiceJobList .k-i-close {
    background-position: -102px -18px;
}

.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;
}

.k-editor-toolbar .k-i-bold {
    background-position: -581px -2px;
}

.k-i-italic {
    background-position: -240px -24px;
}

.k-i-underline {
    background-position: -581px -50px;
}

.k-i-strikethrough {
    background-position: -580px -74px;
}

.k-i-align-right {
    background-position: -580px -193px;
}

.k-i-align-left {
    background-position: -580px -145px;
}

.k-i-align-center {
    background-position: -580px -168px;
}

.k-i-align-justify {
    background-position: -580px -218px;
}

.k-i-list-unordered {
    background-position: -582px -242px;
}

.k-i-list-ordered {
    background-position: -582px -265px;
}

.k-i-indent-increase {
    background-position: -581px -289px;
}

.k-i-link-horizontal {
    background-position: -581px -266px;
}

.k-i-arrow-60-down {
    background-position: -339px -31px;
}

.k-editor.k-header.k-editor-widget .k-i-arrow-60-down {
    background-position: -339px -37px;
    height: 10px;
    top: -4px;
}

.k-i-foreground-color {
    background-position: -240px -102px;
}

.k-i-paint {
    background-position: -244px -125px;
}

    .k-editor-toolbar .k-i-bold:before, .k-i-italic:before, .k-i-underline:before, .k-i-strikethrough:before, .k-i-align-right:before, .k-i-align-left:before, .k-i-align-center:before, .k-i-align-justify:before, k-i-list-unordered:before, k-i-list-ordered:before, .k-i-indent-increase:before, .k-i-link-horizontal:before, .k-i-arrow-60-down:before, .k-i-foreground-color:before, .k-i-paint:before {
        content: none;
    }

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

    .navbar-toggler:active, .navbar-toggler:focus {
        outline: none;
    }

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 2px solid #fff;
    transition: all 300ms linear;
}

    .navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
        width: 24px;
        position: absolute;
        height: 2px;
        background-color: #fff;
        top: 0;
        left: 0;
        content: '';
        z-index: 2;
        transition: all 300ms linear;
    }

    .navbar-light .navbar-toggler-icon:after {
        top: 8px;
    }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

/** 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;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

    .navbar-toggler:active, .navbar-toggler:focus {
        outline: none;
    }

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 2px solid #fff;
    transition: all 300ms linear;
}

    .navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
        width: 24px;
        position: absolute;
        height: 2px;
        background-color: #fff;
        top: 0;
        left: 0;
        content: '';
        z-index: 2;
        transition: all 300ms linear;
    }

    .navbar-light .navbar-toggler-icon:after {
        top: 8px;
    }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

/** 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;
}

.bg-dgray {
    background: #e4e4e5 !important;
}

.l-ipad-table.table-new .k-grid td > a.btn-secondary {
    color: #fff !important;
}

.upload-btn-new .k-upload-files.k-reset {
    border: 0 !important
}

    .upload-btn-new .k-upload-files.k-reset .k-file {
        border: 0 !important
    }

    .upload-btn-new .k-upload-files.k-reset .k-file-success .k-progress {
        background-color: transparent;
    }

.upload-btn-new .k-button.k-upload-button.btn-default {
    background-color: transparent !important;
    color: #666C8C !important;
    border: 2px dashed #e0e2ec !important;
}

.upload-btn-new .k-button {
    text-decoration: underline;
    background-color: transparent !important;
    color: #666C8C !important;
    border-radius: 5px;
    border: 2px dashed #e0e2ec;
    height: 98px;
    width: auto;
    padding-top: 30px;
}

.upload-btn-new.delete-download-pdf .k-button {
    background-color: #fbfbfb !important;
    border: 2px solid #e0e2ec;
}

.upload-btn-new .k-button.k-upload-button.k-state-focused {
    border: 2px dashed #e0e2ec !important;
}

.upload-btn-new .k-button input {
    height: 100%;
}

.upload-btn-new .k-upload-button span {
    position: relative;
}

    .upload-btn-new .k-upload-button span:after {
        transform: translate(-50%, -50%);
        position: absolute;
        top: -15px;
        color: #a3a7ba;
        left: 50%;
        content: "\f030";
        width: 15px;
        height: 15px;
        font: normal 16px/1;
        font-family: FontAwesome,sans-serif;
    }

.upload-btn-new.pdf-upload .k-upload-button span:after {
    content: "\f1c1";
    font-size: 22px;
    top: -18px;
}

.upload-btn-new.pdf-upload .k-upload-button span {
    line-height: 34px;
}

.pdf-upload .k-upload-status {
    display: none;
}

.pdf-upload .k-file-name-size-wrapper {
    display: none;
}

.pdf-upload .k-file-extension-wrapper {
    display: none;
}

@media (min-width:992px) {
    .modal-llg {
        width: 950px !important;
        max-width: 950px;
    }

    .modal-xlg {
        width: 99% !important;
        max-width: 99%;
        margin-top: 0;
    }
}

@media (min-width:1200px) {
    .modal-llg {
        width: 1140px !important;
        max-width: 1140px !important;
    }
}

@media (max-width:1420px) {
    .landSlideLeft img {
        width: 100%;
        height: auto
    }
}

@media (min-width:1400px) {
    .iphone-cnt {
        min-height: 400px;
    }
}

@media (max-width:1365px) {
    .overOnsList > li h4, .overOnsListsoc {
        float: none;
        display: block;
        padding-bottom: 10px;
    }
}

@media (max-width:1200px) {
    #owl-demo03 .owl-dots {
        bottom: -52px;
        right: 0px;
        width: 100%;
        text-align: center;
    }

    #owl-demo03 .owl-dot {
        float: none;
        display: inline-block
    }

    .jobServices li {
        width: 50%;
        margin: 10px 0
    }

    .chart-section {
        right: 10px;
        top: 145px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .graphContent .chart-section {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    .carousel-caption {
        bottom: -20px;
    }

    .serviceOuter {
        padding: 20px 0;
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 84px;
    }

    .nieuwsBanner {
        background-size: 100% auto;
        min-height: 253px;
    }

    .overOnsNewsBanner {
        background-size: 100% auto;
        height: 124px;
    }

        .overOnsNewsBanner p.newsBannerTitle02 {
            padding: 20px 0 5px;
        }

    .Jobs-data .table td .textbox {
        min-height: 35px;
        height: auto;
        line-height: normal;
        padding: 6px 15px;
    }

    .Jobs-data-table table {
        max-width: 100%;
    }

    .landBannerCon {
        top: 0;
        margin-top: 18px;
    }

    .landBannerCon1 {
        top: 0;
        margin-top: 18px;
    }

    .statusTab li > a:hover > span {
        display: none
    }

    /*by himanshu*/
    .fixedLabelWidth.techSpecilist li b {
        width: 155px
    }

    .fixedLabelWidth.techSpecilist li > span {
        margin-left: -155px;
        padding-left: 160px;
    }

    .rightDetails {
        padding-top: 40px
    }

    .table-responsive {
        overflow-x: auto;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .autoStatus {
        position: static;
        padding: 0;
        text-align: left
    }

        .autoStatus > div {
            float: left !important;
            text-align: left;
        }

    .forecastBlock {
        padding-bottom: 10px;
    }
}



@media (max-width: 1024px) {
    .accordion-containerHealthCheck {
        padding: 20px;
    }

    #owl-demo04 .owl-dots {
        bottom: 100px;
        right: 11px;
    }
    /*.imageunderData.techSpecilist li, .techSpecilist.imageSideData li b {width: 50%;}*/
    .stepForm label + span {
        width: 50%;
    }

    .stepForm label {
        width: 50%;
    }

    .stepForm .btn.btn-lg {
        word-wrap: break-word;
    }

    .noGraphIco .statTitle span {
        min-height: 44px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .actionCPArw.active .CPPopnew, .agendaPop {
        left: -175px;
    }

    .agendaPop, .CPPopnew {
        width: 156px;
    }

    .CPPop {
        width: 300px;
    }

    .actionCPArw.active .CPPop {
        left: -322px;
    }

    .CPPop a, .agendaPop a, .CPPopnew a {
        float: left
    }

    .actionCPArw.active .CPPop:before, .actionCPArw.active .CPPopnew:before, .agendaPop:before, .CPPopnew:before {
        left: 100%;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    input, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    #map_canvas_profile, .profileBanner .item img {
        height: 435px !important;
    }

    .searchMap {
        height: 287px !important;
    }

    .iframeWidget iframe {
        width: 470px;
        height: 467px;
    }

    /* Profile Status Popup*/
    .fullWidthPopup > .modal-lg > .modal-content {
        padding: 0
    }

    .profileImg {
        width: 125px;
        height: 125px;
    }

    .l-ipad-table.table-new .k-grid td {
        padding: 12px 5px !important;
    }

    .l-ipad-table.table-new .k-grid th {
        padding: 12px 5px 7px !important;
    }

    .modal-lg {
        max-width: 90%;
        width: 90%;
    }

    .mediaImageList li {
        width: 33.33%;
    }

    .w-o-joblist .w-o-btn-sm-gray {
        padding: 10px 10px !important;
    }
}

@media (max-width: 1023px) {
    .inputsGroup label.bold-label {
        width: 110px
    }

    .centerHeadTxt {
        font-size: 12px;
        width: calc(100% - 485px);
    }

    .fullWidthPopup .btn {
        padding: 6px;
        font-size: 13px;
        line-height: 20px !important;
    }

    #accordionFour .btn {
        padding: 6px;
        font-size: 13px;
        line-height: 20px !important;
    }

    #divBadAvg .dateColumn {
        width: 84px;
    }

    .setBtnPad .btn.btn-lg {
        padding: 4px 10px;
    }

    .tableScroll.table {
        width: 930px !important;
        max-width: 930px !important;
    }

    .pageHead .btn {
        padding: 4px 10px !important;
    }

    .account-nav ul li {
        padding: 7px 5px 2px 0;
    }

    #iframeCPWidget {
        text-align: center
    }

    .imagesize {
        margin-top: 0 !important;
    }

    .loginButtonicon a {
        width: 100%;
        font-size: 14px
    }

    #owl-demo04 .owl-dots {
        bottom: 70px;
    }

    .owl-slider .owl-item .list-group {
        min-height: 88px;
    }

    .form-panal .panel-body {
        padding: 10px 0 4px;
    }

    .account-nav li ul {
        right: -9px;
    }

    .overOnsCon01, .overOnsCon02, .overOnsCon03, .overOnsVideo {
        padding: 0 15px;
        width: 100%
    }

    .partnerMap h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .partners li {
        width: 50%
    }

    .partners {
        padding: 0 0 20px;
    }

        .partners h2 {
            padding-bottom: 0
        }

    .nieuwsBanner {
        min-height: 191px;
    }

        .nieuwsBanner p.newsBannerTitle {
            padding-top: 36px;
        }

    .overOnsNewsBanner {
        height: 94px;
    }

        .overOnsNewsBanner p.newsBannerTitle02 {
            padding: 0 0 5px;
        }

    .incidentCon .cont01 label.per40:first-child {
        width: 100%
    }

    .incidentCon .cont01 label.per40:nth-child(2) {
        width: 65%;
        padding-left: 0
    }

    .incidentCon .cont01 label.per20 {
        width: 35%
    }

    .incidentCon .cont02 label.per30 {
        width: 100%;
        padding-left: 0
    }

        .incidentCon .cont02 label.per30:nth-child(3) {
            width: 65%;
        }

    .incidentCon .cont02 span.per10 {
        width: 35%
    }

    .Jobs-data .padding-left0 {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .landBannerCon1 a, .landBannerCon a {
        line-height: 16px;
        padding: 6px 10px;
        font-size: 16px;
        margin: 0;
        display: block; /*margin-top:7px;*/
    }

    .mapMobile {
        top: 20px;
    }

    .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button {
        width: auto
    }

    .fit_header .cnter_txt {
        font-size: 14px;
    }

    .pageHead {
        font-size: 16px;
    }

    .info-nav ul li a {
        padding: 0 8px;
    }

    .overOnsCon01, .overOnsCon02, .overOnsCon03, .overOnsVideo {
        padding: 0 15px;
        width: 100%
    }

    .partnerMap h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .partners li {
        width: 50%
    }

    .partners {
        padding: 0 0 20px;
    }

        .partners h2 {
            padding-bottom: 0
        }

    .searchTable td {
        display: block;
        width: 100%
    }

    .contDetails .form-group {
        padding-right: 15px;
    }

    .tab-pane .boxGraph.graphContent {
        float: none
    }

    .contDetails .btn-primary {
        margin: 0 15px;
    }

    .carPass img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    #archieveDiv {
        padding-top: 20px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.sumer {
        background-position: center -2px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.winter {
        background-position: center -43px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.seos4 {
        background-position: center -91px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a {
        text-indent: -9999px;
        padding: 0;
        min-height: auto;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li a.algemen {
            text-indent: 0;
        }

    .staps-container.statusList .nav-tabs.nav-justified > li {
        width: 25%;
        display: block;
        float: left;
    }

    .staps-container.statusList .nav-tabs.nav-justified {
        display: block;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.sumer, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.sumer {
            background-color: #fff;
            background-position: center -132px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.winter, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.winter {
            background-color: #fff;
            background-position: center -172px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.seos4, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.seos4 {
            background-color: #fff;
            background-position: center -221px;
            color: #02E89D;
        }

    .row.stepForm {
        margin: 0 -1px;
    }

    .stepForm > div {
        padding: 0 1px;
    }

    .techSpecilist li {
        width: 100%
    }

    .bannerCont a.greenButton {
        max-width: 108px;
    }

    .navbar-nav {
        float: none;
    }

    #divBadAvgExtraRepair td.col02 {
        width: 48%;
    }

    .stepForm .btn.btn-lg {
        font-size: 12px;
    }

    .btnsGroup button {
        width: 32.5%;
        border: 0;
        margin-right: 1px
    }

    .scrollCon {
        height: auto;
        padding-bottom: 20px;
    }

    #map_canvas_profile, .profileBanner .item img {
        height: 325px !important;
    }

    .showTab {
        display: block;
    }

    .btn.btn-lg {
        font-size: 14px;
    }

    /*by himanshu*/
    .fixedLabelWidth.techSpecilist li:nth-child(odd) {
        padding-right: 0;
    }

    .fixedLabelWidth.techSpecilist li:nth-child(even) {
        padding-left: 0;
    }

    .fixedLabelWidth.techSpecilist li b {
        width: 240px
    }

    .fixedLabelWidth.techSpecilist li > span {
        margin-left: -240px;
        padding-left: 245px;
    }

    .modal .fixedLabelWidth.techSpecilist li b {
        width: 240px;
    }

    .fixedLabelWidth.techSpecilist li {
        width: 100% !important;
    }

        .fixedLabelWidth.techSpecilist li .form-control {
            width: 145px;
        }

    /* Profile Status Popup*/
    .psBlocks > li {
        float: none;
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%;
    }


    .serveTitle {
        font-size: 32px;
        line-height: 36px;
    }

    .serveCon {
        margin-top: -80px
    }

    #accordionFour .selectTyre .btn {
        padding: 16px 5px 14px;
        font-size: 18px;
        line-height: 28px !important;
        min-width: 160px
    }
}

@media (min-width:992px) and (max-width:1400px) {
    .iphone-cnt {
        min-height: auto;
    }

        .iphone-cnt .iphone-img {
            width: 80% !important;
        }
}

@media (min-width:992px) {
    .k-animation-container {
        width: 600px !important;
    }

        .k-animation-container #GarageDropdownList-list {
            width: 100% !important;
        }
}

@media (min-width:992px) {
    .k-animation-container {
        width: 600px !important;
    }

        .k-animation-container #Garagecitypostal-list {
            width: 100% !important;
        }
}

@media (max-width: 992px) {
    .padding-right0 {
        padding-right: 15px !important;
    }

    .tab-banner .carousel-caption {
        display: none
    }

    .chart-section {
        margin: 0;
        padding: 0;
        right: -18px;
        top: 148px;
        transform: scale(0.6);
    }

    .chart {
        float: right;
        margin: -20px 20px 0 0
    }

    .login-form {
        min-height: 567px;
    }

    .landingSlide {
        padding: 50px 0;
    }

    #owl-demo03 .owl-dots {
        bottom: -26px;
    }

    #owl-demo3 .owl-dots {
        position: static;
        padding: 15px 15px 10px;
        overflow: auto;
    }

    #owl-demo3 .owl-dot {
        margin: 0 8px 0 0
    }

    #gridpopupgaragedetail tr td {
        display: table-cell
    }

        #gridpopupgaragedetail tr td:first-child {
            padding-right: 20px;
        }

    #gridpopupgaragedetail .k-selectable {
        width: 100% !important;
        min-width: 100% !important;
    }

    #gridpopupgaragedetail table {
        min-width: 100%;
    }

        #gridpopupgaragedetail table colgroup {
            display: none
        }

    .searchTabCon {
        padding: 20px 0 20px 0px !important;
    }
    /*.statTitle span { font-size: 11px; }*/
    .barChartList li {
        width: 50%
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.sumer {
        background-position: center -2px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.winter {
        background-position: center -43px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.seos4 {
        background-position: center -91px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a {
        text-indent: -9999px;
        padding: 0;
        min-height: auto;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li a.algemen {
            text-indent: 0;
        }

    .staps-container.statusList .nav-tabs.nav-justified > li {
        width: 25%;
        display: block;
        float: left;
    }

    .staps-container.statusList .nav-tabs.nav-justified {
        display: block;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.sumer, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.sumer {
            background-color: #fff;
            background-position: center -132px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.winter, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.winter {
            background-color: #fff;
            background-position: center -172px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.seos4, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.seos4 {
            background-color: #fff;
            background-position: center -221px;
            color: #02E89D;
        }

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

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

    .slider-tick-label-container .slider-tick-label:first-child {
        padding-left: 30px;
    }

    .slider-tick-label-container .slider-tick-label:last-child {
        padding-right: 30px;
    }

    #ex2Slider .slider-tick-label-container .slider-tick-label:first-child {
        padding-left: 0;
    }

    #ex2Slider .slider-tick-label-container .slider-tick-label:last-child {
        padding-right: 0;
    }

    .monthName {
        font-size: 18px;
    }

    #StatusContent #accordionFour .lineFontZero .pull-right {
        margin-top: 3px;
        width: 100%;
    }

    .landBannerCon1 {
        top: 0;
        margin-top: 0px;
    }

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

    .landSlideLeft {
        margin-bottom: 15px;
        text-align: center
    }

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

    h1.logo {
        padding: 0 15px !important;
    }

    .nw-title-rp {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 768px) {
    .fancybox-slide--iframe .fancybox-content {
        width: 100% !important
    }

        .fancybox-slide--iframe .fancybox-content iframe {
            width: 100% !important;
            height: inherit !important;
        }
}

@media (max-width: 768px) {
    #divider-1 {
        display: none;
    }
    /*.landSlideLeft img{width:30%!important;}*/
    .landSlideMaintain {
        margin: 20px 0 20px;
    }

    .discoverTitle {
        padding: 25px 0 45px;
        background-position: center 65px;
    }

    .upload-btn-new .k-button {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .mobile-top-p {
        padding-top: 3rem !important;
    }

    .col-xs-12 {
        width: 100%;
    }

    .p-xs-2 {
        padding: 20px !important;
    }

    .tour-btn {
        position: inherit;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .modal-footer .btn + .btn {
        margin-bottom: 0px;
    }
}

@media (min-width: 767px) {
    .width630 {
        max-width: 900px;
        margin: 0 auto;
    }

    .width700 {
        max-width: 700px;
        margin: 0 auto;
    }

        .width700 .table th {
            padding: 0;
        }

        .width700 .Jobs-data.Jobs-dataSec #u83, .width700 .Jobs-data.Jobs-dataSec #u85, .width700 .Jobs-data.Jobs-dataSec #u87 {
            text-align: left
        }

        .width700 .radio-inline {
            padding-left: 0
        }

    .mob-right-btn {
        text-align: right;
    }

    .slideList li {
        margin-bottom: 5px;
        text-align: left;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .serveCon img {
        width: auto
    }

    .signUpOuter {
        margin-top: 0;
    }

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

    .landBannerCon1 {
        position: relative;
    }

    .footerButtonsRgt {
        float: none;
        margin-top: 10px;
    }

    .footerContainer .text-right {
        text-align: center
    }

    .searchMap .gm-style-iw span {
        display: block;
        text-align: center
    }

    .searchMap .gm-style-iw img {
        width: 40%;
    }

    .footer {
        text-align: center;
    }

    .copyright .col-xs-6 {
        text-align: left;
        padding-top: 15px;
    }

        .copyright .col-xs-6 a {
            line-height: 18px;
        }

    #map_canvas {
        height: 250px !important;
    }

    .k-pager-info, .k-pager-sizes {
        padding: 0 5px !important;
    }

    .copyright .col-sm-8 {
        width: 100%;
        float: left
    }

    .nav-pills.margin-min20 {
        bottom: -10px;
        margin-left: 2px
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 165px;
    }

    .nieuwsBanner {
        min-height: auto;
        background-color: #3b4046;
    }

    .staps-container .nav-tabs.nav-justified > li, .MainNav .navbar-nav > li {
        display: table-cell;
        width: 1%;
    }

        .staps-container .nav-tabs.nav-justified > li > a {
            margin: 0;
        }

            .staps-container .nav-tabs.nav-justified > li > a span {
                display: none;
            }

            .staps-container .nav-tabs.nav-justified > li > a.active span {
                display: inline;
            }

        .MainNav .navbar-nav > li > a {
            text-align: center
        }

            .MainNav .navbar-nav > li > a span {
                display: none
            }

    .footer .copyright {
        margin-top: 0
    }

    .footer ul {
        margin-bottom: 35px
    }

    .copyright ul {
        margin-bottom: 0px;
    }

    .info-nav ul li a {
        border-left: 0px;
        text-align: center;
        padding: 0px;
    }

    .stap-4-pagination .pull-left {
        float: none !important;
        text-align: center !important;
    }

    .stap-4-pagination .pull-right {
        float: none !important;
    }

    .media, .media-body {
        clear: both;
        display: block !important;
        margin-top: 15px;
        width: auto !important;
        padding-bottom: 50px;
    }

    #DivTeamMembers .media, #DivTeamMembers .media-body {
        padding-bottom: 0px;
    }

    .accordion-container .panel-default > .panel-heading > .panel-title > a small {
        display: none
    }

    #DivTeamMembers .editing-buttons {
        padding-top: 20px;
    }

    .services ul {
        padding: 0px 0 10px 20px;
    }

    .profileCont h2.affiliateIco, .profileCont h2.opinionIco, .profileCont h2.facilityIco {
        margin-top: 20px
    }

    .michanicCon ul {
        padding: 20px 0
    }

    .reviewList li .col-md-4 {
        padding: 10px 0 0
    }

    #owl-demo02 .item img {
        min-height: 140px;
        width: 100%;
    }

    .landBannerCon {
        background: #3B4046;
        position: static;
        margin: 0;
        padding: 15px 0 20px;
        text-align: center !important
    }
        /*.landBannerCon1 { background: #3B4046; position: static; margin: 0; padding: 15px 0 20px; text-align: center !important }*/
        .landBannerCon1 p, .landBannerCon p {
            font-size: 18px;
            line-height: 20px;
        }

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

    .jobServices li {
        width: 100%;
        background-size: 100% auto !important;
        min-height: auto;
    }

    .discoverTitle {
        background-position: center 45px;
        font-size: 14px;
        padding: 20px 0 35px;
        background-size: 15px 10px;
    }

    .serveCon {
        background: #3B4046;
        position: relative;
        margin: 0;
        padding: 14px 0
    }

    .serveDisc {
        color: #fff
    }

    .landingBanner {
        background: #3b4046
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }

    .step3-team-members .nav-justified > li {
        border: 0;
        border-bottom: 1px solid #dfdfdf;
    }

    #stap3Three .media-left .editing-buttons {
        right: 83px;
    }

    .topMinus50 {
        margin-top: -44px;
    }

    .staps-container .nav-tabs.nav-justified > li, .MainNav .navbar-nav > li {
        display: table-cell;
        width: auto;
        float: none
    }

    .login-form {
        min-height: auto;
    }

    .padding-left0 {
        padding-left: 15px;
        padding-bottom: 10px;
    }

    .padding-top117 {
        padding-top: 0;
    }

    #owl-demo04 .owl-dots {
        right: 0;
        bottom: 0;
        height: 17px;
        text-align: center;
        width: 100%;
    }

    #owl-demo04 .owl-dot {
        margin: 0 4px;
        display: inline-block;
        float: none
    }

    .jobSerCon {
        display: block;
        height: auto;
        position: static;
        background: none;
        color: #3b4046;
    }

    .jobSerTitle {
        display: none
    }

    .jobSerTitleInner {
        padding-top: 0
    }

    .signHeadThumb p {
        position: static;
        text-shadow: none;
        color: #3b4a59;
        padding: 10px 20px 0;
        padding-left: 20px;
        line-height: 22px;
        font-size: 20px;
    }

    .overOnsList > li {
        width: 100%;
        padding-bottom: 15px
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 95px;
    }

    .overOnsNewsBanner p.newsBannerTitle02 {
        padding: 37px 0 5px;
    }

    .searchLogo, .searchTabCon, .srcDetail {
        padding: 2px 0;
    }

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

    #gridpopupgaragedetail.k-grid {
        min-width: 100%;
    }

    .searchBarOuter {
        float: none
    }

        .searchBarOuter label {
            display: block;
        }

    #txtSearchString {
        margin-bottom: 10px;
    }

    .searchBarOuter input[type="text"], .searchBarOuter select {
        margin: 0 5px;
    }

    .searchBarOuter input[type="submit"] {
        margin-left: 10px !important;
    }

    .accordion-containerHealthCheck {
        padding: 20px 10px
    }

    .dashTabAgenda .datenCon {
        padding-top: 20px;
    }

        .dashTabAgenda .datenCon label .k-datepicker {
            width: auto !important
        }

    .passGevo {
        float: none;
    }

    .table-responsive {
        overflow-x: auto !important;
    }

    .chart-section {
        right: -38px;
        top: 107px;
        transform: scale(0.5);
    }

    .chartList li .chart-section {
        transform: scale(1);
    }

    .accordion-containerTrail {
        padding: 0
    }

    .overOnsNewsBanner {
        height: auto;
        background-color: #3b4046;
        min-height: auto;
        padding-bottom: 10px;
    }

    .grid-container {
        padding: 0;
    }

    .lrgHead .grid-container {
        padding: 10px;
    }

    .lrgHead .bannerThumbCont1 {
        padding: 10px 10px 0;
    }

    .mobMar10 {
        margin-bottom: 10px;
    }

    .nav-pills > li + li {
        margin-left: 0 !important;
    }

    #divChkBoxes.checkbox-list .checkbox-inline {
        padding-left: 15px;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 10px;
    }

    .forecastDiv .col-sm-3 {
        margin-bottom: 10px;
    }

    .noneMobile {
        display: none;
    }

    .passGevo .nav-pills .margin-min20 {
        bottom: 0;
    }

    .contact-icon li, .contact-icon li:last-child {
        width: 25% !important;
        text-align: center !important;
    }

    .btn.mob-next-btn {
        padding: 0 !important;
        background: none !important;
        border: none !important;
        color: #3b4a59 !important;
        text-align: center !important;
    }

    .footerButtons {
        font-size: 14px;
        line-height: 30px;
    }

    .wrapper {
        padding-bottom: 152px;
    }

    .landSlideRgt a {
        background: #02E89D;
        line-height: 30px;
        padding: 4px 0 0;
        display: block;
        margin-top: 8px;
    }

        .landSlideRgt a i {
            display: none
        }

    .landingPage .wrapper {
        padding-bottom: 0;
    }

    .landingPage .footer {
        position: static;
    }

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

    .serveDisc {
        font-size: 14px;
        line-height: 20px;
    }

    .copyright ul, .footer ul.social-icons {
        margin: 0 0 15px;
        padding: 0
    }

    .social-icons {
        display: block;
        padding: 0 0 20px;
    }

        .social-icons li {
            display: inline-block;
            float: none;
        }

    .overOnsList > li {
        width: 100%;
        padding-bottom: 15px
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 45px;
    }

    .overOnsNewsBanner p.newsBannerTitle02 {
        padding: 87px 0 5px;
    }

    .dashTab li {
        display: block
    }

        .dashTab li a {
            border: 0;
            border-bottom: 1px solid #02e89d;
        }

    .actionList li span {
        margin-right: 10px
    }

    .actionList li em {
        font-style: normal;
    }

    .caleOuter > div {
        overflow: auto;
        text-align: left
    }

        .caleOuter > div > * {
            float: left;
            text-align: left
        }

    .calenderList li > div {
        padding-bottom: 6px;
    }

    .calenderList li a {
        float: left
    }

    .calenderList li span {
        margin-right: 10px;
    }

    .createConPop {
        width: 98%;
    }

    .staps-container .nav-tabs.nav-justified > li, #repairplandiv.nav-tabs.nav-justified > li {
        border-bottom: 1px solid #318882;
    }

        .staps-container .nav-tabs.nav-justified > li > a {
            border: 0
        }

    .staps-container .nav-tabs.nav-justified {
        border-bottom: 0;
        overflow: hidden;
    }

    .agendaPop {
        left: -15px;
        top: -35px !important;
    }

        .agendaPop::before {
            display: none;
        }

    .filterTitle {
        padding: 10px 0 5px;
    }

    .col-xs-2, .col-xs-3, .col-sm-5 {
        position: static !important;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.sumer {
        background-position: center -2px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.winter {
        background-position: center -43px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a.seos4 {
        background-position: center -91px;
    }

    .staps-container.statusList .nav-tabs.nav-justified > li a {
        text-indent: -9999px;
        padding: 0;
        min-height: auto;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li a.algemen {
            text-indent: 0;
        }

    .staps-container.statusList .nav-tabs.nav-justified > li {
        width: 25%;
        display: block;
        float: left;
    }

    .staps-container.statusList .nav-tabs.nav-justified {
        display: block;
    }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.sumer, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.sumer {
            background-color: #fff;
            background-position: center -132px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.winter, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.winter {
            background-color: #fff;
            background-position: center -172px;
            color: #02E89D;
        }

        .staps-container.statusList .nav-tabs.nav-justified > li.active a.seos4, .staps-container.statusList .nav-tabs.nav-justified > li:hover a.seos4 {
            background-color: #fff;
            background-position: center -221px;
            color: #02E89D;
        }

    .account {
        padding: 30px 0;
    }

    .loginTitletxt {
        padding-bottom: 30px;
    }

    .loginDescBlock p.loginSubTitletxt {
        padding: 20px 0 10px;
    }

    .mapsearchResultTxt {
        margin-top: -10px;
    }

    .langSelect {
        max-width: 210px;
        display: inline-block;
    }

        .langSelect select {
            background: url('../Content/lang-arrow.png') no-repeat 93% center !important;
        }

    .bannerContPara {
        padding: 0
    }

    .bannerCont a.callIco, .bannerCont a.mailIco {
        float: left;
        margin-right: 5px;
    }

    .text-right.fontZero {
        text-align: center !important;
        padding-top: 5px;
    }

    .icobtnGroup {
        padding: 0;
    }

    .bannerCont a.greenButton {
        max-width: 180px;
        padding: 3px 10px 4px !important;
    }

    .bannerTextCont > .col-xs-3 {
        padding-right: 5px;
        width: 85px;
    }

    .bannerTextCont > .col-xs-8 {
        padding-left: 0;
    }

    #map_canvas_profile, .profileBanner .item img {
        height: 318px !important;
    }

    .searchMap {
        height: 200px !important;
    }

    .iframeWidget iframe {
        width: 100%;
        max-width: none;
    }

    .fleetCont a {
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }

    .landSlideRgt, .fleetCont {
        text-align: center
    }

        .fleetCont a.mobileShow {
            display: block;
            margin-top: 20px;
        }

        .fleetCont a.mobileHide {
            display: none
        }

    .landSlideSubTitle {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .landSlideCon {
        font-size: 14px;
        margin-top: 10px;
    }

    .landSlideMaintain {
        font-size: 16px;
        line-height: 18px;
        margin: 14px 0 0px;
    }

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

    .owl-dots {
        display: none !important
    }

    #owl-demo04 .owl-dot {
        height: 10px;
        width: 10px;
    }

    .owl-carousel .owl-stage-outer:before {
        background: url('../Content/slide.svg') no-repeat center center;
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        height: 20px;
        width: 20px;
        z-index: 111
    }

    #owl-demo05 .owl-stage-outer:before {
        content: none;
        display: none
    }

    .serveDisc {
        margin-bottom: 15px
    }

    .searchTabCon h3 {
        line-height: 17px;
        border-bottom: #dadbdc 1px solid;
        padding: 0 0 0px;
        margin: 0 0 0px;
        font-size: 14px;
    }

    .sliderText {
        font-size: 16px;
    }

    .slideList, .loginDescBlock p.joinPara {
        font-size: 13px;
        line-height: 16px;
    }

    .landingSlide {
        padding: 15px 0;
    }

    .margin-btm40 {
        margin-bottom: 20px;
    }
}

@media (max-width: 667px) {
    #divider-1 {
        display: block;
    }

    .landSlideLeft img {
        width: auto !important;
    }

    .landSlideMaintain {
        margin: 20px 0 40px;
    }

    .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
        min-width: 1.5em !important;
        margin: 0 !important;
    }

    #map_canvas_profile, .profileBanner .item img {
        height: 283px !important;
    }
}

@media (max-width: 666px) {
    #map_canvas {
        height: 210px !important;
    }

    .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
        min-width: 1.3em !important;
        margin: 0 !important;
    }
}

@media (max-width: 639px) {
    .chart-section {
        top: 350px;
    }

    .Jobs-data .table td .textbox {
        margin-left: 15px
    }

    .reqQuoteList li, .reqQuoteList li:first-child {
        text-align: center;
        width: 100%;
        padding: 0 10px 10px;
        margin-bottom: 10px;
        border-left: 0;
        border-bottom: #d0d3d8 1px solid;
        display: block;
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 135px;
    }

    .overOnsNewsBanner p.newsBannerTitle02 {
        padding: 68px 0 5px;
    }

    .leftDetails, .rightDetails {
        float: none;
        min-height: 0;
        width: 100%;
        padding: 10px;
    }

    .absoluteBtn {
        position: static
    }

    .psHeading, .lastUpdated {
        float: none !important;
        display: block
    }

    .autoStatus {
        position: static;
        padding: 0;
        text-align: left
    }

        .autoStatus > div {
            float: left !important;
            text-align: left;
        }

    .forecastBlock {
        padding-bottom: 10px;
    }

        .forecastBlock .absoluteBtn {
            margin-bottom: 10px;
        }
}

@media (max-width: 529px) {
    #iframeCPWidget iframe {
        width: 100% !important;
        height: 660px !important;
    }

    .signUpOuter .row {
        margin-right: 0;
        margin-left: 0;
    }

    .signUpOuter {
        padding: 15px 0
    }

    .fcMaintenace {
        margin: 0 0 20px;
    }

        .fcMaintenace > li {
            width: 100%;
            padding: 0;
            margin-bottom: 5px;
        }

    .maintenaceCount, .perMonth {
        display: inline-block;
    }

    .perMonth {
        margin-left: 10px;
        text-align: left
    }

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

    .addServices {
        position: static;
        padding: 0;
        text-align: left
    }

    .addServices {
        padding: 0 10px;
        position: relative;
        bottom: 0;
        margin-top: 15px;
    }

        .addServices p {
            text-align: left
        }

    .carServices {
        padding-bottom: 10px
    }

    #gridpopupgaragedetail tr td:nth-child(1) {
        width: 12%;
    }

    .contact-icon li, .contact-icon li:last-child {
        width: 15% !important
    }

    #gridpopupgaragedetail tr td:nth-child(2) {
        width: 78%;
    }

    .searchCont {
        padding: 0px;
    }
}

@media (max-width: 567px) {
    .mapMobile {
        top: 10px;
    }
}

@media (max-width: 568px) {
    .staps-container .nav-tabs.nav-justified > li {
        display: block;
    }

        .staps-container .nav-tabs.nav-justified > li > a {
            display: block;
            min-height: auto;
            text-align: center !important;
            line-height: 40px;
            padding: 0 !important;
        }

    #map_canvas_profile, .profileBanner .item img {
        height: 234px !important;
    }

    .iframeWidget iframe {
        height: 450px;
    }
}

@media (max-width: 480px) {
    .chart-section {
        right: -45px;
        top: 119px;
        transform: scale(0.4);
    }

    .info-nav .navbar-brand {
        width: 100px;
        margin: 0 0 0 10px
    }

    .staps-container .nav-tabs.nav-justified > li > a {
        margin: 0;
        padding: 5px;
        padding-top: 18px;
    }

    .info-nav .navbar-brand::after {
        font-size: 11px;
    }

    .searchBarOuter label {
        float: none;
        display: block;
    }

    .createCpPop {
        width: 100%;
    }

    .width400 {
        width: 100%;
    }

    .chartList li {
        padding: 0 15px 15px;
        width: 50%;
    }

    .modal-cookie {
        width: 100%;
    }

    #txtSearchString {
        max-width: 155px;
        width: 100%;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .searchBarOuter select {
        padding-left: 5px;
    }

    .searchCont {
        padding: 0px;
    }

    .searchBarOuter button[type="submit"] {
        margin-left: 5px;
    }

    .divTable {
        min-width: 480px;
    }
}

@media (max-width:479px) {
    .chart-section {
        top: 115px;
        transform: scale(0.28);
        right: -55px;
    }

    .page-header .btn {
        display: block;
        margin: 10px 0
    }

    .btn {
        padding: 6px 4px !important;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .next-prev-buttons {
        float: left;
        margin: 0 0 10px 10px;
    }

        .next-prev-buttons .pull-left {
            color: #fff
        }

    .sub-accordion-container {
        padding: 20px 0;
    }

    #submitForm {
        min-width: 360px
    }

    .wid400 {
        width: 100%;
        margin: 0 auto;
    }

    .filterOption .text-right {
        text-align: left;
    }

    #map_canvas {
        height: 280px !important;
    }

    .k-pager-info {
        float: none !important;
        display: block !important;
    }

    span.k-widget.k-dropdown.k-header {
        margin-left: 0px !important;
    }

    .k-pager-sizes {
        display: block;
        float: left;
        margin-top: 5px;
        margin-left: -8px !important;
    }

    .k-pager-info {
        margin-top: 5px !important;
        float: right !important;
    }

    .social-icons li {
        float: none;
        display: inline-block
    }

    .modal-sm {
        width: 300px !important;
    }

    .calenderForm {
        padding: 0;
        width: 156px;
    }

    .chartList li {
        min-height: auto;
        width: 100%;
    }

    .modal-open .k-animation-container {
        width: 270px !important;
    }

        .modal-open .k-animation-container .k-list-container {
            width: 270px !important;
        }

    .profileLogoFront {
        display: block;
        padding-bottom: 16px;
        width: 100%;
    }

    .graphContent {
        width: 100%;
    }

    .loginForm {
        padding: 0 15px;
    }

    .actionList li a {
        display: table;
        float: none;
        margin-top: 10px;
        padding-right: 20px;
    }

    .checkbox-list .checkbox-inline {
        width: 100%;
    }

    .form-panal .btn {
        padding: 6px 10px;
    }

    .h4, h4 {
        font-size: 14px;
    }

    .nieuwsBanner p.newsBannerTitle {
        padding-top: 96px;
    }

    .col-xs-2, .col-xs-3, .col-sm-5 {
        position: static !important;
    }

    .searchTabCon {
        padding: 2px 0 2px 5px !important;
    }

    .bannerCont .fontZero {
        text-align: center
    }

    .profileLogo {
        width: 100%;
        text-align: center
    }

        .profileLogo img {
            max-width: 100%;
            width: auto;
        }

    .greenButton.btn {
        padding: 11px 4px !important;
    }

    .iframeWidget iframe {
        height: 650px;
    }

    .loginButtonicon a {
        width: 100%
    }

    /* Profile Status Popup*/
    .leftBar .numberPlate {
        margin: 0 auto
    }

    .leftBar li:nth-child(1) {
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }

    .rightBar li {
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    #map_canvas_profile, .profileBanner .item img {
        height: 157px !important;
    }

    #home-section {
        height: 100%;
    }

    #owl-demo04 {
        height: calc(100% - 126px);
    }

    #slide-2, #slide-3 {
        height: calc(100% - 76px);
    }

    .serveCon {
        top: 0;
        padding-bottom: 100px;
    }

    #slide-3 {
        overflow: hidden;
    }

    #owl-demo04 .item img {
        max-width: 180%;
    }

    .slide-3-img {
        width: 230% !important;
        margin-left: -37%;
    }

    .slideList {
        line-height: 22px;
        margin-top: 20px;
    }

    .googlePlay {
        margin-bottom: 15px;
    }

    .landSlideMaintain {
        margin: 20px 0 20px;
    }

    .bannerTextBg {
        padding: 20px 0;
    }

    .mar-b-30 {
        margin-bottom: 20px;
    }

    .landSlideLeft img {
        width: 80% !important;
    }

    .landBannerCon1 a, .landBannerCon a {
        margin-top: 0px;
    }

    .respPadLeft {
        padding-right: 8px;
    }

    .respPadRight {
        padding-left: 8px;
    }
}

@media screen and (max-width:375px) {
    #map_canvas_profile, .profileBanner .item img {
        height: 137px !important;
    }

    #owl-demo04 .item img {
        max-width: 170%;
    }

    .landSlideLeft img {
        width: 60% !important;
    }

    .slide-3-img {
        width: 190% !important;
        margin-left: -27%;
    }
}

@media screen and (max-width:320px) {
    #map_canvas_profile, .profileBanner .item img {
        height: 110px !important;
    }

    #iframeCPWidget {
        width: 100% !important;
        height: 676px !important;
    }

    #owl-demo04 .item img {
        max-width: 110%;
    }

    .landSlideLeft img {
        width: 24% !important;
    }

    .slide-3-img {
        width: 150% !important;
    }
}


.model-details {
    font-size: 24px;
    margin: 3px 0;
}

.pad-t-b-10 {
    padding: 10px 0;
}

.product-popup {
    padding: 10px 0;
}

    .product-popup h4 a {
        color: #02C485;
        font-weight: bold;
    }


.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wid150 {
    width: 150px;
}

.product-img {
    height: 80px;
    padding: 0 10px;
}

.product-popup .details {
    cursor: pointer;
}

.product-popup .collapse:not(.show) {
    display: none;
}

.product-popup-detail .collapse:not(.show) {
    display: none;
}

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

.seasonIcon svg {
    height: 25px;
    width: 25px;
    fill: #166f6c;
}


/*Search list*/
.noBorder {
    border: none !important;
}

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

.searchFilter .filterBtn {
    box-shadow: none
}

.searchList {
    text-align: center;
    padding: 0;
}

    .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-family: Averta-Semibold, sans-serif;
        font-size: 14px;
        margin: 0 auto;
    }

        .searchList a:hover {
            text-decoration: none;
            color: #585858;
            background: #fff;
        }

        .searchList a span {
            display: block;
            margin: 0 auto
        }

    .searchList .sprite {
        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
}

.searchFilter {
    /*margin: 0;*/
    border-bottom: 1px solid #c8c7cc;
    position: relative;
    max-width: 1020px;
    margin: 20px auto 0;
}

    .searchFilter .form-control {
        border-bottom: 0;
        border: 1px solid #d9d9d9;
        margin-bottom: 15px;
        padding-right: 70px !important;
        color: #0f5f5e !important;
        height: 40px;
        display: block;
        width: 100%;
        font-size: 14px;
        font-style: normal !important;
    }

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

.yellowBtn {
    background: #0f5f5e;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px;
}

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

.tyreGrades > span {
    position: relative;
}

.tyreGrades span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.tyreGrades .grade {
    padding: 1px 9px;
    color: #fff;
    border-radius: 5px;
}

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

.gradeA {
    background-color: #7ed321
}

.gradeB {
    background-color: #417505
}

.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: 1px 8px;
    color: #fff;
    /*border-radius: 2px;*/
    background-color: #9b9b9b;
    font-size: 15px;
    border-radius: 5px
}


.checkBoxList1 {
    border-bottom: 1px solid #dbdbdb;
    margin: 0;
    padding: 0;
}

    .checkBoxList1 li {
        border-top: 1px solid;
        padding: 15px;
        margin: 0;
        line-height: 20px;
    }

.searchInnerItem {
    display: block;
    float: left;
    width: calc(100% - 90px);
}

.themeColor {
    color: #166f6c;
}

.eclipse { /*height: 20px;*/
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    font-family: Averta-Semibold, sans-serif;
}

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

.searchInnerItem a {
    color: #166f6c;
}

    .searchInnerItem a:hover {
        color: #999;
    }

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

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

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

.font16 {
    font-size: 16px;
}

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

.actionArwMore {
    position: relative;
}

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

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

/*Grey Head*/
.greyHead {
    padding: 15px 0;
    color: #000;
    font-family: Averta-Semibold, sans-serif;
    font-size: 18px;
}
/*Tire Type*/
.tyreType {
    text-align: center;
    margin: 0;
    padding: 0;
}

    .tyreType li {
        list-style: none;
        /*display: block;*/
        padding: 0;
        vertical-align: middle;
        display: inline-block;
        margin: 0 15px 0 0;
    }

        .tyreType li:last-child {
            margin-right: 0;
        }

    .tyreType label {
        display: block;
        cursor: pointer;
        line-height: 24px;
        -webkit-transition: 300ms linear;
        -o-transition: 300ms linear;
        transition: 300ms linear;
        margin: 0;
    }

    .tyreType input {
        display: none
    }

    .tyreType .seasonIcon {
        width: 30px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
    }

    .tyreType .season svg {
        fill: none;
    }

    .tyreType .season svg {
        stroke: #166f6c;
    }

    .tyreType input[type="radio"] + label {
        color: #166f6c
    }

    .tyreType input[type="radio"]:checked + label {
        background-color: #166f6c;
        color: #fff
    }

        .tyreType input[type="radio"]:checked + label .seasonIcon svg {
            fill: #fff;
            stroke: #fff
        }

/*.season svg{fill:none !important}*/
/*Type Position*/
.fontBold {
    font-family: Averta-Semibold, sans-serif;
    font-size: 18px;
}
/*.tyrePosition label {text-transform:inherit; font-family: Averta-Semibold, sans-serif; font-size:18px;}*/
.tyrePosition .seasonIcon svg {
    stroke: none
}

.tyrePosition .seasonIcon {
    height: 48px;
    margin-right: 10px;
}

/*.tyrePosition label{color:#166f6c}
.tyrePosition .seasonIcon svg{fill:#166f6c; width:auto; height:auto;}
.tyrePosition input[type="checkBox"]:checked + label {background-color:#166f6c; color:#fff}
.tyrePosition input[type="checkBox"]:checked + label .seasonIcon svg{fill:#fff;}*/



/*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;
    }

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

.yellowBtn, .loginForm input[type="submit"].signBtn, .loginForm input[type="button"].signBtn {
    background: #FECA04;
    color: #000000;
}

.tab2 .nav-pills {
    margin-bottom: 15px;
}

    .tab2 .nav-pills > li {
        width: 49%;
        margin-right: 2%;
    }

        .tab2 .nav-pills > li a {
            padding: 10px 0;
            font-family: Averta-Semibold, sans-serif;
            font-size: 15px;
        }

        .tab2 .nav-pills > li:last-child {
            margin-right: 0;
        }

        .tab2 .nav-pills > li + li {
            margin-left: 0;
        }

        .tab2 .nav-pills > li.active > a, .tab2 .nav-pills > li.active > a:focus, .tab2 .nav-pills > li.active > a:hover {
            background-color: #02C485;
            color: #fff;
        }

.m-t-80 {
    margin-top: 84px;
    font-family: Averta-Semibold, sans-serif;
    font-size: 14px;
}

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

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

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

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

/*Himanshu 10-7-2017*/
/*page 22*/
.tab2 .nav-pills > li {
    width: 32%;
    text-transform: uppercase
}

.deleteIco {
    color: #02e89d;
    font-size: 23px;
}

.tableTotal {
    vertical-align: middle;
}

    .tableTotal th, .tableTotal td {
        padding: 6px 8px;
        border-bottom: #dadbdc 1px solid
    }

.total {
    background-color: #02C485;
    color: #fff;
}

.searchIco {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 26px;
}

.disBlock {
    display: block
}

.w100 {
    width: 100%
}

.helpIcoSpace {
    padding-right: 85px;
}

.formLabelCont label {
    font-weight: bold;
    display: block;
}

.tab4 .nav-pills > li {
    width: 18%
}

.tab5 .nav-pills > li {
    width: 23.5%
}

    .tab5 .nav-pills > li:last-child {
        margin-right: 0
    }

.tabs-5 .nav-pills > li {
    width: 18.4%
}

    .tabs-5 .nav-pills > li:last-child {
        margin-right: 0
    }

.valueStatusPad {
    display: inline-block;
    padding-right: 7px;
}

#divBadAvg td.colDate02 {
    width: 12%;
}

.isDatePicker1 {
    width: 144px;
}

.padding0Div {
    margin-left: 0px !important;
    width: 100%;
}
/* Repair Popup Inputs */
.repairPopup label { /*height: 34px; padding: 2px 20px 2px; min-width: 120px; border-radius: 16px; font-size: 16px; line-height: 27px; color: #fff; text-align: center; border: 0;*/
}

.repairPopup input[type="radio"] + label { /*border:1px solid #02E89D !important*/
}

.repairPopup {
    text-align: center;
    margin: 0;
    padding: 0;
}

    .repairPopup li {
        list-style: none;
        vertical-align: middle;
        margin: 0 10px 10px 0;
        width: 100%;
    }

        .repairPopup li:last-child {
            margin-right: 0;
        }

    .repairPopup label {
        cursor: pointer; /*display:block; padding:5px 15px; border:1px solid #02E89D; font-size:14px; line-height:24px; font-weight:normal; text-transform:uppercase; border-radius:10px; -webkit-transition:300ms linear;-o-transition:300ms linear;transition:300ms linear; margin:0;*/
    }

    .repairPopup input {
        display: none
    }

    .repairPopup .seasonIcon {
        width: 30px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
    }

    .repairPopup input[type="radio"] + label { /*color:#02E89D*/
    }

    .repairPopup input[type="radio"]:checked + label { /*background-color:#02E89D; color:#fff*/
    }

        .repairPopup input[type="radio"]:checked + label .seasonIcon svg {
            fill: #fff;
            stroke: #fff
        }

.absoluteAnkooperingBtn {
    width: 245px;
}

.fa-file-text {
    font-size: 18px;
    color: #02E89D;
    padding-top: 9px;
}

.padlabelRight {
    padding-right: 30px;
    text-decoration: none !important;
    font-size: 20px;
}

.displayNVTCircle {
    background: white;
    font-size: 32px;
    padding-top: 3px;
}

.web-version {
    margin-left: -7px;
    padding: 0 15px;
    line-height: inherit;
    height: 36px;
    width: 32px;
    position: relative;
    top: -0px;
    background: url('../Content/location01HL.png') no-repeat right;
}

.web-version-text {
    padding-left: 15px;
    width: 185px;
}

.modal-lg {
    height: 1500px;
}


/* 05-03-2018 himanshu started*/
.ptc-theme {
    background: #fff;
    color: #000
}

    .ptc-theme #header {
        background: #dc2223 !important;
        border-bottom: #ffffff 1px solid;
    }

/* 09-05-2018 shardendu started*/
.vak-theme {
    background: #fff;
    color: #000
}

    .vak-theme #header {
        background: #58595b !important;
        border-bottom: #ffffff 1px solid;
    }

/* 24-07-2018 Himanshu started*/
.anwb-theme {
    background: #fff;
    color: #000
}

    .anwb-theme #header {
        background: #003d86 !important;
        border-bottom: #ffffff 1px solid;
    }

    .anwb-theme .themeColor2 {
        color: #003d86
    }

    .anwb-theme .themeColor3 {
        color: #0096db
    }

/*search garage*/
.serchResultCount {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin: 25px 0 20px;
}

.serchResult {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    font-family: Averta-Semibold, sans-serif;
}

.textUppercase {
    text-transform: uppercase;
}

.m-l-10 {
    margin-left: 10px;
}

.listMapLink {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    font-family: Averta-Semibold, sans-serif;
    text-align: right;
    margin-bottom: 8px;
}

    .listMapLink a {
        text-decoration: underline !important;
        text-transform: uppercase;
    }

.refineSearch .form-control.k-widget {
    width: 100%;
    height: 35px;
}

.radioBtn .customRadio {
    width: 100%;
    text-align: left;
}

.postatCode {
    float: left;
    width: calc(100% - 70px)
}

.refineSearch #drprange {
    margin: 0;
    padding-left: 10px;
    width: 70px;
    border-left: none;
    border-color: #dadada;
}

    .refineSearch #drprange:focus {
        outline: none;
    }

.refineSearch .searchBarOuter {
    margin-top: 25px;
}

.searchTable tr:nth-child(1) {
    border: none
}

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

.boxBorder {
    border: 1px solid #dadada;
    padding: 15px 15px 10px 15px;
    margin-bottom: 10px;
}

.contact-icon.resp li:last-child {
    text-align: left !important;
    float: left;
}

.m-l-25:before {
    margin-right: 25px;
}

#gridpopupgaragedetail tr td:nth-child(1) {
    width: 130px;
}

.searchTabCon h3 {
    border-bottom: none;
    padding: 0px;
}


/* 30-6-2018 himanshu - header changes */
.info-icon-lg {
    height: 31px;
    width: 31px;
    background-repeat: no-repeat;
}

.top-search {
    width: 300px;
    padding-right: 0;
}

    .top-search label {
        margin-bottom: 0
    }

    .top-search input[type="text"] {
        width: 150px;
        padding: 0 10px;
        background-image: none;
    }

    .top-search select {
        width: 115px;
        padding-right: 22px;
        border-left: none;
        border-right: none
    }

    .top-search input[type="button"] {
        border: #dfdfdf 1px solid;
        border-left: none;
        height: 34px !important;
        width: 34px !important;
        top: 0 !important;
    }

.top-title {
    font-size: 18px !important;
    font-weight: bold;
    margin: 10px 0 0 !important;
}

.ml-20 {
    margin-left: 20px;
}

.nav-add .actionCPArw {
    height: 34px;
    width: 34px;
    background: #02C485 url(../Content/add-icon.svg) center center no-repeat;
    background-size: 14px 18px;
    border: 2px solid #02C485;
    border-radius: 50%;
}

.nav-add .newDarkPop {
    top: 0 !important;
    margin-top: 0 !important;
    right: 42px;
}

    .nav-add .newDarkPop:after {
        top: 7px !important;
        margin-top: 0;
        left: calc(100% - 2px);
    }

.nav-add .actionCPArw:hover, .nav-add .actionCPArw.active {
    background-color: #3b4a59;
    border-color: #3b4a59
}

.chart-icon {
    height: 34px;
    width: 34px;
    background: url(../Content/chart-icon.svg) center center no-repeat;
    background-size: 34px 34px;
    text-indent: -9999px;
    overflow: hidden;
    text-align: left;
    display: block
}

    .chart-icon:hover {
        background-image: url(../Content/chart-icon-hover.svg)
    }

.main-menu {
    position: relative;
    min-height: 34px;
    margin-bottom: 0
}

    .main-menu .navbar-toggle {
        display: block;
        border: 2px solid #02C485;
        border-radius: 50%;
        height: 34px;
        width: 34px;
        margin: 0;
        padding: 7px;
    }

        .main-menu .navbar-toggle .icon-bar {
            background-color: #02C485;
            width: 15px;
        }

        .main-menu .navbar-toggle.collapsed {
            border-color: #02C485;
        }

            .main-menu .navbar-toggle.collapsed .icon-bar {
                background-color: #02C485;
            }

    .main-menu .collapse {
        display: none !important;
    }

        .main-menu .collapse.in {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

    .main-menu .navbar-collapse {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        width: 210px;
        margin: 0;
        z-index: 5;
        border: none;
        border-bottom: 0
    }

        .main-menu .navbar-collapse:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #3b4046;
            position: absolute;
            top: -8px;
            right: 7px;
        }

    .main-menu .navbar-nav > li > a {
        color: #fff;
        padding: 10px 22px;
        border-bottom: #6b7076 1px solid;
        text-transform: uppercase;
        text-align: left;
        display: block;
        background-color: #3b4046;
    }

        .main-menu .navbar-nav > li > a:hover {
            background-color: #02C485;
            color: #fff;
        }

    .main-menu .navbar-nav, .main-menu .navbar-nav > li {
        float: none
    }

.chart-detail {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    z-index: 3;
    text-decoration: underline;
}

.new-head {
    background: #fff;
    padding: 15px 15px;
    margin-top: 20px;
    border-bottom: 2px solid #02C485;
}


/* 18-7-2018 Search Page */
.search-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .search-page > div {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

.search-filters {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.search-results {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.search-filters > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

    .search-filters > div > * {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

.search-filters.collapse.in {
    margin-top: 0
}

.search-filters .refineSearch {
    padding-top: 20px;
}

.search-filter-btn {
    display: none
}

.search-filters .serchResult {
    color: #3fb5a9;
}

.search-filters .postatCode .form-control {
    border-right: 0;
}

.input-select-combo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}

    .input-select-combo > div:first-child {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .input-select-combo > div:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .input-select-combo select {
        border-left: none !important;
    }

.search-filters input.form-control, .search-filters select.form-control, .search-filters select {
    border: 1px solid #dadada;
    height: 35px;
}

    .search-filters select.form-control, .search-filters select {
        border-color: #dadada;
        padding: 0 22px 0 10px !important
    }

.bg-light-gray {
    background-color: #f6f4f5
}

.search-results #gridpopupgaragedetail {
    border: #dadada 1px solid
}

    .search-results #gridpopupgaragedetail tr td:nth-child(1) {
        width: 20%;
    }

.search-results .k-pager-wrap {
    border-bottom: none !important;
    padding: 15px !important;
    text-align: center
}

.search-results .searchTabCon h3 {
    margin-bottom: 5px;
    color: #3fb5a9;
}

.search-results .contact-icon {
    clear: both;
    width: 100%;
    display: table;
    margin-bottom: 0
}

    .search-results .contact-icon li {
        width: auto !important;
        text-align: left !important;
        margin-right: 25px;
    }

        .search-results .contact-icon li a.icon {
            height: auto;
            padding-left: 20px;
        }

.search-results .searchTabCon li a.icon.call-icon {
    background: url(../Content/call-icon.svg) 0 3px no-repeat / auto 12px;
    padding-left: 17px;
}

.search-results .searchTabCon li a.icon.email-icon {
    background: url(../Content/email-icon.svg) 0 2px no-repeat / auto 14px;
    padding-left: 18px;
}

.search-results .searchTabCon li a.icon.info-icon {
    background: url(../Content/info-icon.svg) 0 3px no-repeat / auto 13px;
    padding-left: 18px;
}

.search-results .searchLogo {
    padding: 0;
    height: 110px;
    display: table;
    width: 100%;
}

    .search-results .searchLogo a {
        display: table-cell;
        vertical-align: middle;
    }

    .search-results .searchLogo img {
        width: auto;
        max-height: 110px;
    }

.text-bold {
    font-family: Averta-Semibold, sans-serif;
}

.search-head {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.border-gray {
    border: 1px solid #dadada !important
}
/** Home Chart**/
.home-charts {
    padding-bottom: 0
}

    .home-charts li {
        width: 25%;
        padding-bottom: 20px;
    }

/*.home-charts li:nth-child(4) {
                clear: left
            }*/

.graphContent .home-charts .chart-section, .graphContent .home-charts canvas {
    height: 200px !important;
    width: 200px !important;
}

.graphContent .home-charts .bar-chart, body .graphContent .unique-chart .bar-chart {
    height: 200px !important;
    width: 300px !important;
}

.home-charts .percent.fontsize {
    line-height: 200px;
}

.home-charts.barChartList canvas {
    display: block;
    margin: 0 auto
}
/** Rounded btns 30-7-2018 **/
.rounded-btn {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    line-height: 26px !important;
    padding: 4px 0 !important
}

    .rounded-btn .fa {
        line-height: 26px !important;
    }

.repairUnderline span {
    text-decoration: underline
}
/**HImanshu 14-08-2018*/
.flex-equal-space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

    .flex-equal-space > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
/**Himanshu-16-08-2018**/
.flex-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flex-tabs a {
        /*display: -webkit-box !important;*/
        text-align: center;
        /*display: -ms-flexbox !important;*/
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: 100%;
    }

    .flex-tabs span {
        width: 100%;
    }

/*Shardendu 23-08*/
.k-bell {
    line-height: 34px !important;
    display: block;
    padding: 0 !important;
    position: relative;
    overflow: visible;
}

    .k-bell:hover {
        color: #3b4a59 !important
    }

    .k-bell.rounded-btn .fa {
        line-height: 34px !important;
        font-size: 28px;
    }

    .k-bell span {
        position: absolute;
        right: -3px;
        top: -3px;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 17px;
        border-radius: 50%;
        font-size: 11px;
        background: #DA3B41;
        padding-top: 1px;
        text-align: center;
    }

/*End Shardendu*/

@media (min-width:768px) {
    #searchFilter {
        display: block !important;
        height: auto !important
    }

    .search-results .searchMap {
        height: 540px;
    }
}

@media (max-width:1024px) {
    .search-page {
        margin-right: -5px;
        margin-left: -5px;
    }

        .search-page > div {
            padding-right: 5px;
            padding-left: 5px;
        }

    .search-filters {
        -ms-flex: 0 0 33.3334%;
        flex: 0 0 33.3334%;
        max-width: 33.3334%;
    }

    .search-results {
        -ms-flex: 0 0 66.6666%;
        flex: 0 0 66.6666%;
        max-width: 66.6666%
    }

        .search-results .k-grid {
            text-align: center;
        }

        .search-results .k-grid-content {
            text-align: left
        }

        .search-results .k-pager-wrap {
            text-align: left;
            display: inline-block
        }

        .search-results .k-pager-numbers {
            left: 86px !important;
        }

    .k-pager-sizes {
        display: block !important;
        margin: 15px auto;
        float: none !important
    }
    /** Home Chart**/
    .graphContent .home-charts .chart-section, .graphContent .home-charts canvas {
        height: 140px !important;
        width: 140px !important;
    }

    .home-charts .percent.fontsize {
        line-height: 140px;
    }

    .chart-detail {
        bottom: 45px;
    }

    .padlabelRight {
        font-size: 18px;
    }

        .padlabelRight .fa {
            font-size: 18px !important;
        }
}

@media (max-width: 992px) {
    .search-results .searchTabCon {
        padding: 10px 0 !important
    }

    .search-results td p {
        margin-bottom: 8px;
    }

    .search-results .searchTabCon h3 {
        line-height: 25px;
    }

    .search-results .searchLogo {
        height: 100px;
    }
    /** Home Chart**/
    .unique-chart li {
        width: 50%
    }

    .about-users.home-charts li {
        width: 50%;
    }

    .graphContent .home-charts .chart-section, .graphContent .home-charts canvas {
        height: 135px !important;
        width: 135px !important;
    }

    .home-charts .percent.fontsize {
        line-height: 135px;
    }

    .chart-detail {
        bottom: 40px;
    }
    /** Top bar welcome user name **/
    .welcome-user {
        max-width: 184px;
        display: inline-block;
        vertical-align: middle;
    }

    .welcome-user2 {
        max-width: 270px;
        display: inline-block;
        vertical-align: middle;
    }

    .padlabelRight {
        font-size: 16px;
    }

        .padlabelRight .fa {
            font-size: 16px !important;
        }
}

@media (max-width: 767px) {
    /** Home Chart**/
    .home-charts li {
        width: 50%
    }

        /*.home-charts li:nth-child(4) {
                clear: none
            }*/

        .home-charts li:nth-child(3), .home-charts li:nth-child(5) {
            clear: left
        }

    .search-filter-btn {
        display: block;
        margin-bottom: 0
    }

    .serchResultCount {
        font-size: 18px;
        margin: 20px 0 15px;
    }

    .search-filters > div {
        display: block;
        height: auto;
    }

    .search-filters .refineSearch {
        padding-top: 15px;
    }

    .search-filters {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search-results {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

        .search-results .searchMap {
            height: auto !important;
        }
}

@media (max-width: 667px) {
    .search-results .k-pager-numbers {
        left: 146px !important;
    }

    .search-results .k-pager-wrap {
        text-align: center
    }

    .search-results .k-pager-info {
        display: block;
        margin-top: 0 !important
    }

    .distancemap .listMapLink {
        font-size: 14px;
    }

    .search-results #gridpopupgaragedetail tr td:nth-child(1) {
        width: 30%
    }

    .search-results #gridpopupgaragedetail tr td:nth-child(2) {
        width: 70%;
    }
}

@media (max-width:479px) {
    .search-filters .btn {
        margin-bottom: 0
    }
}

@media (max-width: 413px) {

    .search-results #gridpopupgaragedetail tr td:nth-child(1) {
        display: none;
    }

    .search-results #gridpopupgaragedetail tr td:nth-child(2) {
        width: 100%;
    }
}



.chartHead, .dashTabTitle {
    display: none !important
}
/*.chartHead,#content.group > .panel-body,.dashTabTitle{display:none !important}*/


/*********************************/
/***** 30-8-2018 New Design ******/
/*********************************/

/* New Bootstrap Classes */
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -11px;
    margin-left: -11px;
}

.less-flex-space {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.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, .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12, .col-s, .col-s-auto, .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12, .col-m, .col-m-auto, .col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12, .col-l, .col-l-auto, .col-x-1, .col-x-2, .col-x-3, .col-x-4, .col-x-5, .col-x-6, .col-x-7, .col-x-8, .col-x-9, .col-x-10, .col-x-11, .col-x-12, .col-x, .col-x-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 11px;
    padding-left: 11px;
}

.less-flex-space .col-1, .less-flex-space .col-2, .less-flex-space .col-3, .less-flex-space .col-4, .less-flex-space .col-5, .less-flex-space .col-6, .less-flex-space .col-7, .less-flex-space .col-8, .less-flex-space .col-9, .less-flex-space .col-10, .less-flex-space .col-11, .less-flex-space .col-12, .less-flex-space .col, .less-flex-space .col-auto, .less-flex-space .col-s-1, .less-flex-space .col-s-2, .less-flex-space .col-s-3, .less-flex-space .col-s-4, .less-flex-space .col-s-5, .less-flex-space .col-s-6, .less-flex-space .col-s-7, .less-flex-space .col-s-8, .less-flex-space .col-s-9, .less-flex-space .col-s-10, .less-flex-space .col-s-11, .less-flex-space .col-s-12, .less-flex-space .col-s, .less-flex-space .col-s-auto, .less-flex-space .col-m-1, .less-flex-space .col-m-2, .less-flex-space .col-m-3, .less-flex-space .col-m-4, .less-flex-space .col-m-5, .less-flex-space .col-m-6, .less-flex-space .col-m-7, .less-flex-space .col-m-8, .less-flex-space .col-m-9, .less-flex-space .col-m-10, .less-flex-space .col-m-11, .less-flex-space .col-m-12, .less-flex-space .col-m, .less-flex-space .col-m-auto, .less-flex-space .col-l-1, .less-flex-space .col-l-2, .less-flex-space .col-l-3, .less-flex-space .col-l-4, .less-flex-space .col-l-5, .less-flex-space .col-l-6, .less-flex-space .col-l-7, .less-flex-space .col-l-8, .less-flex-space .col-l-9, .less-flex-space .col-l-10, .less-flex-space .col-l-11, .less-flex-space .col-l-12, .less-flex-space .col-l, .less-flex-space .col-l-auto, .less-flex-space .col-x-1, .less-flex-space .col-x-2, .less-flex-space .col-x-3, .less-flex-space .col-x-4, .less-flex-space .col-x-5, .less-flex-space .col-x-6, .less-flex-space .col-x-7, .less-flex-space .col-x-8, .less-flex-space .col-x-9, .less-flex-space .col-x-10, .less-flex-space .col-x-11, .less-flex-space .col-x-12, .less-flex-space .col-x, .less-flex-space .col-x-auto {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.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%;
}

@media (min-width: 576px) {
    .col-s {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-s-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-s-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-s-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-s-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-s-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-s-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-s-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-s-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-s-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-s-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-s-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-s-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-s-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-m {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-m-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-m-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-m-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-m-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-m-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-m-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-m-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-m-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-m-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-m-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-m-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-m-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-m-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-l {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-l-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-l-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-l-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-l-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-l-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-l-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-l-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-l-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-l-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-l-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-l-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-l-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-l-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-x-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-x-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-x-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-x-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-x-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-x-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-x-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-x-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-x-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-x-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-x-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-x-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-x-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;
}
/* Font Family */
.font-weight-extralight {
    font-family: Averta-Thin,sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
}

.font-weight-light {
    font-family: Averta-Light,sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
}

.font-weight-regular {
    font-family: Averta-Regular, sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
}

.font-weight-semibold {
    font-family: Averta-Semibold,sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
}

.font-weight-bold {
    font-family: Averta-bold, sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
}

/* Font Size */
.font-16 {
    font-size: 12px !important;
    line-height: 20px !important;
}

.font-18 {
    font-size: 16px !important;
    line-height: 24px !important;
}

.font-24 {
    font-size: 22px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-28 {
    font-size: 24px !important;
    line-height: 24px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-36 {
    font-size: 32px !important;
    line-height: 40px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-44 {
    font-size: 40px !important;
    line-height: 44px !important;
}

.font-20 {
    font-size: 20px !important;
}

.w-20 {
    width: 20%;
}

/* Font Color */
.text-black {
    color: #2b2f44 !important
}

.text-theme {
    color: #02e89d !important
}

.igarage-myaccount .text-theme {
    color: #02e89d !important
}

.text-danger {
    color: #DA3B41
}

.text-orange {
    color: #ed9318 !important;
}
/* Cursor CSS */
.pointer {
    cursor: pointer;
}

/* SVG */
.svg-theme path, .svg-theme circle, .svg-theme polygon {
    fill: #02C485;
}


/* Background Color */
.bg-white {
    background-color: #fff;
}

/* Buttons */
.button, .k-upload-button {
    background: #02e89d;
    white-space: nowrap;
    height: 40px;
    padding: 4px 20px;
    min-width: 120px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    border: 0;
    text-transform: capitalize;
}

a.button.outlined-btn {
    border: 1px solid #666c8c !important;
    color: #666c8c !important;
    font-size: 12px;
    background: transparent !important;
    height: auto;
    min-width: auto;
    line-height: 1;
    padding: 4px 8px;
}

a.button.outlined-btn:hover {
    color: #ffffff !important;
    background-color: #666c8c !important;
}

#priceCalculationType.form-control {
    font-size: 12px;
    height: auto;
    padding: 0.15rem 2rem 0.15rem 0.5rem;
}

.br-8 {
    border-radius: 8px;
}
/*.igarage-myaccount .button,.igarage-myaccount .k-upload-button{background:#02C485;}*/
.button:disabled:hover, .igarage-myaccount .button:disabled:hover {
}

.button:hover, .button:focus, .button:active {
    background: #02C485;
    text-decoration: none;
    color: #fff;
}

button:focus {
    outline: 0 !important;
}

/*.k-upload-button{background:#333 !important; width:100%}*/
.k-upload-button span {
    line-height: 26px;
}

.k-upload-status-total {
    display: none !important
}

.button .fa {
    margin-left: 5px;
}


/* Border Radius */
.br-4 {
    border-radius: 4px;
}

.br-5 {
    border-radius: 5px;
}

.br-0 {
    border-radius: 0px !important;
}

.br-rightc {
    border-radius: 0px 5px 5px 0 !important;
}

/* Border */
.border-lightgray {
    border: 1px solid #eae9eb !important
}

.border-b-lightgray {
    border-bottom: 1px solid #eae9eb !important
}


/* Height */
.h-100 {
    height: 100%;
}

/* Table */
/*.table-new .k-grid{overflow:auto}*/
.table-new .table {
    width: 100% !important;
    border-top: 1px solid #d4d8db;
}

.table-new .k-grid th, .table-new-u .k-grid th {
    background: #e4e4e5;
    /*padding: 12px 15px 7px !important;*/
    padding: 12px 12px 7px !important;
}

    .table-new .k-grid th, .table-new .k-grid th a, .table-new .k-grid th span {
        font-size: 14px;
        line-height: 22px;
        font-family: Averta-Semibold,sans-serif !important;
        font-weight: normal !important;
        font-style: normal;
        color: #000 !important;
    }

        .table-new .k-grid th a, .table-new .k-grid th span {
            padding: 0 !important;
            margin: 0 !important
        }

        .table-new .k-grid th[data-dir] a:after {
            display: none !important;
        }

        .table-new .k-grid th a:after {
            content: '';
            background: url(../Content/sorting-arrows.svg) no-repeat center center;
            background-size: 9px 13px;
            width: 10px;
            height: 13px;
            display: inline-block;
            margin-left: 7px;
        }

        .table-new .k-grid th .k-icon {
            width: 10px;
            height: 13px;
            display: inline-block;
            margin-left: 7px !important;
            background: url(../Content/sorting-arrows.svg) no-repeat center center;
            background-size: 9px 13px !important;
        }

        .table-new .k-grid th .k-i-arrow-n {
            height: 6.5px;
            background-position: center top !important;
            vertical-align: top;
        }

        .table-new .k-grid th .k-i-arrow-s {
            height: 6.5px;
            background-position: center bottom !important;
            vertical-align: middle;
        }

.table-new .-kgrid td, .table-new-u .-kgrid td {
    padding: 12px 15px !important;
    vertical-align: middle;
}

.table-new .k-grid td, .table-new .k-grid td > a, .table-new .k-grid td > span {
    font-size: 14px;
    line-height: 22px;
    font-family: Averta-Regular, sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
    color: #000 !important;
}

.table-new-u .k-grid td, .table-new-u .k-grid td > a, .table-new-u .k-grid td > span {
    font-size: 14px;
    line-height: 22px;
    font-family: Averta-Regular, sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
    color: #000 !important;
}

.table-new .k-grid td.a-test-white, .table-new .k-grid td.a-test-white > a, .table-new .k-grid td.a-test-white > span {
    color: #fff !important;
}

.table-new .fa:before {
    font-family: FontAwesome,sans-serif !important;
}

.table-new .k-grid td > a, .table-new .k-grid td > span {
    padding: 0 !important;
    margin: 0 !important
}

.table-new .k-grid td > a {
    text-decoration: underline
}

.table-new .k-pager-wrap {
    position: relative;
    font-size: 14px;
}

.table-new .k-pager-sizes {
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 !important
}

.k-pager-sizes {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 !important
}

.datentime em {
    color: #000
}

td .newDarkPop {
    font-size: 14px;
}
/*.newDarkPop { top: -10px !important; margin: 0 !important }
.newDarkPop:after { top: 22px !important; }*/
body .table-new .total td {
    color: #fff !important;
}

.no-table-border .k-grid tr td {
    border-bottom: 0 !important
}

/* New Tabs */
.new-tabs {
    border-bottom: 1px solid #eaeaea
}

    .new-tabs > li > a {
        padding: 15px;
        margin: 0;
        font-family: Averta-Regular, sans-serif !important;
        font-weight: normal !important;
        font-style: normal;
        border: 0;
        color: #000;
        text-decoration: underline;
    }

        .new-tabs > li > a.active, .new-tabs > li > a:hover, .new-tabs > li > a.active:focus {
            font-size: 24px;
            font-family: Averta-Semibold,sans-serif !important;
            font-weight: normal !important;
            font-style: normal;
            color: #02E89D;
            text-decoration: none
        }

        .new-tabs > li > a:hover, .new-tabs > li > a:focus {
            color: #02E89D
        }

    .new-tabs > li {
        border-bottom: 3px solid transparent;
    }

        .new-tabs > li a {
            padding-bottom: 0;
        }

            .new-tabs > li a.active, .new-tabs > li a:hover {
                border-bottom: 3px solid #02E89D;
            }

        .new-tabs > li.active, .new-tabs > li:hover {
            border-bottom: 3px solid #02E89D;
        }

.disable-hover:hover {
    border-color: transparent !important
}

.progress-steps .active.incomplete {
    border-bottom-color: #DA3B41 !important;
}
/*.progress-steps .incomplete a{color:#DA3B41 !important}*/
/* Modal Popup in Center */
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-lg {
    height: auto;
}

.popup-new {
    position: relative;
}

    .popup-new .close {
        position: absolute;
        top: 15px;
        right: 30px;
        background: url(../Content/popup-close.svg) no-repeat center center;
        background-size: 20px 20px;
        text-indent: -9999px;
        overflow: hidden;
        text-align: left;
        opacity: 1;
        z-index: 1
    }
/*.modal-backdrop:not(:last-child){z-index:1050}
.modal-backdrop:last-child{z-index:1040}*/
/*.modal + .modal-backdrop{z-index:1050}*/
.modal-backdrop {
    display: none !important;
}

.modal {
    background: rgba(75,78,97,0.7) !important
}

/* Custom Select */
select.form-control {
    padding-right: 34px;
    background-position: calc(100% - 8px) !important;
}

.kendo-select {
    width: 100% !important;
}

    .kendo-select .k-state-default {
        border-color: #dadbdc;
    }

.text-black .k-input {
    color: #000 !important
}

.kendo-select .k-input {
    height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    text-indent: 0
}

.kendo-select .k-select {
    min-height: 32px;
    line-height: 32px;
}

.kendo-select .k-icon {
    background: #fff url(../Content/select-arrow.png) center center no-repeat !important;
}

select:hover, select:focus, input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus, input[type="password"]:hover, input[type="password"]:focus {
    border-color: #02C485
}

/* kendo Input*/
.kendo-input input[type="text"] {
    font-size: 18px;
    line-height: 24px;
    border: #dadbdc 1px solid;
    color: #000 !important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    text-align: left
}

/* nav-pills flex-row */
.nav-pills .button {
    padding: 5px 20px 2px !important;
    border-radius: 16px !important
}

.nav-pills .button {
    opacity: 0.5
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li > a:hover {
    background-color: #02E89D;
    opacity: 1
}


/* main */
.fc-block {
    max-width: 170px;
}

.fc-image {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #eaf6f5;
    height: 90px;
    width: 90px;
}

.checked-block {
    border: 2px solid #02E89D;
    height: 100%
}

.unchecked-block {
    border: 2px solid #e0e2ec;
    height: 100%
}

.imageUploadBlock .k-button.k-upload-button {
    border-radius: 20px;
}

input[type='text'].searchIcon {
    height: 50px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.searchIcon {
    width: 100%;
}

.promoDesc table.k-editor {
    border-bottom-color: #dadada;
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    border-radius: 6px;
}

.cursor {
    cursor: pointer
}

body .k-datetimepicker .k-select, body .k-datepicker .k-select {
    min-height: inherit
}
/*body .k-picker-wrap .k-input, body .k-numeric-wrap .k-input {
    padding: 6px 12px !important;
    text-indent: 0 !important;
    height: 32px;
}*/
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select, .k-numeric-wrap .k-input {
    min-height: inherit
}

.k-numerictextbox .k-link {
    height: 16px;
    line-height: 16px;
}

.w-100 {
    width: 100% !important
}

.k-upload-status .k-button, .k-upload-status .k-warning {
    vertical-align: middle;
}

.price-input .k-numerictextbox {
    width: 55px !important
}

.text-underline {
    text-decoration: underline !important
}

/* 22-2-2019 */
.font-36.font-weight-semibold.text-theme.mb-20 svg {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    width: 80px;
}

.font-36.font-weight-semibold.text-theme.mb-20 {
    margin-bottom: 9px !important;
    padding-top: 11px;
}

.col-auto.mx-auto.align-self-end.pb-10, .col-10.mx-auto.align-self-end.pb-10 {
    padding-bottom: 0 !important
}

#RemarksCountForStpe3 {
    margin-bottom: 0px !important;
}

/* 28-2-2019 */
.loaderClass {
    background: rgba(255,255,255,0.8) url('../Content/load_process.gif') no-repeat center center;
    height: 100% !important;
    z-index: 999999999 !important
}
/*#wtbg img,#wtbgi {display:none !important}*/
body .k-loading, body .k-state-hover .k-loading, .k-loading-image {
    background-image: url('../Content/load_process.gif') !important;
}

#wtbg, .k-loading-mask {
    background-color: rgba(255,255,255,0.8);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important
}

#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;
}

.actionCPArw:hover .newDarkPop {
    display: block !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important
}

.actionCPArw .newDarkPop:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -37px;
    height: 100%;
    width: 37px;
}

.nav-add .actionCPArw:hover .newDarkPop {
    top: 0 !important;
    transform: none !important;
    margin: 0 !important
}

.remarkstd {
    min-width: 110px;
}



/********************************************************************************************/
/******************************* New Design Starts ******************************************/
/********************************************************************************************/
/* Hide Footer After Login*/
.footer {
    display: none !important
}

.igarage-myaccount .wrapper, .igarage-repairplan .wrapper {
    padding-bottom: 0
}

.k-checkbox:checked + .k-checkbox-label:after {
    color: #02C485;
    position: absolute;
    border: 0 !important;
    left: 3px;
    top: 2px;
}

.k-checkbox-label, .k-radio-label {
    padding: 0;
    width: 20px;
    height: 20px;
    margin: 0
}

.k-checkbox:checked + .k-checkbox-label:before {
    content: "";
}

.k-checkbox-label:before {
    content: "";
    box-shadow: 0px 2px 7px -4px rgba(161,161,161,1);
    border-radius: 5px;
}

.k-i-sort-desc-sm:before {
    content: none;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    border-radius: -1;
}
/* temp css*/
.k-checkbox-label:hover:after, .k-checkbox:checked + .k-checkbox-label:hover:after {
    border-color: #02C485;
}

.table .k-checkbox-label {
    width: 20px;
    height: 20px;
}


.k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
    border-color: #dbdbdb !important;
    background-color: transparent !important;
}

.k-calendar .k-picker-wrap.k-state-default.k-state-hover {
    border-color: #dbdbdb !important;
}

span.k-picker-wrap.k-state-default.k-state-active {
    border-radius: 5px !important;
}

.k-calendar .k-link .k-i-arrow-60-left:before {
    content: none;
}

.k-calendar .k-link .k-i-arrow-60-right:before {
    content: none;
}

#myApkModal .k-button:hover, #myApkModal .k-button.k-state-hover, #myApkModal .k-button:focus, #myApkModal .k-button.k-state-focused, #myApkModal .k-textbox:hover, #myApkModal .k-state-hover, #myApkModal .k-state-hover:hover, #myApkModal .k-pager-wrap .k-link:hover, #myApkModal .k-other-month.k-state-hover .k-link, #myApkModal div.k-filebrowser-dropzone em, #myApkModal .k-draghandle:hover {
    border-color: none !important;
    background-color: transparent !important
}

.shadow-type-1, .table-new, .table-new-u {
    border-radius: 6px;
    box-shadow: 0px 20px 30px rgba(107,114,147,0.1);
}


/* New Header */
.header {
    height: 80px;
    margin-bottom: 35px;
}

.widget-top-header-bar-widget {
    height: 80px;
}

.logo {
    margin: 0;
    padding: 0 36px !important;
    line-height: 0;
    font-size: 0
}

    .logo a {
        display: block;
    }

.border-left {
    border-left: 1px solid #E0E2EC;
}

.border-right {
    border-right: 1px solid #E0E2EC;
}

.text-theme-3 {
    color: #666C8C
}

.top-notify {
    width: 80px;
}

.notify-count {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #DA3B41;
    position: absolute;
    right: -5px;
    top: 2px;
}

.notify-icon {
    font-size: 32px;
    line-height: 38px;
}
/* Custom Dropdown */
.custom-select {
    position: relative;
    min-width: 100px;
}

    .custom-select select { /*background:none !important*/
        ;
        border: none;
        position: relative;
        z-index: 2;
        padding: 10px 50px 10px 30px;
        font-size: 16px;
        line-height: 24px;
        font-family: Averta-Bold, sans-serif;
        color: #666C8C;
    }

    .custom-select:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        content: 'keyboard_arrow_down';
        font-family: Material Icons,sans-serif;
        transition: 300ms all;
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        color: #666C8C;
    }

    .custom-select select option {
        padding: 5px 0
    }
/*.custom-select { position: relative; min-width:100px}
.custom-select select { display: none;}
.select-selected:after {position: absolute; top:10px; right: 10px;  content:'keyboard_arrow_down';font-family: Material Icons,sans-serif;transition:300ms all;
    font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal;white-space: nowrap;  direction: ltr;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; color:#666C8C;}
.select-selected.select-arrow-active:after {transform:rotate(-180deg)}
.select-items div, .select-selected {cursor: pointer; user-select: none; }
.select-selected{font-size:16px; line-height:24px; font-family:'Averta-Bold'; color:#666C8C; -ms-flex-item-align: center !important; align-self: center !important; padding:8px 40px 8px 15px; position:relative;
                 -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.select-items div{border-top:1px solid #E0E2EC; padding:8px 15px;}
.select-items { position: absolute; background-color: #fff; top: 100%;  color:#666C8C; left: 0; right: 0; z-index: 99;border-radius:0 0 6px 6px; box-shadow: 0px 20px 30px rgba(107,114,147,0.1); overflow:hidden; transition:all 0.3s ease-in-out; font-size:16px; line-height:22px;}
.select-hide { visibility:hidden; opacity:0}
.select-items div:hover, .same-as-selected {background-color:#02E89D; color:#fff}
.profile {padding:0 25px !important}
.profile .select-items div{padding:8px 15px 8px 40px}*/

/*.custom-dropdown{font-size:16px; line-height:24px;}
.custom-dropdown .dropdown-toggle{margin:0 15px !important}
.custom-dropdown .dropdown-toggle .material-icons{display:block; position:relative; transition:300ms all}
.custom-dropdown .dropdown-toggle .arrow{font-size:22px; line-height:24px; margin-left:5px;}
.custom-dropdown .dropdown-toggle .search{font-size:32px; line-height:36px;}
.custom-dropdown.open .arrow{transform:rotate(-180deg)}
.custom-dropdown .dropdown-toggle:hover,.custom-dropdown .dropdown-toggle:active,.custom-dropdown .dropdown-toggle:focus{text-decoration:none}
.custom-dropdown .dropdown-menu{left:0; right:0; margin:0; border:0; border-radius:0; box-shadow: 0px 20px 30px rgba(107,114,147,0.1); padding:0; border-radius:0 0 6px 6px; overflow:hidden}
.custom-dropdown .dropdown-menu a{padding:8px 15px; border-top:1px solid #E0E2EC; display:block}
.custom-dropdown .dropdown-menu a:hover,.custom-dropdown .dropdown-menu a:active,.custom-dropdown .dropdown-menu a:focus{text-decoration:none; background-color:#02E89D; color:#fff;}
.profile .dropdown-toggle{margin:0 40px !important;}
.profile .dropdown-menu a{padding:8px 15px 8px 40px;}*/
/* Main Menu */
.menu-toggler {
    font-size: 32px;
    line-height: 38px;
    width: 80px;
}

    .menu-toggler:hover {
        background-color: #02E89D
    }

.menu-fill {
    fill: #2b2f44
}

.menu-toggler:hover .menu-fill {
    fill: #fff
}

.main-nav {
    position: fixed;
    display: block !important;
    opacity: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100% !important;
    width: 100%;
    background-color: rgba(43,47,68,.7);
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden;
    transition: all 0.1s ease-in-out
}

    .main-nav.in, .main-nav[aria-expanded="true"] {
        opacity: 1;
        visibility: visible;
    }

    .main-nav.show, .main-nav[aria-expanded="true"] {
        opacity: 1;
        visibility: visible;
    }

.right-menu {
    background-color: rgb(43,47,68);
    opacity: 0;
    transition: right 500ms ease-in-out;
    transition-delay: 500ms;
    position: relative;
    right: -200px;
    overflow-x: hidden;
    overflow-y: auto
}

.main-nav[aria-expanded="true"] .right-menu {
    opacity: 1;
    right: 0
}

.main-nav.show .right-menu {
    opacity: 1;
    right: 0
}

.menu-links {
    margin: 0 !important;
    padding-left: 60px;
    padding-bottom: 30px
}

    .menu-links a {
        color: #fff;
        font-size: 25px;
        line-height: 35px;
        display: inline-block;
        position: relative;
        text-decoration: none !important;
    }

@keyframes changeDot {
    from {
        transform: scale(0.3)
    }

    to {
        transform: scale(1.5)
    }
}

.menu-links a:before {
    content: '';
    background-color: #02E89D;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    left: -25px;
    top: 15px;
    opacity: 0;
    transition: all 0.2s linear;
    animation-duration: 0.8s;
    animation-name: changeDot;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.menu-links a:hover:before {
    opacity: 1
}

.menu-links a:hover {
    color: #02E89D
}

.menu-links li {
    position: relative;
    transition: all 0.3s ease-in-out;
    transform: translateX(100px);
    opacity: 0;
    list-style: none;
    padding: 10px 0
}

.main-nav[aria-expanded="true"] li {
    transform: translateX(0);
    opacity: 1
}

.main-nav.show li {
    transform: translateX(0);
    opacity: 1
}

.menu-links li:nth-child(1) {
    transition-delay: .05s;
}

.menu-links li:nth-child(2) {
    transition-delay: .1s;
}

.menu-links li:nth-child(3) {
    transition-delay: .15s;
}

.menu-links li:nth-child(4) {
    transition-delay: .2s;
}

.menu-links li:nth-child(5) {
    transition-delay: .25s;
}

.menu-links li:nth-child(6) {
    transition-delay: .3s;
}

.menu-links li:nth-child(7) {
    transition-delay: .35s;
}

.menu-links li:nth-child(8) {
    transition-delay: .4s;
}

.menu-links li:nth-child(9) {
    transition-delay: .45s;
}

.menu-links li:nth-child(10) {
    transition-delay: .5s;
}

.menu-links li:nth-child(11) {
    transition-delay: .55s;
}

.menu-close {
    margin: 30px 30px 0;
    display: block
}

    .menu-close i {
        font-size: 32px;
        line-height: 35px;
        color: #ffffff;
        display: block
    }

    .menu-close:hover, .menu-close:active, .menu-close:focus {
        text-decoration: none;
    }

.menu-footer {
    padding: 34px 30px 34px 60px;
    border-top: 1px solid rgba(255,255,255,.1)
}

.user-image {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden
}

.garage-name {
    font-size: 18px;
    color: #ffffff;
}

.user-name {
    font-size: 18px;
    color: rgba(255,255,255,.4);
}

.garage-settings, .garage-logout {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.2);
    text-decoration: none !important;
    font-size: 26px;
    transition: all 0.3s linear;
}

    .garage-settings i {
        color: #fff;
        transition: all 0.3s linear;
    }

    .garage-logout path {
        fill: #fff;
        transition: all 0.3s linear;
    }

    .garage-logout svg {
        margin-left: 5px;
        transition: all 0.3s linear;
    }

    .garage-settings:hover, .garage-logout:hover {
        border-color: #02E89D
    }

        .garage-settings:hover i {
            color: #02E89D;
            transform: rotate(90deg)
        }

        .garage-settings:hover #menu-icon-b i {
            transform: translateY(5px)
        }

        .garage-logout:hover path {
            fill: #02E89D
        }

        .garage-logout:hover svg {
            margin-left: 10px;
        }
/* Garage Search */
.garage-search {
    margin-bottom: 30px;
    height: 80px;
    box-shadow: 0 0 19px 4px rgba(107,114,147,0.1);
}

.search-select:after {
    position: absolute;
    z-index: 99;
    top: 54%;
    transform: translateY(-50%);
    left: 15px;
    content: 'search';
    font-family: Material Icons,sans-serif;
    transition: 300ms all;
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #666C8C;
}

#partitioned {
    padding-left: 15px;
    letter-spacing: 36px;
    border: 0;
    background-image: linear-gradient(to left, #02e89d 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 2px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 320px;
    min-width: 280px;
    background-color: #fff;
    font-size: 20px;
    font-family: Conv_GothamNarrow-Medium_0, sans-serif;
    padding-bottom: 7px;
}


.search-select select {
    padding-left: 60px
}
/*.search-select .select-selected:before{position: absolute; top:4px; left:15px; content:'search';font-family: Material Icons,sans-serif;transition:300ms all; font-weight: normal; font-style: normal;
font-size:32px; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal;white-space: nowrap;  direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
 -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; color:#666C8C;}
.search-select .select-selected{padding:8px 40px 8px 55px}
.search-select .select-items div{padding:8px 15px 8px 64px}*/
.search-input {
    border: 0 !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    padding: 7px 15px;
}

    .search-input:focus {
        outline: 0;
    }

.btn-small, .btn-large {
    min-width: 112px;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0px 20px 30px rgba(0,0,0,0.08);
    background-color: #2B2F44;
    border: 0 !important;
    font-size: 18px;
    color: #ffffff;
    font-family: Averta-Regular,sans-serif;
    font-weight: 400;
    transition: 300ms all;
    text-transform: inherit;
    text-decoration: none !important
}

a:hover .btn-small, a:hover .btn-large {
    text-decoration: none !important
}

.btn-small {
    height: 50px;
    padding: 0 20px;
}

.btn-large {
    height: 60px;
    padding: 0 20px;
}

    .btn-small:hover, .btn-large:hover, .btn-small:focus, .btn-large:focus {
        background-color: #565B77;
        color: #fff;
        box-shadow: 0px 20px 30px rgba(0,0,0,0.08);
    }

.btn-small .material-icons, .btn-karge .material-icons {
    font-size: 22px;
}

.btn-secondary {
    background-color: #02e89d;
    color: #fff !important;
}

.addgarage-btn {
    width: auto;
    padding: 17px 25px;
}

.display-none {
    display: none;
}

.btn-secondary:hover {
    background-color: #02C485;
    color: #fff;
}

.btn-white {
    background-color: #fff;
    color: #666c8c;
}

    .btn-white path {
        fill: #666c8c
    }

    .btn-white:hover, .btn-white:focus {
        background-color: #666c8c;
        color: #fff;
    }

        .btn-white:hover path, .btn-white:focus path {
            fill: #fff;
        }

.btn-wogray {
    background-color: #666c8c !important;
    color: #fff;
}

    .btn-wogray:hover {
        background-color: #4c5066 !important
    }

::-webkit-input-placeholder {
    color: #666c8c;
    opacity: 0.4
}

::-moz-placeholder {
    color: #666c8c;
    opacity: 0.4
}

:-ms-input-placeholder {
    color: #666c8c;
    opacity: 0.4
}

:-moz-placeholder {
    color: #666c8c;
    opacity: 0.4
}
/* Back Link */
.btn-back {
    transition: 300ms all;
    color: #02C485;
}

.arrow-icon {
    line-height: 33px;
    font-size: 18px;
}

.btn-back:hover, .btn-back:focus {
    text-decoration: none;
    color: #2b2f44
}

.title {
    font-size: 20px;
    line-height: 33px;
    color: #2b2f44;
    font-family: Averta-Bold,sans-serif;
}

    .title:hover {
        text-decoration: none;
    }

.no-dacoration {
    text-decoration: none !important
}

.modal-xl {
    max-width: 940px;
    width: 100%;
}

/* 5-6-2019 */
.k-numerictextbox span.k-select {
    display: none;
}

.k-numerictextbox > .k-numeric-wrap {
    padding-right: 0
}

/* Calendar with border */
.calendar-with-border td, .calendar-with-border th {
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.calendar-with-border .k-content {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

/* 2-7-2019 */
.thumb {
    position: relative;
    height: 130px;
    background: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    border: #dadbdc 1px solid;
    cursor: pointer
}

.image-anchor {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1
}

    .image-anchor img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        z-index: 1
    }

.delete-anchor {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #DA3B41;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 3;
}

    .delete-anchor i {
        font-size: 24px;
        line-height: 38px;
    }

.upload-input input {
    visibility: hidden;
}

.upload-input > span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 1-8-2019 */
.searchbox .search-input {
    border-radius: 25px;
    background: #f0f1f9;
}

.searchbox .searchbutton {
    position: absolute;
    left: -35px;
    z-index: 99;
    top: 0;
}

.searchbutton {
    background: none;
    border: 0;
}

    .searchbutton:focus {
        outline: none
    }

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    position: absolute;
    z-index: 2147483647;
}

.ui-helper-hidden-accessible {
    display: none;
}

.link-a {
    text-decoration: underline !important;
}

/********************************************************************************************/
/******************************** New Design Ends *******************************************/
/********************************************************************************************/
@media (max-width:1200px) {
    .fc-block {
        max-width: none;
    }
    /* Font Size */
    .font-16 {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .font-18 {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .font-24 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    .font-28 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .font-36 {
        font-size: 32px !important;
        line-height: 38px !important;
    }

    .font-44 {
        font-size: 38px !important;
        line-height: 40px !important;
    }

    .font-20 {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .fs-md-12 {
        font-size: 12px !important
    }

    .mb-md-25 {
        margin-bottom: 25px !important;
    }

    /*.table-new .k-grid td, .table-new .k-grid td > a, .table-new .k-grid td > span{font-size:16px; line-height:22px;}*/
    .table-new .k-grid th, .table-new .k-grid th a, .table-new .k-grid th span {
        font-size: 14px;
        line-height: 20px;
    }
    /*.k-grid {overflow:auto }*/
    .k-grid {
        overflow: auto
    }

    #repairPerformGrid .calenderList > tbody > tr:first-child td#Action .actionCPArw:hover .newDarkPop {
        top: 212% !important;
    }

    #repairPerformGrid .calenderList > tbody > tr:first-child td#Action .newDarkPop:after {
        top: 29%;
    }

    /* New Header */
    .header {
        height: 50px;
    }

    .widget-top-header-bar-widget {
        height: 50px;
    }

    .menu-links {
        padding-left: 50px
    }

        .menu-links a:before {
            left: -20px
        }

    .menu-close {
        margin: 20px 20px 0;
    }

    .menu-footer {
        padding: 34px 30px 34px 50px;
    }

    .title {
        line-height: 26px;
    }
}

@media (max-width:1200px) {
    .th-white-s-n {
        white-space: inherit
    }
}

@media (max-width:1024px) {
    .rdio label {
        padding-left: 30px;
    }
}

@media (max-width:991px) {
    /* Font Size */
    .font-16 {
        font-size: 11px !important;
        line-height: 18px !important;
    }

    .font-18 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .font-24 {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .font-md-22 {
        font-size: 22px !important;
        line-height: 29px !important;
    }

    .font-36 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .font-44 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .table-new .form-control {
        font-size: 14px;
        line-height: 20px;
    }
    /*.table-new .k-grid td, .table-new .k-grid td > a, .table-new .k-grid td > span{font-size:14px; line-height:20px;}*/
    .table-new .k-grid th, .table-new .k-grid th a, .table-new .k-grid th span {
        font-size: 13px;
        line-height: 18px;
        white-space: nowrap
    }

    .margin-btm45 {
        margin-bottom: 45px
    }

    .new-tabs > li.active > a, .new-tabs > li.active > a:hover, .new-tabs > li.active > a:focus {
        font-size: 18px;
        line-height: 25px;
    }

    .autoForm-control:read-only, .autoForm-control.read-only {
        width: 50px !important;
    }

    /* New Garage */
    .search-input {
        font-size: 16px;
        line-height: 24px;
    }
    /*.btn-large {padding: 10px;}0 10px 0 15px*/
    .btn-small, .btn-large {
        font-size: 16px;
    }

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

    .select-selected, .select-items {
        font-size: 14px;
        line-height: 22px;
    }

    .font-md-24 {
        font-size: 24px !important;
    }

    .breakline-th {
        width: 50px;
        white-space: inherit !important;
    }
}
/*work order responsive */
@media (min-width: 992px) {
    .p-lg-70 {
        padding: 70px !important;
    }

    .px-lg-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pt-lg-70 {
        padding-top: 70px !important;
    }

    .pt-lg-60 {
        padding-top: 60px !important;
    }
}

@media (max-width:990px) {
    .loginDescBlock p.secLoginPara {
        min-height: 160px;
    }

    .w-o-joblist-table table tr td, .w-o-joblist-table table tr th {
        padding: 15px 8px;
    }

    .w-o-quantity {
        width: 50px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .w-o-up {
        width: 75px;
        padding-left: 15px;
        padding-right: 19px;
    }

    .w-o-joblist-table .w-o-btn-sm-gray {
        padding: 10px 20px;
    }

    .w-o-joblist .w-o-btn-sm-gray {
        padding: 10px 10px !important;
        white-space: nowrap;
    }

    .int-fs-th {
        width: 150px !important;
    }
    /*#tblCarStatusDetail select.form-control {max-width:150px;}*/
    .in-pencil-re {
        position: relative;
        top: -10px;
    }

    .tour-slider .carousel-indicators {
        margin: 0 0 50px 20px;
        justify-content: flex-start;
    }

    .tour-btn {
        right: 25px;
        bottom: 25px;
    }
}


@media (max-width:767px) {
    .helpIcoSpace {
        padding-right: 15px;
    }

    .modal-xl {
        width: auto;
    }
}


@media (min-width: 576px) {
    .modal-md {
        width: 600px;
    }
}

.empty {
    text-align: center;
    vertical-align: middle;
    line-height: 31;
}

ul.dropdown-menu {
    background-color: #02e89d;
}

@media (min-width: 1200px) {
    .d-container {
        max-width: 96%;
    }
}

@media (min-width: 1300px) and (max-width:1500px) {
    .d-container {
        max-width: 96%;
    }
}

@media (min-width: 1501px) {
    .d-container {
        max-width: 80%;
    }
}
/*minaxi CSS*/
.min-h-90 {
    min-height: 90px;
}

.mlr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

#searchableDropdownPartial input {
    border: #dadbdc 1px solid;
    border-radius: 5px;
    padding-left: 21px;
}

#searchableDropdownPartial .s-j-search {
    left: 12px;
}

.apk_nl-NL {
    background: url('../Content/red-fea.svg') no-repeat center center;
    width: 30px;
    height: 20px;
    display: inline-block;
    background-size: contain;
}


.apk_en-GB {
    background: url('../Content/red-fea_uk.svg') no-repeat center center;
    width: 30px;
    height: 20px;
    display: inline-block;
    background-size: contain;
}

.w-o-joblist-table-div span, .joblist-div {
    font-size: 14px;
    font-family: Averta-Regular, sans-serif !important;
    font-weight: normal;
    padding: 15px 15px;
    display: flex;
}

.w-85px {
    width: 85px;
}

.g-multiselect button.multiselect {
    background: #fff url(../Content/wo-down-arrrow.png) 98% center no-repeat !important;
    border: 1px solid #dadbdc;
    border-radius: 5px;
    height: 50px;
    box-shadow: 0px 2px 7px -4px rgb(161 161 161);
    text-align: left;
}

.g-multiselect .btn-group {
    width: 100%;
    text-align: left;
}


#regionSelectorForGarageSide {
    position: absolute;
    top: 15px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    left: 9px;
    appearance: none;
    background: transparent url(../Content/white-arrow.png) no-repeat 29px 6px !important;
    width: 62px;
    padding: 8px 0 0 2px;
    background-size: 12px;
}

    #regionSelectorForGarageSide option {
        color: #fff;
        background: #0471b2;
    }

    #regionSelectorForGarageSide:focus {
        outline: 0;
        border: 0;
    }


#regionSelectorForGarageSideAppointment {
    position: absolute;
    top: 15px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    left: 9px;
    appearance: none;
    background: transparent url(../Content/white-arrow.png) no-repeat 29px 6px !important;
    width: 62px;
    padding: 8px 0 0 2px;
    background-size: 12px;
}

    #regionSelectorForGarageSideAppointment option {
        color: #fff;
        background: #0471b2;
    }

    #regionSelectorForGarageSideAppointment:focus {
        outline: 0;
        border: 0;
    }

@media (max-width: 992px) {


    .font-md-18 {
        font-size: 18px !important;
        line-height: 20px !important
    }
}


span.new-tag {
    padding: 4px;
    position: absolute;
    width: 49px;
    height: 22px;
    left: 10px;
    background: #F09D14;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

a span.new-tag {
    padding: 4px;
    position: inherit;
    width: 49px;
    height: 22px;
    left: 10px;
    background: #F09D14;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-right: 20px;
}

.lh-1 {
    line-height: 1;
}

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

.h-36 {
    height: 36px
}



.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 3.5rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: inherit;
    line-height: 3.5rem !important;
}

div#ServiceJobList button.searchbutton.s-j-search {
    left: inherit;
}

.flex-direction-column {
    flex-direction: column
}

.modal-xlg.SelectTyreProductPopup {
    max-width: 1166px !important;
}

.service-product-item {
    cursor: pointer
}



/*select {
    display: none !important;
}*/

.nice-select, .nice-select:focus {
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
}

    .nice-select,
    .nice-select.open .list {
        width: 100%;
        /*width: 325px;*/
        border-radius: 8px;
    }

        .nice-select .list {
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
            box-sizing: border-box;
            margin-top: 4px;
            opacity: 0;
            overflow: hidden;
            padding: 0;
            pointer-events: none;
            position: absolute;
            top: 100%;
            left: 0;
            -webkit-transform-origin: 50% 0;
            -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform: scale(.75) translateY(-21px);
            -ms-transform: scale(.75) translateY(-21px);
            transform: scale(.75) translateY(-21px);
            -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
            transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
            z-index: 9;
        }

            .nice-select .list::-webkit-scrollbar {
                width: 0;
            }

        .nice-select .list {
            margin-top: 5px;
            top: 100%;
            border-top: 0;
            border-radius: 0 0 5px 5px;
            max-height: 210px;
            overflow-y: scroll;
            padding: 52px 0 0;
        }

        .nice-select.open .list {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: scale(1) translateY(0);
            -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
        }

        .nice-select.has-multiple {
            white-space: inherit;
            height: auto;
            padding: 7px 12px;
            min-height: 53px;
            line-height: 22px;
        }

            .nice-select.has-multiple span.current {
                border: 1px solid #ccc;
                background: #eee;
                padding: 0 10px;
                border-radius: 3px;
                display: inline-block;
                line-height: 24px;
                font-size: 14px;
                margin-bottom: 3px;
                margin-right: 3px;
            }

            .nice-select.has-multiple .multiple-options {
                display: block;
                line-height: 37px;
                margin-left: 30px;
                padding: 0;
            }

        .nice-select .nice-select-search-box {
            box-sizing: border-box;
            position: absolute;
            width: 100%;
            margin-top: 5px;
            top: 100%;
            left: 0;
            z-index: 8;
            padding: 5px;
            background: #fff;
            opacity: 0;
            pointer-events: none;
            border-radius: 5px 5px 0 0;
            box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
            -webkit-transform-origin: 50% 0;
            -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform: scale(0.75) translateY(-21px);
            -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
            -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
            transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        }

        .nice-select .nice-select-search {
            box-sizing: border-box;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 3px;
            box-shadow: none;
            color: #333;
            display: inline-block;
            vertical-align: middle;
            padding: 7px 12px;
            margin: 0 10px 0 0;
            width: 100% !important;
            min-height: 36px;
            line-height: 22px;
            height: auto;
            outline: 0 !important;
        }

        .nice-select.open .nice-select-search-box {
            opacity: 1;
            z-index: 10;
            pointer-events: auto;
            -webkit-transform: scale(1) translateY(0);
            -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
        }

        .nice-select.open .list li.option {
            padding: 10px 15px;
            border-bottom: 1px solid #ddd;
            color: #787878;
        }

        .nice-selectt .option:hover,
        .nice-select .option:focus {
            background-color: #f6f6f6 !important;
        }

        .nice-select .option.selected {
            font-weight: 600;
            color: #12cbc4;
        }

            .nice-select .option.selected:focus {
                background: #f6f6f6;
            }

        .nice-select a {
            color: #aaa;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
        }

            .nice-select a:hover {
                color: #666;
            }

        .nice-select.open .option {
            cursor: pointer;
        }

        .nice-select .option:hover, .nice-select .option:focus {
            background-color: #f6f6f6 !important;
        }

.remove:hover {
    color: red;
}

.nice-select.custom-select.mySelect::before {
    content: inherit;
}

.nice-select.custom-select.mySelectProduct::before {
    content: inherit;
}

.customSelectDropDown .nice-select.custom-select, .customSelectDropDown .nice-select.custom-select:focus {
    border-radius: 5px !important;
    height: 50px !important;
    box-shadow: 0px 2px 7px -4px rgb(161 161 161) !important;
    padding-top: 8px;
    padding-left: 15PX;
    border-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    background: #FFFFFF url(../Content/wo-down-arrrow.png) 96% center no-repeat !important;
    font-family: 'Averta-Regular' !important;
    color: #333;
    font-size: 14px;
}

.bandenProductContainer {
    padding: 2rem;
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 2rem;
}

.left-container-block {
    border-right: 1px solid #ccc;
    padding-right: 20px;
    position: relative;
}

    .left-container-block .fillter-container {
        max-height: 450px;
        overflow: auto;
    }

#search-facets {
    width: 100%;
    padding-left: 1em;
}

    #search-facets ul {
        padding-left: 1em
    }

    #search-facets li {
        list-style: none;
        padding-top: 1px
    }

    #search-facets .count {
        color: #8c8c8c
    }

    #search-facets .more {
        text-align: right;
        margin-right: 2em
    }

    #search-facets .current-facet {
        font-weight: bold;
        margin-left: 2em
    }

    #search-facets .expand-group {
        border-bottom: dotted 1px #dcdcdb;
        margin-bottom: .5em
    }

#search-list {
    border-right: solid 1px #ccc;
    overflow: hidden
}

#sort-select, #sort-type-select {
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 5px
}

#filter-term {
    margin-right: .5em
}

#filter-term {
    width: 18em
}

#search-term {
    width: 21.4em
}

.addProductMannual {
    position: absolute;
    bottom: 40px;
    left: 0;
}

.card-icon {
    width: 20px;
}

.card-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0;
}

.card-wrapper {
    flex-basis: 100%;
}

@media (min-width: 1200px) {
    .card-wrapper {
        flex-basis: 32.33%;
    }
}

#divUpdateOEMIntervalDetails, #divUpdateMileageStatusWorkorder, #divappointmentDateCard, #divTimerClock {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
}

.status-icon {
    margin: 0 4px;
    position: absolute;
    right: 3px;
    top: -3px;
    width: 16px;
}

    .status-icon img {
        width: 16px;
    }

.jobListIcons {
    align-items: center;
    display: flex;
    gap: 8px;
    line-height: 1;
}

    .jobListIcons .fa {
        font-size: 14px;
    }

    .jobListIcons .material-icons {
        font-size: 20px;
    }

.carCheckContent, .basicCarCheckContent {
    margin-top: 20px;
}

html, body {
	min-width: 320px;
 
}

.fade {opacity: 1;}
.k-widget, .k-block, .k-inline-block, .k-draghandle {
	border-style: solid;
	border-width: 0;
}
.create-passport-content .table-responsive {
	padding: 0 !important;
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
	background-color:transparent;
}
.k-grid-header th.k-header > .k-link {
	font-weight:bold;
}
.k-widget, .k-button {
	box-shadow:0 0px 0 rgba(255, 255, 255, 0.2) inset, 0 0px 0px rgba(0, 0, 0, 0);
}
.k-grid .k-alt {
	background-color: #fff;
}
.passport-data .table td {
	color:#555;
	/*font-style:italic;*/
}
.passport-data .table td .history-data {
	margin-top:0;
}
.passport-data .table .form-control{
	text-align:left;
}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
	border-bottom-color:#FFF;
}
.k-grid > table {
	border-bottom:solid 1px #ddd;
}
.k-grid > table > tbody,.passport-data .table > tbody , .table-responsive .table > tbody { 
	position:relative;
}
/*.k-grid > table > tbody:after,
.passport-data .table > tbody:after,
.table-responsive .table > tbody:after {
	content:" ";
	position:absolute;
	left:0;
	top:0; width:1px;
	height:100%;
	background:#ddd;
}
.text-bdr-none.table > tbody:after{ width: 0px;}
.k-grid > table > tbody:before {
	content:" ";
	position:absolute;
	right:0;
	top:0; width:1px;
	height:100%;
	background:#ddd;
}*/

.k-pager-wrap > .k-link,.k-pager-wrap .k-pager-nav.k-pager-last{
	border-radius: 6px;
}
.k-grid .k-button {
	background-color:#02C485;
	border-color:#02C485;
	color:#FFF;
}
.k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
	background:#02C485;
	border-color:#02C485;
}
.k-i-plus, .k-add{background-position: -48px -64px;}
.k-pager-wrap{
	border-top:#ddd solid 1px;
	margin-top:15px;
	padding-top:15px;
}
.k-header, .k-treemap-title, .k-grid-header .k-header > .k-link {
	color:#3b4a59;
}
.k-pager-wrap > .k-link {
	border-width:0px;
}
.k-pager-numbers .k-state-selected,.k-pager-numbers .k-link {
	border-radius:0;
}
.k-pager-numbers .k-state-selected {
	font-weight:bold;
	color:#3b4a59;
	border-color:#FFF;
	background:none;
}
.k-pager-wrap {
	/* line-height:1em !important; */
}
.k-pager-numbers .k-link{border-left:1px solid #ddd; /*line-height:1em !important; height:1em !important;*/}
.k-pager-numbers .k-link:hover {
	background:none;
	color:#3b4a59;
	border-color:#FFF;
	border-left:1px solid #7e7e7e;
}

/*kendo  dropdown menu 	Changes by Sanket : 28-May-2015*/
.form-control.k-dropdown .k-state-focused .k-input{ color: #787878 !important;}
.form-control.k-dropdown .k-state-focused .k-i-arrow-s{ /*background-position: -16px -32px;*/ background:none !important}
/*----*/

.k-grid .k-button.k-grid-add{
	float: right;
}

.k-grid-toolbar a {
	float:right;
}

/*overright style.css Changes by Sanket : 28-May-2015*/
.pad-left-right0{ padding-left: 0;padding-right:0}
.form-panal .k-dropdown{width: 100%}
.passport-data .k-dropdown{width:inherit !important;}
.margin-min-right6{margin-right:-6px;}
.padding-left10-right5 {
	padding-left: 10px;
	padding-right: 5px;
}
.table label{
	font-weight:normal;
}
/*----*/

.fa-trash-o:before {
	cursor: pointer;
}

.fa-pencil::before
{
	cursor: pointer;
}
.passport-data .k-grid tbody .k-button,.passport-data .k-ie8 .k-grid tbody button.k-button {
    margin-bottom: 5px;
    min-width: 80px;
    
}
.margin-min20{ margin-bottom:-30px;position: relative;z-index: 10;float: left}
.footer-bdr-none{ border-top: 0px !important;text-align: left !important;padding-left: 0;padding-right: 0;}
.modal-body .editing-buttons ul{margin: 15px 0 20px 15px;padding: 0;}
.modal-sm{ width: 350px;}
.modal-sm .modal-content{ padding-left: 10%;padding-right: 10%;}
.fa-pencil::before
{
	cursor: pointer;
}
.cursor-null::before
{
	cursor: default;
}
.text-box.single-line.k-invalid{ border: red solid 1px;}
.passport-data .k-edit-cell .k-tooltip, .passport-data .k-grid-edit-row .k-tooltip{ display: none !important;}
.has-feedback .form-control-feedback{cursor: pointer;}
.passport-data.td-sm .table td,.passport-data.td-sm .table th{ padding:3px 10px;}
.form-group .icheckbox_minimal,.form-group .iradio_minimal{ margin-right: 5px;}
.k-checkbox-label{vertical-align: top}
.k-checkbox:checked+.k-checkbox-label:after{ width: 20px;height: 20px;content: "\f00c";font-family: FontAwesome, sans-serif;font-size:16px;line-height: 18px;font-weight: bold}
.k-checkbox-label:after,
.k-checkbox-label:before{ width: 20px;height: 20px;}
.k-checkbox:disabled + .k-checkbox-label::after, .k-checkbox:checked:disabled + .k-checkbox-label:active::after, .k-checkbox:disabled + .k-checkbox-label:hover::before, .k-checkbox:checked:disabled + .k-checkbox-label:hover::after{ border-color: #FFF;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff;}
.form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus{box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.0)}
.kenteken div, .kenteken input{ height: 34px;}
.kenteken span{ width: 30px;}

.table .k-checkbox:checked+.k-checkbox-label:after{ width: 20px;height: 20px;content: "\f00c";text-align: left;border: #FFF 0px solid}
.table .k-checkbox-label:after{border: #FFF 0px solid}
.passport-data .table td:first-child{padding: 0 10px;}
.table .k-checkbox-label{ line-height: 18px;vertical-align: top;}
.k-button.k-button-icontext.k-primary.k-grid-update,
.k-button.k-button-icontext.k-grid-cancel {width: 95px;}
.passport-data .table td{ padding: 5px;}
.passport-data .k-grid-header th.k-header, .k-filter-row th {
    border:0px;
}
.btn-group.float-none .btn {
    float:none;
}
.smallForm.form-horizontal .has-feedback .form-control-feedback{ height: 31px;line-height: 31px;right: 0;}
.mt20{ margin-top: 20px;}
.height-38 input{ height: 38px;line-height: 38px;}
.width100{ width: 100px;}
.k-grid tbody td>.k-grid-delete{margin-top: 0}
.relative-block{ position: relative;padding-right:30px;min-width: 50px;min-height: 41px; white-space: pre-wrap;}
.relative-block .fa.fa-pencil{ position: absolute;right: 0;top: 50%;margin-top: -11px;}
.k-alt.k-state-selected{ color:#000;}
.k-state-selected td{background-color: #FFF;color:#000;}
/*.k-state-selected .fa{ color:#000;}*/
.form-panal .btn-smb .btn{padding:6px}

.btn-active-icon-test-auto{color:#39b6b0;}
.k-upload-button .btn-primary{ background-color: #02C485;color: #ffffff;}
.k-button.k-upload-button{background-color: #02C485;color: #ffffff;}
.k-upload-button.btn-default{ background-color: #d5d5d5 !important;color: #000 !important;border: 0px !important;}
.k-button.k-upload-button.k-state-focused{border:0px !important;}
.k-button.k-upload-button.k-state-focused:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 0 0px #000 inset;
}
.modal-body .k-dropzone{padding-left: 0}

.k-formatted-value.k-input.k-invalid{ border: red 1px solid;}
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}