/* ==================================================================== */ /* Imports */ /* ==================================================================== */ @import url("jquery.fullPage.css"); /* ==================================================================== */ /* Scaffolding */ /* ==================================================================== */ html { overflow-y: visible !important; } * html { overflow: auto !important; } iframe#consolePanelFrame { display: block; background: #fff; } iframe.nd-software-inactive { overflow: hidden !important; } /* ==================================================================== */ /* Font Colour */ /* ==================================================================== */ .nd-console-header .nd-profile { color: #fff; } .nd-console-header .nd-profile a { color: #fff; } .nd-console-header .popover.bottom { right: 25px !important; left: auto !important; width: 320px; } .nd-console-header .popover.bottom .arrow { left: 95%; } .nd-console-header .nd-header-controls a { color: #fff; } .nd-console-header .nd-header-controls span { color: #fff; } .nd-console-header .nd-header-controls .nd-console-control-search { color: #fff; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li a { color: #555; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li a:hover { color: #fff; } .nd-console-product-list .nd-console-product-list-item a { color: #4dc4d7; } .nd-console-product-list .nd-console-product-list-item a:hover { color: #fff; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item a { color: #fff; } /* ==================================================================== */ /* Font Style */ /* ==================================================================== */ .nd-console-header .nd-profile { line-height: 130%; font-weight: bold; } .nd-console-header .nd-header-controls a { font-weight: bold; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li a { font-weight: normal; } .nd-console-product-list .nd-console-product-list-item a { line-height: 120%; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: -1px; font-size: 14px; } /* ==================================================================== */ /* Background Colours */ /* ==================================================================== */ .nd-console-header .nd-header-controls a:hover { background: #000; } .nd-console-header .nd-header-controls a.active { background: #000; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch { background: #fff; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li a:hover { background: #00093c; } .nd-console-sub-row { background: #000; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item a { background: #4dc4d7; } /* ==================================================================== */ /* Background Images */ /* ==================================================================== */ .nd-console-header { background: url(../img/console/nd-header-bg.gif) 0 0 repeat-x; } #nd-software-splash { background: url(../img/console/nd-console-product-list.png) 0 0 repeat; } .nd-console-product-list-overlay { background: #2e3841; } /*.nd-console-product-list .nd-console-product-list-tabs li a { background-image: url(../img/console/nd-console-product-list-tabs.png); background-repeat: no-repeat; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-all a { background-position: 0 0; width: 68px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-sales a { background-position: -187px 0; width: 87px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-aftersales a { background-position: -271px 0; width: 119px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-conversion a { background-position: -390px 0; width: 134px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-comms a { background-position: -524px 0; width: 96px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-all a:hover, .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-all.active a { background-position: 0 -23px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-sales a:hover, .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-sales.active a { background-position: -187px -23px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-aftersales a:hover, .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-aftersales.active a { background-position: -271px -23px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-conversion a:hover, .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-conversion.active a { background-position: -390px -23px; } .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-comms a:hover, .nd-console-product-list .nd-console-product-list-tabs li.nd-console-product-list-comms.active a { background-position: -524px -23px; } */ .nd-console-product-list .nd-console-product-list-item a span { background: url(../img/console/nd-console-product-list-icons.png) 0 0 no-repeat; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-auto span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-auto-v10 span { background-position: -100px 0; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-stock span { background-position: -200px 0; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-trade span { background-position: -300px 0; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-video-360 span { background-position: -400px 0; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-service-plans span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-jlr-service-centre span { background-position: 0 -100px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-enquiry-manager span { background-position: -100px -100px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-call-manager span { background-position: -200px -100px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-cap-valuations span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-vehicle-valuation span { background-position: -300px -100px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-online-deposits span { background-position: -400px -100px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-jlr-test-drive span { background-position: 0 -200px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-service-booking span { background-position: -100px -200px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-parts-accessories span { background-position: -200px -200px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-tyres span { background-position: -300px -200px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast-v3 span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast-v4 span { background-position: -400px -200px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-experience span { background-position: 0 -300px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-footfall span { background-position: -100px -300px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-enquiry-manager-v2 span { background-position: -200px -300px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-my-netdirector span { background-position: -300px -300px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-chat-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-mobile span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-reevoo span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-redirect-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-review-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-callbank span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-dealer-app span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leasing span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-app span { background-position: 0 0; } /* ==================================================================== */ /* Borders */ /* ==================================================================== */ .nd-console-header .nd-profile .nd-avatar { border: 2px solid #fff; } .nd-console-header .nd-header-controls { border-left: 1px solid #262e58; } .nd-console-header .nd-header-controls a { border-right: 1px solid #262e58; } .nd-console-header .nd-header-controls .nd-console-control-search { border-right: 1px solid #262e58; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch { border: 1px solid #ddd; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li { border-top: 1px solid #ddd; } .nd-console-sub-row { border: 1px solid #353831; } /* ==================================================================== */ /* Header */ /* ==================================================================== */ .nd-console-header { height: 70px; position: relative; z-index: 120; } .nd-console-header .nd-logo { position: absolute; top: 0; left: 0; } .nd-console-header .nd-logo a { max-width: 350px; display: block; } .nd-console-header .nd-profile { float: right; width: auto; height: 53px; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nd-console-header .nd-profile a { display: block; height: 53px; padding: 7px 20px 0 16px; } .nd-console-header .nd-profile .nd-username { float: left; padding: 10px 10px 0 0; } .nd-console-header .nd-profile .nd-username span { display: block; } .nd-console-header .nd-profile .nd-avatar { position: relative; float: right; width: 42px; } .nd-console-header .nd-profile .nd-avatar .badge { position: absolute; top: -8px; right: -11px; } .nd-console-header .nd-toggle-header-controls { display: none; } .nd-console-header .nd-header-controls { float: right; height: auto; } .nd-console-header .nd-header-controls.collapse { overflow: visible; } .nd-console-header .nd-header-controls a { display: block; float: left; padding: 15px 12px 16px; cursor: pointer; } .nd-console-header .nd-header-controls a span { display: none; } .nd-console-header .nd-header-controls i { float: left; margin: 0; } .nd-console-header .nd-header-controls .nd-console-control-search { float: left; padding: 18px 15px 12px; } .nd-console-header .nd-header-controls .nd-console-control-search i { margin: 4px 8px 0 0; } .nd-console-header .nd-header-controls .nd-console-control-search-results { display: inline-block; position: relative; } .nd-console-header .nd-header-controls .nd-console-control-search-results form { margin: 0; } .nd-console-header .nd-header-controls .nd-console-control-search-results form a { padding: 0; float: right; border: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append { margin-bottom: 0; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append .add-on { padding: 1px 4px 1px 4px; width: 16px; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append .add-on i { margin-top: 3px; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append input { border-radius: 0; border: 1px solid #ccc; padding: 1px 8px; margin: 0 0 6px 0; width: 150px; vertical-align: middle; } .nd-console-header .nd-header-controls .nd-console-control-search-results form a:hover { background: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch { position: absolute; top: 28px; left: -1px; margin: 0; width: 100%; border-radius: 4px; padding: 4px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li { list-style: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li:first-child { border: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch li a { float: none; border: none; padding: 5px 10px; } /* ==================================================================== */ /* Product List */ /* ==================================================================== */ .nd-console-product-list-overlay { position:fixed; top:0; left:0; width:100%; height:400%; z-index:110; } .nd-console-product-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; } /* Tabs */ .nd-console-product-list .nd-console-product-list-tabs { height: 70px; position: relative; left: 22px; width: 908px; margin: 70px auto 0; } .nd-console-product-list .nd-console-product-list-tabs ul { display: none; } /*.nd-console-product-list .nd-console-product-list-tabs ul { padding: 19px 0 0 115px; margin: 0; } .nd-console-product-list .nd-console-product-list-tabs li { list-style: none; float: left; height: 23px; } .nd-console-product-list .nd-console-product-list-tabs li a { display: block; height: 23px; text-indent: -999em; }*/ /* Content */ .nd-console-product-list .tab-content { width: 908px; margin: 0 auto; position: relative; left: 17px; overflow: visible; } .nd-console-product-list .nd-console-product-list-item { width: 100px; height: 164px; float: left; margin-left: 25px; margin-right: 26px; margin-bottom: 18px; } .nd-console-product-list .nd-console-product-list-item a { height: 164px; display: block; position: relative; } .nd-console-product-list .nd-console-product-list-item a .nd-console-sub-icon { position: absolute; top: 168px; left: 40px; z-index: 10; } .nd-console-product-list .nd-console-product-list-item a span { height: 100px; display: block; } .nd-console-product-list .nd-console-product-list-item-first { clear: left; } .nd-console-product-list .nd-console-product-list-item.active { height: 270px; } .nd-console-product-list .nd-console-product-list-item a span.product-title { background: none; height: auto; text-align: center; padding-top: 12px; } .nd-console-product-list .nd-console-sub-row { margin: 22px 0px; position: absolute; left: 0; width: 99.9%; } .nd-console-product-list .nd-console-sub-row .nd-console-product-sub-list { width: 100%; margin: 0 auto; position: relative; left: 0px; clear: both; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item { margin: 12px 16px 12px 15px; height: 56px; width: 120px; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item-first { clear: none !important; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item a { display: block; width: 110px; height: 48px; padding: 4px 5px; text-align: center; line-height: 110%; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item a span { background: none; width: auto; height: auto; } /* ==================================================================== */ /* Dashboard */ /* ==================================================================== */ .nd-dash-software { margin-bottom: 20px; padding: 10px; border-radius: 8px; border-left: 12px solid #424242 !important; } .nd-dash-software.nd-dash-software-sales { border-left: 12px solid #0b5c83 !important; } .nd-dash-software.nd-dash-software-aftersales { border-left: 12px solid #c90044 !important; } .nd-dash-software.nd-dash-software-marketing { border-left: 12px solid #009879 !important; } .nd-dash-software .nd-dash-software-title { margin: 0 5px 10px; padding: 5px 0 15px 0; font-weight: bold; font-size: 1.4em; } .nd-dash-software .nd-dash-software-title .btn-group { margin-top: -5px; } .nd-dash-software .nd-dash-software-title .btn-group .btn .caret { background-position: -404px -95px; } .nd-dash-software .nd-dash-software-title.collapsed { border: none; margin-bottom: 0; padding-bottom: 5px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 { width: 292px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 .nd-dash-content { width: 290px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 { width: 594px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 .nd-dash-content { width: 592px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 { width: 897px; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 .nd-dash-content { width: 895px; } .nd-dash-boxes .nd-dash-box .nd-dash-quad-layout .nd-dash-col6 { width: 144px !important; } /* dash stat */ .nd-dash-heading-sub { width: 270px; } /* ==================================================================== */ /* NOTIFICATION CENTRE */ /* ==================================================================== */ .nd-console-small-box { cursor: pointer; border-radius: 10px; position: relative; } .nd-console-small-box.static { border-bottom-width: 4px !important; } .nd-console-small-box .badge { position: absolute; top: -12px; right: -12px; } .nd-console-small-box .icon { position: absolute; top: 5px; right: 5px; } .nd-console-small-box.static .icon { position: static; } .nd-console-small-box .icon i { width: 40px !important; height: 40px !important; background-size: 2000%; } .nd-console-small-box h3 { padding: 15px 54px 0px 15px; text-shadow: none; font-size: 22px; color: #666; min-height: 40px; font-size: 20px; } .nd-console-small-box p { display: block; padding: 0px; clear: both; color: #666; } .nd-console-small-box p { position: relative; text-align: center; text-shadow: none; border-radius: 7px; } .nd-console-small-box p span { position: relative; top: 10px; display: block; z-index: 2; } .nd-console-small-box p:after, .nd-console-small-box p:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .nd-console-small-box p:after { border-color: rgba(136, 183, 213, 0); border-width: 19px 28px 30px 28px; margin-left: -28px; } .nd-console-small-box p:before { border-color: rgba(194, 225, 245, 0); border-width: 24px 36px 36px 36px; margin-left: -36px; } .nd-console-small-box.nd-console-news { background-color: #e9f0f4; border: 4px solid #9fc1d7; } .nd-console-small-box.nd-console-news p:after { border-top-color: #e9f0f4; } .nd-console-small-box.nd-console-news p:before { border-top-color: #9fc1d7; } .nd-console-small-box.nd-console-news p { position: absolute; left: 50%; margin-left: -14px; bottom: -10px; } .nd-console-small-box.nd-console-news .icon i { background-position: -435px -35px; } .nd-console-small-box.nd-console-maintenance { background-color: #f2f2e0; border: 4px solid #c9c867; } .nd-console-small-box.nd-console-maintenance p:after { border-top-color: #f2f2e0; } .nd-console-small-box.nd-console-maintenance p:before { border-top-color: #c9c867; } .nd-console-small-box.nd-console-maintenance p { position: absolute; left: 50%; margin-left: -14px; bottom: -10px; } .nd-console-small-box.nd-console-maintenance .icon i { background-position: -236px -195px; } .nd-console-small-box.nd-console-software { background-color: #dbf0ea; border: 4px solid #74cbb2; } .nd-console-small-box.nd-console-software p:after { border-top-color: #dbf0ea; } .nd-console-small-box.nd-console-software p:before { border-top-color: #74cbb2; } .nd-console-small-box.nd-console-software p { position: absolute; left: 50%; margin-left: -14px; bottom: -10px; } .nd-console-small-box.nd-console-software .icon i { background-position: -595px -234px; } .nd-console-small-box.nd-console-issues { background-color: #fcece7; border: 4px solid #d77a5e; } .nd-console-small-box.nd-console-issues p:after { border-top-color: #fcece7; } .nd-console-small-box.nd-console-issues p:before { border-top-color: #d77a5e; } .nd-console-small-box.nd-console-issues p { position: absolute; left: 50%; margin-left: -14px; bottom: -10px; } .nd-console-small-box.nd-console-issues .icon i { background-position: 5px -194px; } .nd-widget-box .nd-widget-content .well.nd-console-well { padding: 15px; } .nd-widget-box .nd-widget-content .well.nd-console-well .title { font-size: 18px; } .nd-widget-box .nd-widget-content .well.nd-console-well .date { font-size: 16px; color: #000; padding: 0px 20px; } .nd-widget-box .nd-widget-content .well.nd-console-well .label { padding: 8px; } .nd-widget-box .nd-widget-content table tr.nd-console-read td a.title, .nd-widget-box .nd-widget-content table tr.nd-console-read td .well.nd-console-well .date, .nd-widget-box .nd-widget-content table tr.nd-console-read td p, .nd-widget-box .nd-widget-content table tr.nd-console-read td h2 { color: #AAAAAA; } table td.nd-console-vert-align-middle { vertical-align: middle; } table td .nd-console-padding { padding: 6px; } .nd-console-news-item td { background: #e9f0f4; } .nd-console-maintenance-item td { background: #f2f2e0; } .nd-console-software-item td { background: #dbf0ea; } .nd-console-issues-item td { background: #fcece7; } .nd-console-news-item td h2, .nd-console-maintenance-item td h2, .nd-console-software-item td h2, .nd-console-issues-item td h2 { text-shadow: none; } .nd-console-cms-date { color: #AAAAAA; font-size: 20px; padding: 20px 0 0; float: right; } .nd-console-cms-image { float: right; margin: 0 0 15px 15px; } .nd-console-cms-image .inset { border: 2px solid #333; border-radius: 5px; padding: 1px; } .nd-console-cms-image img, .nd-console-cms-image iframe { display: block; border-radius: 5px; } .nd-console-cms-item-list { margin: 15px 0 0 0; list-style-position: inside; } .nd-console-cms-item-list { color: #000; border: 1px solid #ddd; border-radius: 5px; } .nd-console-cms-item-list li { padding: 5px 15px; border-bottom: 1px solid #ddd; } .nd-console-btn-list-back { cursor: pointer; display: block; } .js-bar-colour { background-color: #f5f5f5; } #newsBar { background-color: #bfd5e3; } #maintenanceBar { background-color: #e6e5a4; } #softwareBar { background-color: #b0dace; } #issuesBar { background-color: #ecb19f; } /* fix to drag the "back to all notifications" link up inline with pagination */ .nd-pagination { position: relative; } .nd-pagination .pagination { height: 55px; } .nd-notification-back { position: absolute; top: 11px; right: 13px; } /* ==================================================================== */ /* Splash Screen */ /* ==================================================================== */ #nd-software-splash { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 120; } #loadImage img { display:none !important; } #loadImage img.non-mobile-image { display:block !important; } #nd-software-loading { display:none !important; } /* ==================================================================== */ /* Crosshair */ /* ==================================================================== */ .nd-crosshair { background: url(../img/theme/netdirector/nd-crosshair.png) 0 0 no-repeat; display: block; height: 27px; position: absolute; top: 107px; left: 167px; width: 27px; z-index: 1002; } /* ==================================================================== */ /* Growl Alerts */ /* ==================================================================== */ .notifications { top: 76px !important; } /* ==================================================================== */ /* Responsive Elements */ /* ==================================================================== */ @media only screen and (max-width: 1023px) { /* Header */ .nd-console-header .nd-logo a { width: 290px; } .nd-console-header .nd-header-controls a { padding: 22px 15px 24px; } .nd-console-header .nd-profile a { padding: 7px 6px 0; } .nd-console-header .nd-header-controls .nd-console-control-search { padding: 18px 9px 12px; } .nd-console-header .nd-header-controls i { background-image: url(../img/glyphicons-halflings-white.png) !important; } .nd-console-header .nd-header-controls i.icon-large { width: 14px !important; height: 14px !important; } .nd-console-header .nd-header-controls i.icon-th-large { background-position: -216px 0; } .nd-console-header .nd-header-controls i.icon-list { background-position: -360px -48px; } .nd-console-header .nd-header-controls i.icon-question-sign { background-position: -96px -96px; } .nd-console-header .nd-header-controls i.icon-cog { background-position: -432px 0; } .nd-console-header .nd-header-controls .nd-console-control-search a i { background-image: url(../img/glyphicons-halflings.png) !important; } /* Dashboard */ .nd-dash-boxes .nd-dash-box { margin: 5px 1%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 { width: 48%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 { width: 98%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 { width: 98%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 .nd-dash-content { width: 100%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 .nd-dash-content { width: 100%; } .nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 .nd-dash-content { width: 100%; } .nd-dash-boxes .nd-dash-box .nd-dash-item.nd-dash-item-col-2 { width: 46%; margin: 0 2%; } /* Software List */ .nd-console-product-list .nd-console-product-list-tabs { width: 650px; margin: 70px 0 0 0; } .nd-console-product-list .tab-content { width: 100%; left: 0; } .nd-console-product-list .nd-console-product-list-item-first { clear: none; } } @media only screen and (max-width: 900px) { /* Header */ .nd-console-header .nd-profile .nd-username { position: relative; padding-right: 0; } .nd-console-header .nd-profile .nd-avatar { position: static; border: 0; width: 18px; } .nd-console-header .nd-profile .nd-avatar img { display: none; } .nd-console-header .nd-profile .nd-avatar .badge { top: 2px; right: 2px; } .nd-console-header .nd-header-controls a { padding: 22px 10px 24px; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append input { width: 100px; } } @media only screen and (max-width: 768px) { /* Header */ .nd-console-header .nd-header-controls a { padding: 22px 12px 24px; } .nd-console-header .nd-profile { height: auto; } .nd-console-header .nd-profile a { padding: 22px 12px 24px; height: auto; } .nd-console-header .nd-profile .nd-username { padding: 0; } .nd-console-header .nd-profile .nd-username span { background-image: url(../img/glyphicons-halflings-white.png) !important; background-position: -384px 0; width: 14px; height: 14px; display: block; text-indent: -999em;} .nd-console-header .nd-header-controls .nd-console-control-search .icon-search { display: none; } } @media only screen and (max-width: 650px) { .nd-pagination .pagination { height: auto; } /* Loading Graphic */ #loadImage { position: absolute !important; top: 20% !important; left: 2% !important; width: 96% !important; height: auto !important; -webkit-background-size: 100% auto !important; background-size: 100% auto !important; } #loadImage img.non-mobile-image { display:none !important; } #loadImage img { border-radius: 8px; } #loadImage img.mobile-image { display:block !important; } #nd-software-loading { position: absolute !important; top: 50% !important; left: 0 !important; display:block !important; width: 100% !important; } #nd-software-loading img { margin: 0 auto; display: block; } /* Header */ .nd-console-header { height: 103px; background: #00093C; /*position: static;*/ } .nd-console-header .nd-logo { position: static; margin: 0 auto; overflow: hidden; width: auto !important; height: 52px; max-width: 253px !important; } .nd-console-header .nd-logo a { display: block; width: auto !important; overflow: hidden; } .nd-console-header .nd-logo a img { margin: 0 auto; text-align: center; display: block; } .nd-console-header .nd-header-controls { width: 96% !important; margin: 0 2%; height: 0; position: absolute; top: 103px; left: 0; background: #00093C; } .nd-console-header .nd-header-controls.collapse { overflow: hidden !important; z-index: 70 !important; } .nd-console-header .nd-header-controls.in { height: 50px !important; overflow: visible !important; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.6); box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.6); } .nd-console-header .nd-header-controls span { display: block !important; text-align: center; } .nd-console-header .nd-header-controls a { display:none !important; } .nd-console-header .nd-header-controls .nd-console-control-search { width: 96%; padding: 5px 2% 1px; border: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results { display: block; } .nd-console-header .nd-header-controls .nd-console-control-search-results a { padding: 4px 2% !important; margin: 0; width: 96%; border-radius: 0; display: block !important; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append input { width: 96% !important; font-size: 16px; padding: 8px 2%; border: none; border-radius: 4px; } .nd-console-header .nd-header-controls .nd-console-control-search-results form .input-append .add-on { display: none !important; } .nd-console-header .nd-header-controls .nd-console-control-search .icon-search { display: none; } .nd-console-header .nd-header-controls .nd-console-control-search-results .quickSearch { top: 38px; } .nd-console-header .nd-profile { padding: 0; } .nd-console-header .nd-profile a { padding: 0; } .nd-console-header .nd-profile .nd-username { position: absolute; top: 52px; right: 2%; width: 14.5%; padding: 7px 0; border: 1px solid #212952; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .nd-console-header .nd-profile .nd-username span { background-image: url(../img/glyphicons-white.png) !important; background-position: -608px 0 !important; width: 29px; height: 29px; margin: 0 auto; display: block; } .nd-console-header .nd-profile .nd-avatar .badge { top: 46px; } .nd-toggle-header-controls { display: block !important; margin: 0 1%; } .nd-toggle-header-controls a { display: block; float:left; width: 14.5%; margin: 0 1%; padding: 7px 0; border: 1px solid #212952; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .nd-toggle-header-controls a span { display:none; } .nd-toggle-header-controls i { background-image: url(../img/glyphicons-white.png) !important; width: 29px; height: 29px; margin: 0 auto; display: block; } .nd-toggle-header-controls i.icon-search { background-position: -76px 0; } .nd-toggle-header-controls i.icon-th-large { background-position: -342px 0; } .nd-toggle-header-controls i.icon-list { background-position: -570px -76px; } .nd-toggle-header-controls i.icon-question-sign { background-position: -152px -152px; } .nd-toggle-header-controls i.icon-cog { background-position: -684px 0; } /* Software List */ .nd-console-product-list-overlay { background: #2e3841; z-index: 1; } .nd-console-product-list { top: 0; margin-top: 103px !important; height: 115% !important; } .nd-console-product-list .nd-console-product-list-tabs { display: none; } .nd-console-product-list .tab-content { width: 100%; margin: 0; left: 0; clear: both; padding: 2% 0 0 0; background:#2e3841; border-top: 10px solid #424242; } .nd-console-product-list .tab-content .tab-pane { width:498px; margin:0 auto; } .nd-console-product-list .nd-console-product-list-item { width: 80px; height: 130px; margin: 0 4.4%; } .nd-console-product-list .nd-console-product-list-item a { width: 80px; height: 130px; } .nd-console-product-list .nd-console-product-list-item a span { width: 80px; height: 80px; background: url(../img/console/nd-console-product-list-icons.png) -10px -10px no-repeat; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-auto span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-auto-v10 span { background-position: -110px -10px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-stock span { background-position: -210px -10px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-trade span { background-position: -310px -10px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-video-360 span { background-position: -410px -10px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-service-plans span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-jlr-service-centre span { background-position: -10px -110px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-enquiry-manager span { background-position: -110px -110px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-call-manager span { background-position: -210px -110px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-cap-valuations span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-vehicle-valuation span { background-position: -310px -110px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-online-deposits span { background-position: -410px -110px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-jlr-test-drive span { background-position:-10px -210px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-service-booking span { background-position: -110px -210px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-parts-accessories span { background-position: -210px -210px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-tyres span { background-position: -310px -210px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast-v3 span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leadbeast-v4 span { background-position: -410px -210px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-experience span { background-position: -10px -310px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-footfall span { background-position: -110px -310px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-enquiry-manager-v2 span { background-position: -210px -310px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-chat-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-mobile span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-reevoo span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-redirect-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-review-manager span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-callbank span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-dealer-app span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-leasing span, .nd-console-product-list .nd-console-product-list-item a.nd-console-product-app span { background-position: -10px -10px; } .nd-console-product-list .nd-console-product-list-item a.nd-console-product-my-netdirector span { background-position: -310px -310px; } .nd-console-product-list .nd-console-product-list-item a span.product-title { width:80px; height: 46px; font-size:12px; line-height:12px; margin-top: 0; padding-top:4px; } .nd-console-product-list .nd-console-product-list-item a span.small { width:auto; height:auto; display:inline; font-size:10px; } .nd-console-product-list .nd-console-sub-icon { display: none !important; } .nd-console-product-list .nd-console-product-list-item.active { height: auto !important; } .nd-console-product-list .nd-console-sub-row { z-index: 1; margin: 4%; width: 91.99%; top: 0; } .nd-console-product-list .nd-console-sub-row .nd-console-product-sub-list { width: 100%; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item { margin: 0; width: 99.99%; height: auto; border-top: 1px solid #353831; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item:first-child { border-top: none; } .nd-console-product-list .nd-console-sub-row .nd-console-product-list-item a { padding: 3% 4%; width: 91.99%; background: none; height: auto; } .hc-product-list { margin-top: 0; } .hc-product-list .nd-console-product-list-item a { background: url(../img/console/nd-console-product-list-mobile-blue.png) 0 -372px no-repeat; width: 57px; height: 93px; } /* Dashboard */ .nd-dash-software { border: none !important; background: #424242 !important; margin-bottom: 0 !important; margin-top: 10px !important; } .nd-dash-software.nd-dash-software-sales { border: none !important; background: #0B5C83 !important; } .nd-dash-software.nd-dash-software-aftersales { border: none !important; background: #C90044 !important; } .nd-dash-software.nd-dash-software-marketing { border: none !important; background: #009879 !important; } .nd-dash-software .nd-dash-box { margin-bottom: 0 !important; margin-top: 10px !important; } .nd-dash-software .nd-dash-box:first-child { margin-top: 0 !important; } .nd-dash-software .nd-dash-software-title { color: #fff; padding-bottom: 10px !important; } .nd-dash-heading-sub { width: 80%; } .modal .modal-body iframe { width: 100% !important; height: 195px !important; } } @media only screen and (max-width: 500px) { .nd-console-product-list .tab-content .tab-pane { width: 450px; margin: 0 auto; } .nd-console-product-list .nd-console-product-list-item { margin: 0 3.5%; } } @media only screen and (max-width: 460px) { .nd-console-product-list .tab-content .tab-pane { width: 400px; margin: 0 auto; } .nd-console-product-list .nd-console-product-list-item { margin: 0 2.5%; } } @media only screen and (max-width: 400px) { .nd-console-product-list .tab-content .tab-pane { width: 284px; margin: 0 auto; } } @media only screen and (max-width: 300px) { .nd-console-product-list .tab-content .tab-pane { width:280px; margin:0 auto; } .nd-console-product-list .nd-console-product-list-item { margin: 0 1.5%; } .nd-console-product-list .nd-console-product-list-tabs ul li a { font-size: 11px; } .nd-console-product-list .nd-console-product-list-tabs ul li.nd-console-product-list-sales { width: 16.6% !important; } } @media only screen and (max-width: 650px) and (max-height: 250px) { .nd-console-header .nd-header-controls a { width: 20.3%; padding: 3% 0; height: 30%; } }