@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;

 }

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-mclaren.jpg) top; background-size:cover !important; }

 
.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 #ff4100;}
.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:#ff4100;}
.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:'Bentley',Sans-Serif;font-weight:300}
.count ul li h2{font-size:40px;line-height:60px;color:#fff;text-align:center}




.count ul li:nth-child(even){ background:#33333A;}
.count ul li:nth-child(odd){ background:#29292E;}
.count ul li:last-child{ background:#ff4100 !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 h1{font-size:60px}
.count ul li .icon-sold h4{font-size:30px;text-transform:uppercase;margin-top:35px}

.count ul li .icon-sold td{ text-align:center; width:50%;}

#profile i{ font-size:20px; float:left; margin-right:5px; color:#333333;}
#profile a{ color:#333333;}
#map {
     height: 78%;
    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 #ff4100; 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:#ff4100; 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:#ff4100;}
.location-popup i{ color:#ff4100; 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;}

.dealer-count .sold-popup{background:#ff4100;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 #ff4100;color:#33333a;background:#fff}
.dealer-count .sold-popup-value{background:#7F988F}
.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:#ff4100!important; color:#fff!important;}
.sold-bgactive h5{color:#fff!important;}
.sold-bgactive span{border:2px solid #ff4100!important;}


.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:#ff4100 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:#ff4100 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:#ff4100; color:#ffffff; }
.report-tab ul li.active a{ background:#ff4100; 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:#ff4100; color:#ffffff; padding:10px 0px; text-align:center; margin-bottom:0px !important;}



.full-heading{ white-space:nowrap !important;}
.full-heading a{ color:#ff4100;}

.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-mclaren.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:#ff4100; 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:333px;}
.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:#ff4100 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:#ff4100 url(../images/kpi-active.png) no-repeat center top;background-position:40px 8px}
.tabs{ border-radius:5px;  height:36px !important; }
.tabs .indicator{ background-color:#ff4100 !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:#ff4100 !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:#ff4100;
}

.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: #ff4100 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;}


.main-menu ul li a.press-fleet{ background:#333333 url(../images/press-fleet-ferrari.png) no-repeat center top; background-position:40px 8px; }
.main-menu ul li.active a.press-fleet{ color:#ffffff; background:#ff4100 url(../images/press-fleet-ferrari-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:#ff4100; 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:#ff4100; 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:#ff4100;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:#ff4100; 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%;}
	
}