@import url("../fonts/stylesheet.css");

body {
    background: #eaeaea;
    font-family: 'Conv_proxima-nova',Sans-Serif;
    font-size: 12px;
    min-width: 960px;
    width: 100%;
    /*-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;*/
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: subpixel-antialiased;
    text-rendering: optimizelegibility;
    image-rendering: -webkit-optimize-contrast;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.uppercase {
    text-transform: uppercase;
}

.brand-color {
    color: #ffffff;
}

.login-header {
    width: 100%;
    margin: 0 auto;
    height: 100px;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 999;
}

    .login-header .headermain {
        width: 96%;
        margin: 0 auto;
    }

.section {
    background: #00b4ff;
    width: 100%;
    margin: 0 auto;
}

.logo {
    margin-top: 30px;
}

    .logo a {
        opacity: 1;
        color: #ffffff;
        font-weight: bold;
        transition: 0.3s linear;
    }

        .logo a:hover {
            opacity: 0.6;
            transition: 0.3s linear;
        }

        .logo a span {
            border-left: 1px solid #4e606c;
            padding-left: 8px;
            margin-left: 8px;
            float: left;
            line-height: 12px;
            font-size: 10px;
            margin-top: -1px;
            text-align: left;
        }

    .logo img {
        float: left;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
    }

.client-logo {
    text-align: right;
    margin-top: 30px;
}

    .client-logo img {
        width: 50px;
    }


.login a {
    transition: 0.3s linear;
    margin-left: 6px;
    text-transform: uppercase;
    background: #ffffff;
    color: #1a2d49;
    font-size: 12px !important;
    padding: 8px 15px;
    border-radius: 25px;
}

    .login a:hover {
        background: #00b4ff;
        color: #ffffff;
    }

.login {
    text-align: right;
}


.user-profile a {
    opacity: 1;
    transition: 0.3s linear;
    margin-left: 6px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 50%;
}

    .user-profile a:hover {
        color: #ffffff;
        opacity: 0.6;
    }

.user-profile {
    text-align: right;
}

#pagelogin, #forgot {
    max-width: 400px;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    position: relative;
}

.pad-pagelogin {
    padding: 20px 40px 40px 40px;
}


#pagelogin a {
    color: #333333;
    transition: 0.3s linear;
    font-size: 13px;
}

    #pagelogin a:hover {
        color: #333333;
    }

#pagelogin .col, #forgot .col {
    padding: 0px !important;
}

#pagelogin h4, #forgot h4 {
    color: #000000;
    font-size: 30px;
}

.login-page h3 {
    font-size: 40px;
}

.bannertext {
    color: #fff;
    width: 70%;
    margin: 0 auto;
}

    .bannertext h3 {
        font-size: 2.8rem;
        font-weight: bold;
        line-height: normal;
    }

    .bannertext h6 {
        font-size: 2.8rem;
        color: #00b4ff;
        font-weight: 100;
        opacity: 0.7;
        margin-bottom: 0px !important;
    }

    .bannertext h4 {
        font-weight: 300;
        font-size: 20px;
        color: #ffffff;
        line-height: normal;
        margin-bottom: 0px !important;
    }

.device {
    margin-top: 30px;
}

    .device img {
        width: 200px;
    }

.bg1 {
    background: url(../images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.main-header {
    z-index: 999;
    position: fixed;
    width: 100%;
    background: #ffffff;
    height: 64px;
    width: 100%; /*box-shadow:0px 2px 5px #aaaaaa;*/
    border-bottom: 2px solid #06a5e9;
}

.brand-logo {
    float: left;
    margin: 8px 0px 0px 20px;
}

    .brand-logo img {
        height: 48px;
    }

.right-menu {
    line-height: 33px;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}

.region {
    margin-right: 20px;
    text-align: center;
    background: #29292e;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    float: left;
}

    .region:hover {
        background: #06a5e9;
    }

    .region i {
        color: #ffffff;
        margin-top: 5px;
        margin-left: 0px;
    }

.logout {
    float: right;
    font-size: 14px;
    color: #333333;
}

    .logout i {
        margin-top: 6px;
        margin-left: 2px;
        float: right;
    }

.count {
    z-index: 999;
    width: 100%;
    bottom: 0;
    height: auto;
    position: fixed;
}

.count ul{background:#33333A; float:left; width:100%; margin:0px;}
.count ul li{width:14.28%;float:left;color:#fff;height:190px}
.count ul li h5{font-size:17px;line-height:30px;color:#B3B3B3;text-align:center;text-transform:uppercase; font-family: 'Conv_ProximaNova-Light',Sans-Serif !important;}
.count ul li h2{font-size:40px;line-height:60px;color:#fff;text-align:center}



.dealer-count .sold-popup{background:#06a5e9;border-right:0}
.dealer-count .sold-popup .icon{width:70px;height:50px;margin:15px auto 0}
.dealer-count .sold-popup .icon span{top:-4px;left:40px;font-size:13px;border:2px solid #06a5e9;color:#33333a;background:#fff}
.dealer-count .sold-popup-value{background:#06a5e9}
.dealer-count .sold-popup h5{color:#fff;font-size:12px;}
.dealer-count .sold-popup h2{color:#fff;}
.dealer-count .sold-popup img{width:70%}


.sold-bgactive{background:#06a5e9!important; color:#fff!important;}
.sold-bgactive h5{color:#fff!important;}
.sold-bgactive span{border:2px solid #06a5e9!important;}
   
   
           

            .count ul li:nth-child(even) {
                background: #33333A;
            }

            .count ul li:nth-child(odd) {
                background: #29292E;
            }

            .count ul li:last-child {
                background: #06a5e9 !important;
            }

            .count ul li .icon {
                width: 80px;
                margin: 20px auto 0 auto;
                position: relative;
            }

                .count ul li .icon span {
                    position: absolute;
                    top: -4px;
                    left: 50px;
                    background: #ffffff;
                    color: #29292e;
                    padding: 0px 6px;
                    border: 2px solid #29292E;
                    border-radius: 15px;
                    font-size: 12px;
                }

                .count ul li .icon img {
                    width: 100%;
                }

            .count ul li .icon-sold {
                margin: 0;
                padding: 0;
            }

               .count ul li .icon-sold img{width:140px;margin:10px 0 0}

                .count ul li .icon-sold h4 {
                    font-size: 30px;
                    text-transform: uppercase;
                    margin-top: 20px;
                }

                .count ul li .icon-sold h1{font-size:60px}

               .count ul li .icon-sold td {font-size:30px;text-transform:uppercase;margin-top:35px}

#profile i {
    font-size: 20px;
    float: left;
    margin-right: 5px;
    color: #333333;
}

#profile a {
    color: #333333;
}

#map {
     height: 78%;
     position: fixed !important;
     width: 100%;
 
     position: fixed !important;
     width: 100%;
    margin-top:45px;
}

#region-filter {
    width: 385px !important;
    border-radius: 6px;
	top:10% !important
}

    #region-filter .select-wrapper input.select-dropdown {
        width: 93%;
    }

    #region-filter .select-wrapper span.caret {
        right: 10px;
    }

.count .sold {
    position: relative;
}

    .count .sold span {
        position: absolute;
        top: 14px;
        right: 0px;
        background: #ffffff;
        color: #29292e;
        padding: 2px 12px;
        border: 2px solid #06a5e9;
        border-radius: 18px;
        font-size: 16px;
    }

.location {
        position: absolute;
        left: 0px;
        top: 64px;
        float: none;
        width: 100%;
        background: #33333a;
        color: #ffffff;
        padding: 0px 15px;
        margin-right: 20px;
        border-radius: 0px !important;
    }

        .location .arrow {
            display: none;
        }

    .location span {
        color: #ffffff;
    }

.total ul {
    padding: 0px 15px;
    width: 100%;
    float: left;
    margin: 0px;
    background: #f4f4f4;
    border-top: 1px solid #ffffff;
}

    .total ul:first-child {
        border-radius: 8px 8px 0 0;
    }

    .total ul li {
        font-size: 14px;
        text-transform: uppercase;
        float: left;
        padding: 10px 0px;
    }

    .total ul.start-totals {
        border-top: 0px;
        border-radius: 8px 8px 0px 0px;
    }

    .total ul li:first-child {
        width: 70%;
    }

    .total ul li:last-child {
        width: 30%;
        text-align: right;
    }

        .total ul li:last-child span {
            padding: 3px 6px;
            max-width: 50px;
            border-radius: 5px;
            background: #06a5e9;
            color: #ffffff;
            font-family: 'Conv_proxima-nova-bold',Sans-Serif;
            font-size: 16px;
        }

    .total ul.dealer-totals {
        color: #ffffff;
        background: #33333a;
        border-radius: 0px 0px 8px 8px;
    }

        .total ul.dealer-totals li {
            font-size: 18px;
            border: none !important;
        }

            .total ul.dealer-totals li:last-child span {
                font-size: 20px !important;
                font-family: 'Conv_proxima-nova-bold',Sans-Serif;
            }

.location-popup {
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px;
}

    .location-popup span {
        color: #06a5e9;
    }

    .location-popup i {
        color: #06a5e9;
        float: left;
        margin-right: 3px;
    }


#dealer-location {
    width: 670px !important;
	top:10% !important;
}

.dealer-count {
    background: #f4f4f4;
    border-radius: 8px;
}

    .dealer-count ul li {
        height: 120px;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        width: 25%;
        float: left;
    }

        .dealer-count ul li .icon {
            width: 70px;
            height: 50px;
            margin: 15px auto 0 auto;
            position: relative;
            text-align: center;
        }

            .dealer-count ul li .icon img {
                width: 100%;
            }

            .dealer-count ul li .icon span {
                position: absolute;
                top: -4px;
                left: 40px;
                background: #33333a;
                color: #ffffff;
                padding: 0px 6px;
                border: 2px solid #f4f4f4;
                border-radius: 15px;
                font-size: 12px;
            }

        .dealer-count ul li h5 {
            text-align: center;
            text-transform: uppercase;
            font-size: 11px;
        }

        .dealer-count ul li h2 {
            text-align: center;
        }

    

.main-menu {
    width: 220px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: -1;
}

    .main-menu ul {
        background: #333333;
        margin: 0 auto;
        padding: 0;
        width: 220px;
    }

        .main-menu ul li {
            text-align: center;
            float: left;
            text-transform: uppercase;
        }

            .main-menu ul li a {
                color: #666666;
                height: 62px;
                width: 110px;
                display: inline-block;
                font-size: 13px;
                font-family: 'Conv_proxima-nova-bold',Sans-Serif;
            }

                .main-menu ul li a span {
                    margin-top: 30px;
                    display: block;
                    margin-top: 38px;
                }

                .main-menu ul li a.dashboard {
                    background: #333333 url(../images/dashboard.png) no-repeat center top;
                    background-position: 40px 8px;
                }

            .main-menu ul li.active a.dashboard {
                color: #ffffff;
                background: #06a5e9 url(../images/dashboard-active.png) no-repeat center top;
                background-position: 40px 8px;
            }

            .main-menu ul li a.report {
                background: #333333 url(../images/report.png) no-repeat center top;
                background-position: 40px 8px;
            }

            .main-menu ul li.active a.report {
                color: #ffffff;
                background: #06a5e9 url(../images/report-active.png) no-repeat center top;
                background-position: 40px 8px;
            }

.report-tab {
    float: left;
    width: 100%;
    margin: 0;
    z-index: 999;
    padding: 0;
    height: 54px;
    background: #333333;
}

    .report-tab ul {
        text-align: center;
        margin: 11px 0 0 0;
        padding: 0;
    }

        .report-tab ul li {
            list-style: none;
            font-size: 13px;
            text-transform: uppercase;
            font-family: 'Conv_proxima-nova-bold',Sans-Serif;
            display: inline-block;
        }

            .report-tab ul li a {
                border-radius: 15px;
                color: #666666;
                padding: 6px 14px;
                margin: 0px 2px;
            }

                .report-tab ul li a:hover {
                    background: #06a5e9;
                    color: #ffffff;
                }

            .report-tab ul li.active a {
                background: #06a5e9;
                color: #ffffff;
            }

#report-container {
    position: fixed;
    top: 64px;
    width: 100%;
}

.report-filter {
    float: left;
    width: 100%;
    padding: 0 30px;
    overflow-y: auto;
}

    .report-filter ul.filter-1 {
        margin: 0;
        padding: 0;
    }

        .report-filter ul.filter-1 li {
            width: 9%;
            float: left;
            margin-right: 2%;
        }

            .report-filter ul.filter-1 li:last-child {
                margin-right: 0 !important;
                width: 360px;
            }

            .report-filter ul.filter-1 li button {
                margin-top: 18px;
                margin-right: 10px;
            }

    .report-filter ul.dropdown-content li {
        width: 100% !important;
    }

.xls-download {
    margin-right: 0px !important;
    width: 38px;
    height: 34px;
    background: url(../images/xls-download.png) #eaeaea no-repeat;
    border: 0px;
}

    .xls-download:focus {
        background: url(../images/xls-download.png) #eaeaea no-repeat;
    }


#table-1 {
    font-size: 14px;
    margin-top: 25px;
    width: 100%;
    height: auto;
    float: left;
}

    #table-1 table {
        margin-bottom: 0px;
    }

    #table-1 td, #table-1 th {
        border-radius: 0px;
    }

    #table-1 th {
        /*border-right-color: #9b9b9b;*/
    }

    #table-1 tfoot th, #table-1 tfoot td {
        border-bottom: 0px;
    }

    #table-1 .radius-top-left {
        border-radius: 6px 0px 0px 0px;
    }

    #table-1 .radius-bottom-left {
        border-radius: 0px 0px 0px 6px;
    }

    #table-1 .radius-right-top {
        border-radius: 0px 6px 0px 0px;
        border-right: 0px;
    }

    #table-1 .radius-left-bottom {
        border-radius: 0px 0px 6px 0px;
        border-right: 0px;
    }

#sales-exec-popup {
    width: 90%;
}

    #sales-exec-popup .modal-content {
        padding: 0px !important;
    }

    #sales-exec-popup #table-1 {
        margin-top: 0px;
    }

    #sales-exec-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0px 0px;
        background: #06a5e9;
        color: #ffffff;
        padding: 10px 0px;
        text-align: center;
        margin-bottom: 0px !important;
    }



.full-heading {
    white-space: nowrap !important;
}

    .full-heading a {
        color: #06a5e9;
    }

.bold-color {
    background: #f4f4f4;
    font-size: 16px;
    font-family: 'Conv_proxima-nova-bold',Sans-Serif;
}

.bold-color-in {
    background: #dbdbdb;
    font-size: 16px;
    font-family: 'Conv_proxima-nova-bold',Sans-Serif;
}


.sub-head {
    background: #f4f4f4;
    text-transform: uppercase;
    font-size: 14px;
}

.align-center {
    text-align: center;
}



footer {
    background: #000000;
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    opacity: 0.4;
    bottom: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.close {
    float: right;
    padding-right: 15px;
    padding-top: 5px;
    padding-left: 10px;
}

    .close i {
        color: #fff;
        font-size: 28px;
    }

.xls-pop {
    float: right;
    padding-right: 0px;
    padding-top: 5px;
    margin-right: 10px;
}



i.xlarge {
    font-size: 8rem;
}

.search .material-icons {
    margin-top: 10px;
}

.search input[type="text"] {
    border-bottom: 1px solid #ffffff;
    opacity: 0.7;
}

.search .input-field label {
    color: #ffffff;
    opacity: 0.7;
}

.autocomplete-content {
    margin-top: -2px !important;
    position: absolute !important;
}

.input-field .prefix {
    position: relative !important;
    float: left;
}

.btn, .btn-large, .btn-flat {
    padding: 0 1.4rem !important;
}

.modal {
    border-radius: 6px !important;
    background: #ffffff !important;
}

    .modal .modal-content {
        padding: 25px 30px 30px 30px !important;
    }

        .modal .modal-content h4 {
            font-size: 30px !important;
            margin-bottom: 10px !important;
        }

        .modal .modal-content h6 {
            color: #666666;
            font-size: 14px;
        }

#signup .row .col {
    padding: 0px 10px 0px 0px !important;
}

#signup p {
    font-size: 12px;
}

.modal-content .select-wrapper + label, .modal-content .input-field.col label {
    left: 0px !important;
    text-transform: uppercase;
}

input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    margin: 0px !important;
    font-size: 14px !important;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    padding-left: 28px !important;
    font-size: 16px !important;
    text-transform: none !important;
    color: #000000;
}

.date-ico i {
    position: absolute;
    right: -11px;
    top: 24px;
    color: #666666 !important;
}

.table-mini {
    width: 50%;
    float: left;
    padding-top: 30px;
    font-size: 14px;
}

    .table-mini th {
        font-weight: normal;
    }

        .table-mini th strong {
            font-weight: bold;
        }

.graph-box {
    background: #fff none repeat scroll 0 0;
    float: right;
    margin-left: 0px;
    margin-top: 30px;
    padding: 16px 20px 0;
    text-align: center;
    width: 50%;
}

    .graph-box .calc {
        font-size: 13px;
        padding-bottom: 0px;
        text-transform: uppercase;
    }

.report-filter ul.generate-btn li:last-child {
    margin-right: 0 !important;
    width: 235px;
}

.table-mini th {
    padding: 14px;
}








.count a {
    color: #fff !important;
}



.isloading-wrapper.isloading-right {
    margin-left: 10px;
}

.isloading-overlay {
    position: relative;
    text-align: center;
}

    .isloading-overlay .isloading-wrapper {
        -webkit-border-radius: 7px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 7px;
        -moz-background-clip: padding;
        border-radius: 7px;
        background-clip: padding-box;
        display: inline-block;
        margin: 0 auto;
        padding: 8px 40px 10px 20px;
        top: 10%;
        z-index: 9000;
        background: url(../images/load.gif) no-repeat #FFFFFF 90% 10px;
        -webkit-box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
        -moz-box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
        box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
    }

.dealer-view i {
    color: #333;
    font-size: 40px;
}

#dealer-view {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px !important;
    border-radius: 0px !important;
}

    #dealer-view .modal-content {
        padding: 0px !important;
    }

        #dealer-view .modal-content h4 {
            font-size: 24px !important;
            background: #06a5e9;
            color: #ffffff;
            padding: 10px 0px;
            text-align: center;
            margin-bottom: 0px !important;
        }

        #dealer-view .modal-content iframe {
            width: 100%;
            height: 600px;
            overflow-y: scroll;
            border: 0px;
        }

.cnt-circle {
    display: inline-block;
    margin: 0 auto;
    width: 120px;
    padding-top: 12px;
}

.per-circle .percircle.big{font-size:130px}
.oem-listbox .per-circle .percircle.big{font-size:85px!important}
.per-circle{width:130px;margin:0 auto;padding-top:15px;display:inline-block}
.oem-listbox .per-circle{width:90px !important;margin:0 auto;padding-top:15px;display:inline-block}







.bg-grey{background:#333439;background:#333439;background:-moz-linear-gradient(top,rgba(51,52,57,1) 14%,rgba(112,112,117,1) 100%);background:-webkit-linear-gradient(top,rgba(51,52,57,1) 14%,rgba(112,112,117,1) 100%);background:linear-gradient(to bottom,rgba(51,52,57,1) 14%,rgba(112,112,117,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333439',endColorstr='#707075',GradientType=0);color:#fff;text-transform:uppercase;padding:0}



.brd-btm {
    border-bottom: 1px solid #333439;
}

.calendar-ico {
    font-size: 60px;
    text-align: center;
}

.calendar-date {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    font-family: 'proxima_novalight',Sans-Serif;
}

.fix-pad {
    height: 20px;
}


.top-count {
    width: 100%;
    margin: 0px 0 20px 0;
    display: inline-block;
}

.count-box {
    background: #fff;
    width: 32.6%;
    float: left;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 150px;
    padding: 25px 25px 25px 25px;
    position: relative;
    margin-left: 1%;
}

    .count-box:first-child {
        margin-left: 0px;
    }

.thumb-img img {
    margin-top: 0px;
    margin-right: 10px;
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 60px;
}

.detailbox {
    float: left;
    padding: 5px 0 0 20px;
}

.count-box h5 {
    font-size: 18px;
    font-weight: 300;
    color: #646464;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.count-box h3 {
    font-size: 48px;
    color: #000000;
    line-height: 100%;
    padding: 10px 0 0 0;
    margin: 0;
    text-align: left;
}

.badge-ico {
    position: absolute;
    top: 50px;
    right: 30px;
}


.count-list {
    width: 100%;
    margin: 0;
    padding: 0px;
    display: inline-block;
    border-radius: 15px 15px 0px 15px;
    -webkit-border-radius: 15px 15px 0px 15px;
    -moz-border-radius: 15px 15px 0px 15px;
    background: #ffffff;
}

.count-scroll {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.exe-block {
    width: 100%;
    height: auto;
    overflow-y: scroll;
    height: 300px;
}

/* -------------- TABLE ONE ATTRIBUTES -----------------  */

table.table-grid {
    border-collapse: collapse;
    width: 100%;
    color: #333333;
}

    table.table-grid td {
        padding: 10px 2em;
        width: 33.3%; /*border: 0.1em #cccccc solid;*/
        background-color: transparent;
    }

    table.table-grid th {
        padding: 1em;
        background-color: #e8503a;
        color: #fff;
    }

    table.table-grid tr {
        height: 1em;
    }

        table.table-grid tr:nth-child(even) td {
            background-color: #eee;
        }

        table.table-grid tr:nth-child(odd) td {
        }

        table.table-grid tr td:last-child {
            border-right: 0px;
        }


.list-grid {
    vertical-align: auto;
}

    .list-grid img {
        margin-top: 0px;
        margin-right: 15px;
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 60px;
    }

    .list-grid h5 {
        color: #333333;
        display: inline-grid;
        float: none;
        font-size: 18px;
        font-weight: 300;
        line-height: 100%;
        margin-top: 10px;
        padding-top: 5px;
        width: 65%;
    }

    .list-grid span {
        float: right;
        font-size: 26px;
        line-height: 100%;
        padding-top: 14px;
    }

.exe-block {
    width: 100%;
    height: auto;
    overflow: auto;
    height: 400px;
}

.list {
    min-width: 150px;
}

.report-toplist {
    width: 100%;
    display: inline-block;
}

.count-list tbody td, tfoot td {
    text-align: left;
}





/*11/06/2017*/
.main-menu ul {
    width: 334px;
}

    .main-menu ul li:first-child {
        border-left: 0px;
    }

    .main-menu ul li {
        border-left: 1px solid #505050;
    }

        .main-menu ul li a.quick-view {
            background: #333333 url(../images/quick-view.png) no-repeat center top;
            background-position: 40px 8px;
        }

        .main-menu ul li.active a.quick-view {
            color: #ffffff;
            background: #06a5e9 url(../images/quick-view-active.png) no-repeat center top;
            background-position: 40px 8px;
        }

        .main-menu ul li a.interactive-kpi{background:#333 url(../images/kpi.png) no-repeat center top;background-position:40px 8px}
.main-menu ul li.active a.interactive-kpi{color:#fff;background:#06a5e9 url(../images/kpi-active.png) no-repeat center top;background-position:40px 8px}

.tabs {
    border-radius: 5px;
    height: 36px !important;
}

    .tabs .indicator {
        background-color: #06a5e9 !important;
        display: none;
    }

    .tabs .tab a {
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        color: #333333 !important;
        letter-spacing: normal !important;
        text-transform: capitalize !important;
    }

        .tabs .tab a.active {
            background-color: #06a5e9 !important;
            color: #ffffff !important;
        }

.right-panel {
    float: right;
}

    .right-panel ul {
        float: left;
    }

.tab-right {
    width: 330px;
    float: left;
    padding-top: 38px;
}

.tab-left {
    float: left;
    width: 150px;
}

    .tab-left li {
        width: 100px !important;
    }

.fix-child li:last-child {
    width: 180px !important;
}

.no-datahome {
    background: #fff none repeat scroll 0 0;
    color: #a4a4a4;
    padding-bottom: 6% !important;
    padding-top: 6% !important;
    text-align: center !important;
    width: 100%;
    border-bottom: 0 !important;
}

    .no-datahome span {
        display: block;
        padding-bottom: 10px;
        text-align: center;
        margin-top: 10px;
    }

#total-count {
    width: 560px !important;
    border-radius: 6px;
	top:10% !important;
}

.hide {
    display: none;
}

.disable-event {
    pointer-events: none;
}



/*14/06/2017*/

#map_zoom {
    top: 80px !important;
    right: 15px !important;
    left: auto !important;
    position: absolute;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.6);
}

    #map_zoom .map_zoomIn {
        opacity: 0.7;
    }

        #map_zoom .map_zoomIn:hover {
            opacity: 1;
        }

    #map_zoom .map_zoomOut {
        opacity: 0.7;
    }

        #map_zoom .map_zoomOut:hover {
            opacity: 1;
        }

#touchpoints_report, #kpi_report {
    margin: 0 !important;
    padding: 0 !important;
}

.dealer-title {
    color: #06a5e9;
}


.pers-scroll{
    overflow:auto;
    width:100%;
}

.overlay-scroll{
        width: 90%;
    margin: 0 auto;
    top: 10% !important;
    position: relative;
}

.overlay-bg-transparent{
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    overflow: auto !important;
}


.kpi-fix { width:110px;}


.total-countlist {float:left; margin:0; width:100%;}
.total-countlist tr:first-child td:first-child { border-top-left-radius: 10px; }
.total-countlist tr:first-child td:last-child { border-top-right-radius: 10px; }
.total-countlist tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.total-countlist tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.total-countlist td{ background:#f4f4f4 none repeat scroll 0 0; padding:10px;  font-size: 14px; text-transform: uppercase; border-bottom:1px solid #fff;  border-radius:0px;}
.total-countlist .cnt-red {background: #06a5e9 none repeat scroll 0 0; border-radius: 5px; color: #ffffff; font-family: "proxima_nova_rgbold"; font-size: 16px; max-width: 50px; padding: 3px 6px;}
.dealer-totalcount{ background:#33333a!important; color:#fff!important; font-size: 18px!important;}

#vehicle-history-popup {
    width: 90%;
}

    #vehicle-history-popup .modal-content {
        padding: 0px !important;
    }

    #vehicle-history-popup #table-1 {
        margin-top: 0px;
    }

    #vehicle-history-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0px 0px;
        background: #06a5e9;
        color: #ffffff;
        padding: 10px 0px;
        text-align: center;
        margin-bottom: 0px !important;
    }

    #edit-vehicle-popup {
    width: 90%;
}

    #edit-vehicle-popup .modal-content {
        padding: 0px !important;
    }

    #edit-vehicle-popup #table-1 {
        margin-top: 0px;
    }

    #edit-vehicle-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0px 0px;
        background: #06a5e9;
        color: #ffffff;
        padding: 10px 0px;
        text-align: center;
        margin-bottom: 0px !important;
    }

    
.main-menu ul li a.press-fleet{ background:#333333 url(../images/press-fleet.png) no-repeat center top; background-position:40px 8px; }
.main-menu ul li.active a.press-fleet{ color:#ffffff; background:#06a5e9 url(../images/press-fleet-active.png) no-repeat center top; background-position:40px 8px; }
#press-fleet-container{ position:fixed; top:64px; width:100%; }
.press-fleet-filter{ float:left; width:100%; padding:0 30px;}

.press-fleet-filter ul.filter-1{ margin:0; padding:0;}
.press-fleet-filter ul.filter-1 li{ width:14%; float:left; margin-right:2%;}
.press-fleet-filter ul.filter-1 li:last-child{ margin-right:0 !important; width:220px;}
.press-fleet-filter ul.filter-1 li button{ margin-top:18px; margin-right:10px;}
.press-fleet-filter ul.dropdown-content li{ width:100% !important;}

#vehicle-history-popup{ width:90%;}
#vehicle-history-popup .modal-content{ padding:0px !important;}
#vehicle-history-popup #table-1{ margin-top:0px;}
#vehicle-history-popup .modal-content h4{ font-size:24px !important; border-radius:6px 6px 0px 0px; background:#06a5e9; color:#ffffff; padding:10px 0px; text-align:center; margin-bottom:0px !important;}

#vehicle-detail-popup .modal-content{ padding:0px !important;}
#vehicle-detail-popup #table-1{ margin-top:0px;}
#vehicle-detail-popup .modal-content h4{ font-size:24px !important; border-radius:6px 6px 0px 0px; background:#06a5e9; color:#ffffff; padding:10px 0px; text-align:center; margin-bottom:0px !important;}



#vehicle-detail-popup{width:1000px!important; padding-bottom:15px;top:10%!important;}
#vehicle-detail-popup .modal-content{padding:0!important}
#vehicle-detail-popup #table-1{margin-top:0}
#vehicle-detail-popup .modal-content h4{font-size:24px!important;border-radius:6px 6px 0 0;background:#06a5e9;color:#fff;padding:10px 0;text-align:center;margin-bottom:0!important}
.press-fleetwrap{width:100%;float:left;padding:15px;font-size:13px; height:500px!important; overflow:auto!important; display:inline-block;}
.fleet-details{width:100%;margin-top:0;margin-bottom:0;background:#666;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden;color:#fff}
.fleet-details td{text-align:left}

.td-flt{width:80px}
.td-dot{width:10px}

.fleet-details table td,table th{padding:5px 10px;border:none;border-width:0 1px 1px 0}
.fleet-details tbody td,tfoot td{background:inherit}

.left-fleet{width:50%;float:left;padding:0px 10px 10px 8px}
.right-fleet{width:50%;float:left;padding:0px 10px 10px 8px}

.fleet-details tfoot th{background:inherit}
.fleet-details tbody tr.odd td{background:inherit}
.dealer-txt{font-size:22px;color:#FFF;width:100%;border-bottom:1px solid #999999;padding:10px 0 10px 15px}

.fleet-details-inner{width:100%;margin-top:0;margin-bottom:0;background:#fff;border:2px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden;color:#666;margin-top:15px; float:left;}

.fleethead{border-bottom:1px solid #ccc;font-size:15px;font-weight:700;height:45px;padding:10px 10px 0;position:relative;width:100%;text-transform:uppercase;color:#333}

.btn-inspec,.btn-inspec:hover{color:#666;font-size:11px;text-transform:uppercase; font-weight:normal;}
.btn-inspec{display:inline-block;vertical-align:middle;line-height:1.42857143;background:-webkit-linear-gradient(top,#fff 0,#efefef 100%) rgba(0,0,0,0);border-radius:5px;margin-left:10px;overflow:hidden;position:absolute;right:15px;top:5px;border:1px solid #dedede;padding:5px 12px!important}

.btn-inspec:hover{background:#fff}
.btn-inspec img{float:left;margin-right:10px}

.before-fleet{width:100%;float:left}

.fleet-details-inner table td,table th{padding:5px 0;border:none;border-width:0 1px 1px 0}
.fleet-details-inner tbody td,tfoot td{background:inherit}
.fleet-details-inner tfoot th{background:inherit}
.fleet-details-inner tbody tr.odd td{background:inherit}
.fleet-details-inner td{text-align:left;vertical-align:top}
.fleet-details-inner table{ margin-bottom:0px;}

.td-brdr{border-left:1px solid #ccc!important}

.sign-fleet{width:100%;text-align:center}
.sign-fleethead{width:100%;text-align:center;padding-top:15px}
.before-fleet .left{width:65%;float:left;padding:10px;min-height:120px;min-height:120px}
.before-fleet .right{width:30%;float:left;padding:10px;}

.fleet-images{ width:100%; float:left; border-top:1px solid #ccc; padding:10px 5px 0px 5px;}
.fleet-images a{ float:left; margin-left:5px;}

.fleet-notes{ width:100%; padding:10px; border-top:1px solid #ccc; font-size:12px;}

#fleet-edit-stock input{ width:93%;}
#fleet-edit-stock{ width:600px!important; border-radius:6px; top:8%!important; }
#fleet-edit-stock .select-wrapper input.select-dropdown{ width:93%;}
#fleet-edit-stock .select-wrapper span.caret{ right:10px;}
#fleet-edit-stock .input-field {position: relative;margin-top: 15px;}
#fleet-edit-stock .close{ padding-right:0px;}
#fleet-edit-stock .close i {color:#999;}

.left-stockbox{ width:260px; float:left;}
.right-stockbox{ width:260px; float:right;}

.fleet-buttonwrap {margin-top:20px !important; width:100%;display:inline-block;}

.fleet-action-buttons a{ padding-left:5px;}
.addstock-btn{float:right;display:inline;margin-top:38px}

.fleet-dealer{ font-size:16px; color:#333; border-bottom:1px solid #ccc; padding:6px 0 6px 10px; font-weight:bold; background:#f4f4f4;}
.history-head{font-size:18px; color:#333; padding-top:15px; display:block; font-weight:bold;}
.fleet-details-inner .td-flt{width:130px;}

.inspec-disable {opacity:0.4!important; cursor:default;}
.inspec-disable:hover{background:-webkit-linear-gradient(top,#fff 0,#efefef 100%) rgba(0,0,0,0);}

.delete-disable {opacity:0.4!important; cursor:default; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

#tradein-sales-exec-popup {
    width: 90%;
}

    #tradein-sales-exec-popup .modal-content {
        padding: 0px !important;
    }

    #tradein-sales-exec-popup #table-1 {
        margin-top: 0px;
    }

    #tradein-sales-exec-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0px 0px;
        background: #06a5e9;
        color: #ffffff;
        padding: 10px 0px;
        text-align: center;
        margin-bottom: 0px !important;
    }

    #table-1-vehiclestock{font-size:14px;margin-top:25px;width:100%;height:auto;float:left;overflow-y:auto;margin-bottom:25px;}
#table-1-vehiclestock table{margin-bottom:0}
#table-1-vehiclestock td,#table-1 th{border-radius:0}
#table-1-vehiclestock th{border-right-color:#9b9b9b}
#table-1-vehiclestock tfoot th,#table-1 tfoot td{border-bottom:0}
#table-1-vehiclestock .radius-top-left{border-radius:6px 0 0 0}
#table-1-vehiclestock .radius-bottom-left{border-radius:0 0 0 6px}
#table-1-vehiclestock .radius-right-top{border-radius:0 6px 0 0;border-right:0}
#table-1-vehiclestock .radius-left-bottom{border-radius:0 0 6px 0;border-right:0}

.fix-filterwidth {	width: 160px !important;}
th .icons{ background: url(../images/sort.png) 0 0px no-repeat;width:10px;height:12px;display:inline-block;margin-left:10px;} 
th.headerSortUp .icons{ background: url(../images/sort-up.png) 0 5px no-repeat;width:10px;height:12px;display:inline-block;margin-left:10px;} 
th.headerSortDown .icons{ background: url(../images/sort-down.png) 0 5px no-repeat; width:10px;height:12px;display:inline-block;margin-left:10px;} 

.btn-release-stock{margin-right:15px;}
#release-notes-popup{border-radius:6px; top:12%!important;}
#txtReleaseNotes{height:10rem;}

/* RESPONSIVE */

@media only screen and (max-width:1800px) {
    .report-filter ul.filter-1 li {
        float: left;
        margin-right: 2.5%;
        width: 14.1%;
    }


    .count-box {
        height: 150px;
    }

    .badge-ico {
        top: 35px;
    }

    .list-grid h5 {
        font-size: 16px;
    }
.top-info { width: auto !important; display: inline !important; margin-top: 38px !important; float: right !important}

}

@media only screen and (max-width:1600px) {

#table-1 {
        overflow: auto;
    }
    


    .badge-ico {
        right: 20px;
    }

    .detailbox {
        float: left;
        padding: 15px 0 0 5px;
    }

    .count-box h5 {
        font-size: 16px;
    }

    .count-box {
        padding: 25px 25px 25px 15px;
    }


    .list-grid h5 {
        padding-top: 10px;
    }

    .list-grid span {
        padding-top: 15px;
    }

    table.table-grid td {
        padding: 1em 1em;
    }

    .list-grid span {
        font-size: 24px;
    }

    .nav a small {
        font-size: 46px !important;
    }

    .thumb-img img {
        height: 90px;
        width: 90px;
    }

    .count-box h3 {
        font-size: 38px;
    }

    .count-box {
        height: 140px;
    }


    .count ul li h5 {
        font-size: 16px;
    }

    .count ul li h2 {
        font-size: 38px;
        line-height: 40px;
    }

    .count ul li .icon-sold img {
        float: left;
        margin: 10px 0 0 20px;
        width: 120px;
    }

    .count ul li .icon-sold h1 {
        font-size: 46px !important;
    }

    .count ul li .icon-sold h4 {
        font-size: 26px;
        margin-top: 30px;
        text-transform: uppercase;
    }

    .count .sold {
        margin-top: 30px;
        position: relative;
    }
}





@media only screen and (max-width:1400px) {
}


@media only screen and (max-width:1300px) {

    .count ul li {
        height: 150px;
    }

        .count ul li h5 {
            font-size: 14px;
            line-height: 15px;
        }

        .count ul li h2 {
            font-size: 30px;
            line-height: 45px;
        }

        .count ul li .icon {
            width: 70px;
            margin: 20px auto 0 auto;
        }

        .count ul li .icon-sold img {
            width: 90px;
            margin: 20px 0px 0px 10px;
        }

        .count ul li .icon-sold h4 {
            font-size: 20px;
            margin-top: 20px;
        }

        .count ul li .icon-sold h1 {
            font-size: 40px;
        }

        .count ul li .icon span {
            top: 0px;
            left: 46px;
        }

    .count .sold span {
        right: 5px;
        top: 10px;
    }

    .bannertext h3 {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: normal;
    }

    .bannertext h6 {
        font-size: 1.8rem;
        color: #00b4ff;
        font-weight: 100;
        opacity: 0.7;
        margin-bottom: 0px !important;
    }

    .bannertext h4 {
        font-weight: 300;
        font-size: 20px;
        color: #ffffff;
        line-height: normal;
        margin-bottom: 0px !important;
    }

    .thumb-img img {
        float: inherit;
    }

    .thumb-img {
        text-align: center;
    }

    .detailbox {
        float: left;
        padding: 15px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .count-box {
        height: auto;
        padding: 10px 0 10px 0;
        text-align: center;
    }

    .badge-ico {
        top: 18px;
    }

    .detailbox {
        padding: 15px 15px 0;
    }

    .count-box h5 {
        font-size: 15px;
    }

    .count-box h3 {
        text-align: center;
    }

    .list-grid span {
        font-size: 22px;
    }
}


@media only screen and (max-width:1180px) {

    .report-filter ul.filter-1 li {
        float: left;
        margin-right: 3%;
        width: 17%;
    }

    .fix-child li {
        width: 12% !important;
    }
}



@media only screen and (max-width:1024px) {

    #pagelogin, #forgot {
        max-width: 350px;
    }

    .pad-pagelogin {
        padding: 20px 30px 30px;
    }
}


@media only screen and (max-width:700px) {

    .count ul li {
        width: 33.33%;
    }

    .count ul li {
        height: 80px;
    }

        .count ul li .icon {
            width: 40px;
            margin: 10px auto 0 auto;
        }

        .count ul li h5 {
            font-size: 10px;
            line-height: 10px;
        }

        .count ul li h2 {
            font-size: 20px;
            line-height: 25px;
        }

        .count ul li .icon span {
            left: 26px;
            font-size: 10px;
            top: -3px;
        }

        .count ul li .icon-sold img {
            width: 80px;
            margin: 5px 0px 0px 0px;
        }

        .count ul li .icon-sold h4 {
            font-size: 15px;
            margin-top: 5px;
        }

        .count ul li .icon-sold h1 {
            font-size: 35px;
        }

    .count .sold span {
        right: 0px;
        top: -2px;
        font-size: 12px;
    }
}


@media only screen and (max-width:600px) {

    .dealer-count ul li .icon img {
        width: 90%;
    }

    .dealer-count ul li h5 {
        font-size: 9px;
    }
}

@media only screen and (max-width:400px) {

    .dealer-count ul li {
        width: 100%;
    }
}