html, body {height:100%;}

body { font-family:'GenesisSans', sans-serif; -webkit-font-smoothing:antialiased;}

.modal-footer .btn + .btn {margin:0 5px;}

a:hover, a:focus {color:unset; text-decoration:none; outline:unset;}

.no-padding-left {padding-left:0;}
.no-padding-right {padding-right:0;}
.no-padding-bottom {padding-bottom:0 !important;}

.float-left {float:left;}
.float-right {float:right;}
.uppercase {text-transform:uppercase;}

.outwrap {height:100%;}

.login-note {color:#E5E5E5; font-size:16px; font-weight: 400;}

hr.dark {border-color:#000;}

/* =====================================
DEALER SELECT
======================================== */
#dealer-select-form {color:#333; text-align:left; width:90%; margin:15px 0 10px;}
.chzn-container .chzn-results .active-result {font-size:0.9em; color:#333;}
.chzn-container .chzn-results .active-result.highlighted {color:#FFF;}
.chzn-container-single .chzn-single span {margin-top:-2px;}
.chzn-container-single .chzn-search input, .chzn-container .chzn-results .no-results {color:#333;}
.chzn-container .chzn-results span {display:inline;}

#logo-mobile {vertical-align:top; display:table-cell; background:#FFF;}

#logo {text-align:center; padding:26.5px 0; background:#FFF;}
#logo a {display:block; position: relative;}
#logo a::after {content: ''; height: 100%; width: 1px; background-color: #E5E5E5; position: absolute; top: 0; right: 0;}
#logo a img {width:174px;}

#main-title-bar {min-height:88px; background:#fff;}
#main-title-bar .icon-home {color:#1A1A1A; font-size:22px; margin:0 15px 0 32px;}
#main-page-title {display:inline-block; color:#1A1A1A; font-size:18px; font-weight:400; margin:32px 0 0; text-transform:uppercase;}

.mobile-menu-link {float:right; display:block; font-size:30px; margin:23px 20px 0 0; color:#AAA;}
.mobile-menu-link:hover {cursor:pointer; color:#333;}

ul#auxiliary-nav  {float:right; display:block; list-style:none; margin:32px 32px 0 0;}
ul#auxiliary-nav li {float:left; display:block; color:#1A1A1A; font-size:20px; margin-left:32px; position:relative;}
ul#auxiliary-nav li a {color:#1A1A1A;}
ul#auxiliary-nav li a:hover {color:#E6E6E6; text-decoration:none;}

ul#auxiliary-nav li a span.alert-count {position:absolute; top:-3px; right:-8px; font-size:12px; width:16px; height:16px; border-radius:100px; color:#FFF; text-align:center; line-height:initial; background:#D0021B;}

button.grad-link, input[type="submit"].grad-link {border:none;}
button[disabled=""], button[disabled="disabled"], button.disabled, a.disabled, button.submitting, a.submitting, a.temp-disabled {opacity:0.3; cursor:default;}

input[type="submit"].grad-link {border-radius:4px !important; padding:7px 16px !important; font-size:12px !important; color:#FFF !important; text-align:center !important; text-decoration:none !important; font-weight:500 !important;}

.grad-link-wrap {}
.grad-link-right {text-align:right;}
.grad-link, .grad-link:active, input[type="submit"].grad-link {display:inline-block; border-radius:4px; padding:7px 16px; font-size:12px; color:#FFF; text-align:center; text-decoration:none; font-weight:500;}
.grad-link.block, input[type="submit"].grad-link.block {display:block;}
.grad-link.grey, input[type="submit"].grad-link.grey {background:#959595; background-image:linear-gradient(to bottom, #D3D3D3, #595959);}

.grad-link.__login {border-radius: 2px; background: #CCCCCC; color: #1A1A1A;padding: 15px 20px; }
.grad-link.__login:hover {background: #1A1A1A; color:#CCCCCC;  }
.grad-link.__outlined, input[type="submit"].grad-link.__outlined {background: transparent; color: #1A1A1A; border-radius: 2px; border:1px solid #1A1A1A; font-weight: 400; font-size: 16px; padding: 15px 20px;}
.grad-link.__outlined:hover, input[type="submit"].grad-link.__outlined:hover {background: #1A1A1A; color: #fff;}
.grad-link.__black, input[type="submit"].grad-link.__black {background: #1A1A1A; border: 1px solid #1A1A1A;border-radius: 2px; color: #fff; font-weight: 400; font-size: 14px; padding: 15px;  }
.grad-link.__black:hover, input[type="submit"].grad-link.__black:hover { background: #484848; border: 1px solid #484848;}
.grad-link.__grey, input[type="submit"].grad-link.__grey {background: #484848; border: 1px solid #1A1A1A;border-radius: 2px; color: #fff; font-weight: 400; font-size: 16px; padding: 15px 20px; }
.grad-link.__grey:hover, input[type="submit"].grad-link.__grey:hover { background: #1A1A1A; border: 1px solid #1A1A1A;}
.grad-link.__white, input[type="submit"].grad-link.__white {background: transparent; color: #fff; border-radius: 2px; border:1px solid #fff; font-weight: 400; font-size: 16px; padding: 15px 20px;}
.grad-link.__white:hover, input[type="submit"].grad-link.__white:hover {background: #fff; color: #1A1A1A;}


.grad-link:hover, .grad-link:active, input[type="submit"].grad-link:hover {color:#FFF; text-decoration:none;}
.grad-link.grey:hover, input[type="submit"].grad-link.grey:hover {background:#CACACA; background-image:linear-gradient(to bottom, #D8D8D8, #757575);}

.grad-link.disabled {opacity:0.5;}

.grad-link.back-link {margin-top:40px;}

.grad-link .icon-link {font-size: 16px; line-height: 17px; float: right; margin-left: 5px;}

.login-buttons {text-align:right;}
.login-buttons a, .login-buttons button {display:inline-block;}
.login-buttons button {margin-left:15px;}


#wrapper {display:table; width:100%; table-layout:fixed; overflow:auto; height:100%; position:relative; transition: all 0.3s ease 0s;}
#layout-static {display:table-row; height:100%;}
#sidebar-wrapper {overflow:hidden; width:382px; background: #484848;}
.mobile-sidebar {position:fixed; top:0; right:0; -ms-transform: translate(382px); -webikit-transform: translate(382px); transform: translateX(382px); height:100%; background:#34597A; background-image:linear-gradient(170deg, #34597A, #6B849A); z-index:600;}
.mobile-sidebar #logo {display:none;}

#side-bar ul#auxiliary-nav {display:block; float:none; margin:0; padding:9px 0; text-align:center; background:#FFF;}
#side-bar ul#auxiliary-nav li {display:inline-block; float:none; font-size:30px; margin:0 15px 0 0;}
#side-bar ul#auxiliary-nav li a span.alert-count {top:1px; right:-6px; height:18px; width:18px; line-height:unset;}

ul#auxiliary-nav .popover {top:-6px !important; font-family:'ModernH', sans-serif;}
ul#auxiliary-nav .popover .arrow {top:18px !important;}
ul#auxiliary-nav .popover-content {width:240px;}
ul#auxiliary-nav .popover-content ul {padding:0;}
ul#auxiliary-nav .popover-content ul li, #side-bar ul#auxiliary-nav .popover-content ul li {position:relative; float:none; font-size:12px; margin:0; padding:10px 8px 25px; border-bottom:thin solid #DDD;}
ul#auxiliary-nav .popover-content ul li.alert_link:hover {background:#EEE;}
ul#auxiliary-nav .popover-content ul li a, ul#auxiliary-nav .popover-content ul li span {display:block; color:#484848; font-weight:bold;}
ul#auxiliary-nav .popover-content ul li a.hide_alert {position:absolute; bottom:3px; right:8px; margin-bottom:1px; font-weight:normal; color:#333; opacity:0.3;}
ul#auxiliary-nav .popover-content ul li a.hide_alert:hover {opacity:1;}
ul#auxiliary-nav .popover-content ul li:last-child {border:0; margin-bottom:12px;}


#side-bar {width:382px;}


#content-wrapper {width:100%; background:#F4F4F4; }
#content { position: relative;z-index: 2; }

#content-wrapper.content-success {background:#F4F4F4}
#content-wrapper.content-faq {background:#fff}
#content-wrapper.content-matrix {background: url(/images/background-matrix.png) left top no-repeat; background-size:cover;}
#content-wrapper.content-login {background: #313131; position: relative;}
#content-wrapper.content-login::before { content: url('/images/background-genesis-login.svg'); width: auto; height: 100%; max-height: 755px; overflow: hidden;  position: absolute; right: 0;bottom: 0; opacity: 0.1451; z-index: 1;}

#sidebar-wrapper, #content-wrapper, .mobile-sidebar {vertical-align:top; display:table-cell;}


#dealer-details {}
#dealer-details p {font-size:18px; color:#FFF; margin:0;}
#dealer-details p.test-mode-alert {background:#F00; display:inline-block; padding:5px; width:90%; margin-bottom:10px;}

#submission-information {background:none;}
#submission-information p, #admin-nav p {font-size:16px; font-weight:400; margin-bottom:6px; color: #E5E5E5;}
#submission-information p span, #admin-nav p span {font-size:24px; font-weight:400; color: #fff; margin-bottom: 9px;}
#submission-information p a, #admin-nav p a {font-size:16px;}

#navigation {}
#navigation p {}
#navigation ul {}
#navigation li {}

#downloads.sidebar-widget a, #useful.sidebar-widget a {margin-bottom: 15px;}
#downloads p {}
#downloads ul {}
#downloads ul li {}


.sidebar-widget {padding:38px 0 22px 22px; margin-bottom:1px; background: #313131;}
.sidebar-widget p {color:#FFF; font-size: 24px; font-weight: 400;margin-bottom: 9px;}
.sidebar-widget span, .sidebar-widget a {display:block;}
.sidebar-widget a {color:#fff; text-decoration: underline; margin-top: 6px; font-size: 16px; font-weight: 400; margin-bottom: 38px;}
.sidebar-widget a:hover {text-decoration: none;}

.sidebar-widget ul {padding:0;}
.sidebar-widget ul li {list-style:none; margin-bottom:3px;}


#wrapper.__mobilemotion { position:relative; -ms-transform:translate(-382px); /* IE 9 */ -webkit-transform:translate(-382px); /* IE 9 */ transform:translateX(-382px); }
#wrapper.__mobilemotion::after { background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom:0; content:""; left:0; position:absolute; right:0; top:0; z-index:555; }


.menu-toggle {position:relative; display:inline-block; padding:20px; z-index:999; background:none;}

.menu-toggle span {background:#AAA; display:block; height:3px; left:50%; margin:-2px 0 0 -9px; position:absolute; top:50%; width:20px;}
.menu-toggle span::before, .menu-toggle span::after {backface-visibility:hidden; background:#AAA; content:""; height:100%; left:0; position:absolute; -ms-transform: translate(382px); -webkit-transform: translate(382px); transform: translateZ(0px); transition:transform 0.3s ease 0s; width:100%;}
.menu-toggle span::before {top:-8px; transform:rotate(0deg);}
.menu-toggle span::after {bottom:-8px; transform:rotate(0deg);}

.menu-toggle.open span {background:none;}
.menu-toggle.open span::before, .menu-toggle.open span::after {background:#FFF;}
.menu-toggle.open span::before {top:0; transform:rotate(135deg);}
.menu-toggle.open span::after {bottom:0; transform:rotate(225deg);}


.transition-width {transition: width 0.3s ease;}

#welcome-block {padding:24px 32px;background:#F4F4F4;}

#welcome-block h1 {font-size:48px; color:#FFFFFF;background: #313131; font-weight:400; margin:0 0 30px; padding: 54px 65px 30px; z-index: 2; position: relative; text-transform: uppercase;}
#welcome-block h1.__svg::after {content: url('/images/dwr.svg'); width: 100%; height: auto; position: absolute; right: 0;bottom: 0; z-index: -1;overflow: hidden; max-width: 865px; max-height: 190px;}

#welcome-block form#search-regvin {position:relative; padding:16px; margin-bottom:16px; background:rgba(230,230,230,0.7);}
#welcome-block form#search-regvin .search-regvin-input-wrapper {position:relative;}
#welcome-block form#search-regvin input[type="text"] {width:100%; border-radius:4px; padding:0 15px; font-size:18px; font-weight:300;}
#welcome-block form#search-regvin button {position:absolute; top:0; right:0; width:60px; border-radius:0 3px 3px 0; background:#313131;}
#welcome-block form#search-regvin button:hover {background:#E6E6E6;}
#welcome-block form#search-regvin button:hover i {color: #313131;}
#welcome-block form#search-regvin button i {font-size:28px; color:#FFF;}
#welcome-block form#search-regvin input, #welcome-block form#search-regvin button {display:inline-block; height:60px; border:0; padding-top:6px;}

form#search-regvin .error_feedback {}
form#search-regvin .error_feedback ul {padding:0;}
form#search-regvin .error_feedback ul li {color:#F00; list-style:none;}

#welcome-blocks {}
.dealer-performance-block {position:relative; min-height:154px; margin-bottom:16px; padding:16px 16px 0; background:#fff;}
.dealer-performance-block p, .dealer-performance-block i {display:inline-block; vertical-align:top; color:#000;}
.dealer-performance-block p:first-child {margin-bottom:15px; display:block; opacity:0.7; font-size:14px; font-weight:bold; line-height:30px;}
.dealer-performance-block > p:first-child {height:30px; text-transform: uppercase;font-weight: 400; font-size: 16px;}
.dealer-performance-block i {position:absolute; top:14px; right:12px; opacity:0.3; font-size:40px; transition: all 0.3s ease;}
.dealer-performance-block .display-figure {display:inline-block; font-size:32px; line-height:42px; font-weight:500; margin:0;}
.dealer-performance-block .display-percentage {display:none; border-top:1px solid rgba(255,255,255,0.5); padding:15px 0 0; margin:12px 0 0; font-size:12px;}

.dealer-performance-block .grad-link {float:right; display:block;}

.grey-block {background:#fff;}

.dealer-performance-block.grey-block p {color:#000;}
.dealer-performance-block.grey-block hr {border-color:#000;}

.welcome-automated-records {position:relative; min-height:325px; padding:22px 16px 0; background:#fff;}
.welcome-automated-records p {font-size:16px; font-weight:400; color:#000; text-transform: uppercase;}
.welcome-automated-records p span {font-size:18px; font-weight:300;}
.welcome-automated-records p.display-figure {font-size:56px; line-height:134px; margin:0 0 10px; padding:95px 0 0; transition: all 0.3s ease;}
.welcome-automated-records p.display-figure span {font-size:16px; line-height:20px; margin-left:0;}
.welcome-automated-records p.average-submissions {font-size:12px; padding:12px 0 0; border-top:1px solid rgba(255,255,255,0.5);}
.welcome-automated-records p.display-figure-percent {position:absolute; bottom:28px; right:10px; font-size:24px; font-weight:400; color: #8C8C8C;} 


.reporting-trans-box {position:relative; min-height:235px; padding:22px 16px 0; border-radius:4px; background:#fff;}
.reporting-trans-box p {font-size:22px; font-weight:bold; color:#000;}
.reporting-trans-box p span {font-size:18px; font-weight:300;}
.reporting-trans-box p.display-figure {font-size:124px; line-height:134px; margin:0; padding:0; transition: all 0.3s ease; font-weight:500;}
.reporting-trans-box p.display-figure span {font-size:72px; line-height:72px; margin-left:-15px;}
.reporting-trans-box p.bottom-block-figure {font-size:12px; padding:10px 0 0; border-top:1px solid rgba(255,255,255,0.5);}
.reporting-trans-box hr {margin:0;}

.reporting-title {font-size:20px; color:#1A1A1A; border-bottom:1px solid #CCC; padding-bottom:8px;}
.single-display-figure {font-size:72px; font-weight:500; line-height:72px;}

.percent-bar-container {position:relative; width:100%; margin-bottom:12px;}
.percent-bar {width:100%; height:10px; background:#E8E8E8;}
.percent-filler {position:absolute; bottom:0; left:0; height:10px; background:#313131;}


#automation-doughnut, #escalation-doughnut {padding:20px 16px;}

.percent-bar-container.doughnut-bar {margin-bottom:10px;}
.percent-bar-container.doughnut-bar .percent-bar-title {font-size:14px; color:#1A1A1A; margin:0;}
.percent-bar-container.doughnut-bar .percent-bar-title span.circle {display:inline-block; margin-right:5px; width:12px; height:12px; border:3px solid #A9D593; border-radius:100px; vertical-align:middle;}
.percent-bar-container.doughnut-bar .percent-bar-title span.figure {float:right; display:block; }
.percent-bar-container.doughnut-bar .percent-bar {height:18px; background:#E2E7EE;}
.percent-bar-container.doughnut-bar .percent-filler {height:18px;}

.percent-bar-container.doughnut-bar.automated-records .percent-filler {background:#A9D593;}
.percent-bar-container.doughnut-bar.non-automated-records .percent-filler {background:#EC7381;}
.percent-bar-container.doughnut-bar.non-automated-records .percent-bar-title span.circle {border:3px solid #EC7381;}

.percent-bar-container.doughnut-bar.escalated-records .percent-filler {background:#8a6fe5;}
.percent-bar-container.doughnut-bar.escalated-records .percent-bar-title span.circle {border:3px solid #8a6fe5;}
.percent-bar-container.doughnut-bar.non-escalated-records .percent-filler {background:#3fa3ef;}
.percent-bar-container.doughnut-bar.non-escalated-records .percent-bar-title span.circle {border:3px solid #3fa3ef;}


canvas {
    width: 100% !important;
    max-width: 1000px;
    height: 100% !important;
}

#chartjs-tooltip {opacity:1; position:absolute; background:rgba(81, 80, 81, 1); color:white; border-radius:3px; -webkit-transition:all .1s ease; transition:all .1s ease; pointer-events:none; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index:300; border-radius:8px; box-shadow:0 4px 7px  rgba(0, 0, 0, 0.3); padding:5px 20px;}
.tooltip-value {font-size:18px; color:#FFFFFF; font-weight:300; display:block; width:100%; text-align:center; }
.tooltip-label {display:block; font-size:10px; text-align:center; color:#BCBEC0; margin-top:0;}
.chartjs-tooltip-key {display:inline-block; width:10px; height:10px;}

.tooltip-below {position:absolute; display:block; bottom:-7px; left:0px; display:block; width:100%; height:8px; background:url(/images/tooltip-below.png) no-repeat center bottom;}

.dealer-performance-block .reporting-double-box {}
.dealer-performance-block .reporting-double-box p {font-size:12px; margin-bottom:0; opacity:1; font-weight:500;}
.dealer-performance-block .reporting-double-box p.large-figure {font-size:72px; line-height:80px; margin-bottom:3px;}
.dealer-performance-block .reporting-double-box p.percent-title {font-size:12px;}
.dealer-performance-block .reporting-double-box p span {font-size:26px;}
.dealer-performance-block .reporting-double-box hr {margin:0 0 5px; opacity:0.5;}

ul.bar-chart-key {margin:60px 0 0 20%; padding:0;}
ul.bar-chart-key li {margin:0 0 5px; padding:0; list-style:none; font-size:14px;}
ul.bar-chart-key span {display:inline-block; width:15px; height:15px; margin-right:8px; border-radius:100px; background:#000; vertical-align:middle;}
ul.bar-chart-key span.dark-blue {background:#000000;}
ul.bar-chart-key span.light-blue {background:rgba(72, 72, 72, 0.5);}
ul.bar-chart-key span.navy-blue {background:#1A1A1A;}

#reporting-filter-form {margin-bottom:25px;}
#reporting-filter-form input, #reporting-filter-form select {color:#1A1A1A; padding:5px 10px; border:1px solid #CCC; border-radius:5px; font-weight:700; background:#FFF;}
#reporting-filter-form input {width:100%;}
#reporting-filter-form select {width:175px;}
#reporting-filter-form p {color:#000; line-height:32px; margin-left:12px;}
#reporting-filter-form select, #reporting-filter-form p {float:right; display:block; vertical-align:top;}
#reporting-filter-form button {border-radius:5px; color:#FFF; border:1px solid #1A1A1A; font-size:14px; height:32px; width:100%; background: #1A1A1A;}
#reporting-filter-form button:hover {background: #484848; border:1px solid #484848;}

#reporting-pdf-link {margin-top:40px;}
#reporting-csv-link {margin-top:40px;}

.page-content {min-height:400px; padding:24px 32px; position: relative;}
.page-content.__border::before, .page-content.__border::after {content:''; width: 100%; height: 1px; position: absolute; left: 0; background: rgba(163, 163, 163, 0.4);}
.page-content.__border::before { top: 0;}
.page-content.__border::after { top: 12px;}

.featured-block {min-height:335px; padding:15px;}
.featured-block p.featured-title {font-size:32px; color:#000; padding-bottom:12px; text-transform: uppercase; font-weight: 400;}
.featured-block p {font-size:20px; font-weight:400; color:#000; text-transform: uppercase;}

.featured-resource-centre {}

.featured-faq {}
.featured-faq .faq-question {display:block; font-size: 18px;  font-weight: 400; color: #191919; padding: 20px 16px; background: #fff; margin-bottom: 6px; }
.featured-faq .faq-question:hover {background:#E6E6E6; text-decoration: underline;}
.featured-faq div.faq-question-container {min-height:226px;}

.thank-you, .thank-you-links {height:300px; margin-top:100px;}
.thank-you { background:#1A1A1A;}
.thank-you p:first-child {font-size:48px; font-weight: 400;}
.thank-you p {color:#E5E5E5; font-size:20px; font-weight: 400; margin:0;}
.thank-you-links {background:#1A1A1A;}
.thank-you-links a {margin:10px 0;}

.thank-you > div, .thank-you-links > div {height:100%;}
.thank-you > div > div, .thank-you-links > div > div {position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}


#forgotten-password, #loginform {}
#forgotten-password .input-wrap, #loginform .input-wrap  {}
#forgotten-password .input-wrap label, #loginform .input-wrap label  {color:#E5E5E5; font-size:18px; margin-top:5px; font-weight: 400;}
#forgotten-password .input-wrap input, #loginform .input-wrap input  {display:block; width:100%; border-radius:4px; border:0; height:36px; padding:0 10px;}

.margin-top-20 {margin-top:20px;}


.input-wrap input[type="text"].error {background: #FFECE5;}
.input-wrap input.error, .input-wrap select.error, .input-wrap textarea.error {border:1px solid #E63312 !important; background:#FFECE5;}
.input-wrap.input-faded input[type="text"]:disabled {background: #DDD;}

.forgotten-password-link {color:#FFF; line-height:31px; display:block; text-align:right;}
.forgotten-password-link:hover {color:#FFF; text-decoration:underline;}


.title-csv-title {float:right; margin:-102px 30px 0; z-index: 2; position: relative; background: #1A1A1A; border: 1px solid #1A1A1A; border-radius: 2px; padding: 15px 20px; color: #FFF; font-size: 16px; text-transform: uppercase; font-weight: 400;}
.title-csv-title i {margin-right:10px;}
.title-csv-title:hover, .title-csv-title:focus {background: #484848; border: 1px solid #484848; color: #fff;}

.content-block {margin-bottom:30px;}
.content-block p.title {font-size:30px; color:#1A1A1A; padding:30px; margin-bottom:22px; }
.content-block p.title.__main {background: #F4F4F4; z-index: 2; position: relative;}
.content-block p.title.__main::before {content: ''; background: #F4F4F4; position: absolute; width: 100%; height: 100%;top: 0; left: 0; z-index: -1;}
.content-block p.title.__small { padding: 12px 0; position: relative;}
.content-block p.title.__small::before, .content-block p.title.__small::after {content: ''; position: absolute; left: 0; width: 100%; height: 0.5px; background: #8C8C8C;}
.content-block p.title.__small::before {bottom: 0;}
.content-block p.title.__small::after {bottom: 4px;}
.content-block .content-area {position:relative; padding:0 0 20px; background:#FFF;}
.content-block-loading-cover {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1;}
.content-block-loading-cover > img {position:absolute; top:50%; left:50%; margin:-50px;}

.faq-question, .faq-answer {padding:28px;}

.faq-question {}
.faq-question .faq-title {font-size:24px; color:#1A1A1A; margin-bottom:0;}
.faq-question .faq-posted {font-size:14px; font-weight:600; color:#484848;}

.faq-text {}
.faq-text p {font-size:14px;}

.faq-tags {}
.faq-tags span {display:inline-block; font-size:10px; font-weight:bold; color:#FFF; padding:5px 8px; margin:0 2px 3px 0; border-radius:3px; background:#0474C8;}
.faq-tags span.blue {}
.faq-tags span.green {background:#45B854;}

.faq-answers {}
.faq-answers .faq-title {padding:0 28px; color:#1A1A1A; font-size:16px;}
.faq-answers hr {margin-bottom:0;}

.faq-answer {padding:14px 28px 0;}
.faq-answer .faq-title {padding:22px 0 0; font-size:14px; color:#484848; border-top:1px solid #E6EAEE;}
.faq-answer.first-child {padding-top:0;}
.faq-answer.first-child .faq-title {border:0;}

.faq-answer .answer-text {}
.faq-answer .answer-text p {color:#1A1A1A;}


#help-and-support {padding-bottom:10px;}
#help-and-support hr {border-color:#E6EAEE; margin-bottom:0; margin-top:30px;}
.help-support-block {display:block; padding:20px 16px; background: #fff; margin-bottom: 6px;}
.help-support-block p.title {font-size:14px; color:#1A1A1A; margin-bottom:10px; padding:14px 0 0; border:0;}
.help-support-block p.title i.icon-message {color:#8C8C8C; margin-right:10px;}
.help-support-block p.title i.icon-retweet {color:#AEB6C5; float:right; font-size:11px; padding-top:3px;}
.help-support-block:first-child p.title {border:none; padding-top:0;}
.help-support-block p {color:#484848; margin:0;}

.help-support-block:hover {text-decoration:none;}
.help-support-block:hover p.title i.icon-message {color:#1A1A1A;}
.help-support-block:hover p.title i.icon-retweet {color:#333333;}


.help-support-question {padding:16px;}
.help-support-question p {color:#1A1A1A;}
.help-support-question a {color:#1A1A1A;}



.resource-centre-topics {}
.resource-centre-topics p.title {font-size:16px; color:#2A2E38; margin-bottom:5px;}
.resource-centre-topics ul {padding:0;}
.resource-centre-topics ul li {list-style:none; margin-bottom:3px;}
.resource-centre-topics ul li a {color:#279CF4;}
.resource-centre-topics ul li:first-child a {color:#2A2E38;}

.resource-centre-video {}
.resource-centre-video a {}
.resource-centre-video a img {width:100%;}
.resource-centre-video p {color:#4A4A4A; margin:5px 0 20px;}


nav.pagination-wrap {text-align:right;}
nav ul.pagination {}
nav ul.pagination li {}
nav ul.pagination li a {color:#CED0DA; font-size:14px;}
nav ul.pagination li.current a {color:#1A1A1A;}
nav ul.pagination li a[aria-label="Previous"], nav ul.pagination li a[aria-label="Next"] {color:#CED0DA; font-size:26px; line-height:20px; padding:6px 4px;}
nav ul.pagination li a[aria-label="Previous"]:hover, nav ul.pagination li a[aria-label="Next"]:hover {color:#333;}
nav ul.pagination li a span {}

.content-area.vehicle-found-content {padding:0; margin-bottom:18px; border:1px solid #CCC; border-radius: 2px;}
.content-area.vehicle-found-content > div {width:100%;}
.content-area.vehicle-found-content p.title {color:#1A1A1A; font-size:16px; text-transform: uppercase; border:0; padding:15px 20px; margin-bottom:0; background:#fff; }
.content-area.vehicle-found-content > p.title:hover, .content-area.vehicle-found-content.vehicle-escalation-content p.title:hover, .content-area.vehicle-found-content.work-record-content p.title:hover, .content-area.vehicle-found-content .title.disabled {cursor:pointer;}
.content-area.vehicle-found-content p  {color:#1A1A1A;}

.content-area.vehicle-found-content.work-record-content p.title, .content-area.vehicle-found-content.vehicle-escalation-content p.title {background: #FFFFFF;}
.content-area.vehicle-found-content.work-record-content .open-close-indicator, .content-area.vehicle-found-content.vehicle-escalation-content .open-close-indicator {color:#5F5F5F;}

.content-area.vehicle-found-content.data-alert p.title {background:#fff; }
.content-area.vehicle-found-content.data-success p.title {background:#fff; }
.content-area.vehicle-found-content.data-alert .open-close-indicator, .content-area.vehicle-found-content.soft-alert-dont-panic .open-close-indicator, .content-area.vehicle-found-content.data-success .open-close-indicator {color:#5F5F5F;}
.content-area.vehicle-found-content.soft-alert-dont-panic p.title {background:#fff;}


.content-area.vehicle-found-content.vehicle-escalation-content > div {margin-top:0; margin-bottom:10px;}

.content-area.vehicle-found-content p.title.disabled {cursor:pointer; background:#E9E9E9;}

.vehicle-found-form-containers {padding:6px 16px; display:none;}
.content-area.vehicle-found-content-open .vehicle-found-form-containers::before {content: ''; position: absolute; top: -6px; left: 0; width: 100%; height: 1px; background: #CCC; transition: all 0.3s;}
.content-area.vehicle-found-content-open .vehicle-found-form-containers {display:block; border-top: 1px solid #CCC; position: relative;}
.content-area.vehicle-found-content-open p.title {background:none; }

.open-close-indicator {float:right; color:#5F5F5F; font-size:24px; padding-top:3px;}
.content-area.vehicle-found-content-open .open-close-indicator {color:#5F5F5F;}
.content-area.vehicle-found-content > p.title:hover .open-close-indicator {color:#1A1A1A;}
.content-area.vehicle-found-content > p.title .icon-tick {display:inline-block; color:#32D709; margin:0 0 0 10px; vertical-align:text-bottom; font-size:19px;}

.form-elements {}
.content-area.vehicle-found-content .form-elements p.title, .content-area.vehicle-found-content .form-elements p.sub-title {font-size:14px; color:#000; margin-bottom:10px; padding:0; background:none;}
.content-area.vehicle-found-content .form-elements p.sub-title {margin:-5px 0 10px;}

.input-wrap {position:relative; margin-bottom:12px;}

.input-wrap label {display:block; font-size:14px; color:#1A1A1A; text-transform: uppercase; font-weight: 400;}
.input-wrap input[type="text"], .input-wrap textarea, .input-wrap select {display:block; height:48px; width:100%; font-size:14px; padding:0 0 0 10px; border:1px solid #CCCCCC; border-radius:2px; background: #ffffff;}
.input-wrap input[type="file"] {width:100%; padding:6px 0 !important;}
.input-wrap textarea {height:100px; padding:7px 5px;}
.input-wrap input[type="checkbox"] {}

.input-wrap.input-faded label {color:#CED0DA;}
.input-wrap.input-faded input[type="text"] {color:#CED0DA; border-color:#DFE3E9;}

.input-wrap.input-alert label, .input-wrap.input-active label, .input-wrap.input-error label {color:#1A1A1A;}
.input-wrap.input-alert input[type="text"], .input-wrap.input-active input[type="text"], .input-wrap.input-error input[type="text"],
.input-wrap.input-alert select, .input-wrap.input-active select, .input-wrap.input-error select {color:#1A1A1A;}

.input-wrap.input-alert input[type="text"], .input-wrap.input-alert select {border-color:#1B9C58;}
.input-wrap.input-active input[type="text"], .input-wrap.input-active select {border-color:#F77524;}
.input-wrap.input-error input[type="text"], .input-wrap.input-error select {border-color: #D20A19;}
.input-wrap input[readonly="readonly"], .input-wrap select[disabled="disabled"] {border:1px solid #CCC; background:rgba(232, 232, 232, 0.50);}


.input-wrap > i {display:none; position:absolute; bottom:9px; right:10px; color:#1B9C58;}
.input-wrap > select + i {right:25px;}
.input-wrap > i.icon-cancel {color:#9B1E1B;}
.input-wrap.input-alert > i, .input-wrap.input-error > i.icon-cancel {display:block;}

.input-wrap.input-checkbox label, .input-wrap.input-checkbox input {display:inline-block; vertical-align:top;}
.input-wrap.input-checkbox label {margin-right:10px; font-size:14px; width:90px;}
.input-wrap.input-checkbox input {}


.checkboxes-wrap {}
.checkboxes-wrap label {display:block;}
.checkboxes-wrap input {vertical-align:top;}


.content-area.vehicle-found-content .labour-description {}
.content-area.vehicle-found-content .labour-description p {padding:0; font-size:14px; font-weight:300;}
.content-area.vehicle-found-content .labour-description p.title {font-weight:bold; background:none;}
.content-area.vehicle-found-content .labour-description p.title:hover {background:none; cursor:default;}

#customer-details-block .form-elements {}
#customer-details-block .input-wrap {}
#customer-details-block .input-wrap label {margin: 5px 0 7px;}
#customer-details-block .input-wrap input[disabled] {background:#ededed;}
#customer-details-block button {margin: -42px 0 12px;}


#helpdeskModal .panel {color:#1A1A1A; padding:21px; border:1px solid #CCCCCC; font-size:18px; margin-bottom:15px; cursor:pointer; background:#fff;}
#helpdeskModal .panel:hover {border-color: #1A1A1A;}
#helpdeskModal .active .helpdesk-icon {background-position:top center;}
#helpdeskModal .active{ border-color: #1A1A1A;}
.helpdesk-icon {margin:0px auto 10px; width:57px; height:62px; background-repeat:no-repeat; }
.aftersales-support-icon {background-image:url(/images/after-sales-support.svg);}
.ace-helpdesk-icon {background-image:url(/images/ace_helpdesk.svg);}




.control-links {margin-bottom:10px;}

.floating-sidebar {position:relative; top:0;}
#vehicle-last-recorded {padding:20px 30px; border:0; background:#484848;}
#vehicle-last-recorded p.title {font-size:20px; color:#fff; font-weight: 400; padding: 0;}
#vehicle-last-recorded p {color:#fff; font-size:15px; margin-bottom:20px; font-weight:400; text-transform: uppercase;}
#vehicle-last-recorded p span {display:block; font-weight:normal; margin-bottom:5px; color: #CCC; font-size: 16px;}
#vehicle-last-recorded .vehicle-image {max-width:286px;  width:100%; display: block; margin-bottom: 20px;}
#vehicle-last-recorded .vehicle-image img {width:100%; max-width:286px; }
#vehicle-last-recorded  .grad-link {width: 100%;}


#submit-dwr-button {margin-left:15px;}
#submit-dwr-button a {}



.faq-list {}
.faq-list p.title {color:#000; font-size:22px; font-weight:400; padding:16px 10px; text-transform: uppercase; margin: 0;}
.faq-list .align-center p.title {text-align:center;}
#content-wrapper.content-questions .content-block .content-area{background: transparent;}
.faq-row {background: #fff;  color: #191919; padding: 20px 16px;margin-bottom: 6px; font-size: 18px;}
.faq-row .faq-tags {text-align:center;}
.faq-row .view-link {display:block; text-align:center; color:#C5D0DE;}
.faq-row .view-link:hover {color:#333; text-decoration:none;}

.faq-list .faq-row .view-link {margin-left:18px;}

table tr.order-row {display:none;}
table tr.order-row th {color:#999;}


.outstanding-records {overflow-x:auto;}
.outstanding-records table {width:100% !important; border: 1px solid #CCCCCC;}
.outstanding-records table tr:nth-child(2n+1) {background: #E8E8E8;}
.outstanding-records table tr:nth-child(2n+2) {background: #fff;}
.outstanding-records table tr th {background: #fff; padding: 28px 16px 7px; text-transform: uppercase; font-weight: 400;}
.outstanding-records table tr.order-row-php th {padding: 7px 16px;}
.outstanding-records table tr td{padding: 12px 16px;}
.outstanding-records table tr td a.view-link, .outstanding-records table tr td a.confirm-delete {display: inline-block; transform: rotate(-90deg); color: #8C8C8C;}
.outstanding-records table tr td a.view-link:hover, .outstanding-records table tr td a.confirm-delete:hover  {color: #000;}
.outstanding-records table th i {display: inline-block; vertical-align: top;}
.outstanding-records table th, .outstanding-records table td {font-size:14px; padding:5px 15px; }
.outstanding-records table td a {color: #8C8C8C;}
.outstanding-records table td a:hover {color:#000; text-decoration:none;}

.view-disabled, .view-disabled:hover {cursor:default; text-decoration:line-through !important; color:#C5D0DE !important;}

.invoice-number {white-space:nowrap;}

table th.align-center, table td.align-center {text-align:center;}


.escalation-reasons-table {margin-bottom:10px;}


.service-history-download-links {}
.service-history-download-links a, .service-history-download-links a:active { margin-bottom:10px; }


/* REPORTING RESPONSIVE */

@media (max-width:1600px) {
    .dealer-performance-block > p:first-child {font-size: 14px;}
}

@media (max-width:1388px) {
    .dealer-performance-block .reporting-double-box p span {font-size:25px;}
}

@media (max-width:1294px) {
    .dealer-performance-block .reporting-double-box p span {font-size:20px;}
}

@media (max-width:1290px) {
    .reporting-trans-box p {font-size:18px;}
    .reporting-trans-box p.display-figure {font-size:110px;}
    .reporting-trans-box p.display-figure span {font-size:60px;}
}
@media (max-width:1200px) {
    .dealer-performance-block .reporting-double-box p span {font-size:30px;}

    .percent-bar-container.doughnut-bar .percent-bar-title {font-size:12px;}

    ul.bar-chart-key {margin:10px 0; text-align:center;}
    ul.bar-chart-key li {display:inline-block; margin-right:10px; vertical-align:top;}
    ul.bar-chart-key span {margin:0 5px 0 0;}
}
@media (max-width:1124px) {
    .reporting-trans-box p {font-size:16px;}
    .reporting-trans-box p.display-figure {font-size:100px;}
    .reporting-trans-box p.display-figure span {font-size:50px;}
}
@media (max-width:1048px) {
    .reporting-trans-box p.display-figure {font-size:100px;}
    .reporting-trans-box p.display-figure span {font-size:52px;}
}
@media (max-width:1041px) {
    .reporting-trans-box p {font-size:14px;}
    .reporting-trans-box p.display-figure {font-size:90px;}
    .reporting-trans-box p.display-figure span {font-size:40px;}
}
@media (max-width:991px) {
    .reporting-trans-box {margin-bottom:12px;}
    .reporting-trans-box p {font-size:22px;}
    .reporting-trans-box p.display-figure {font-size:110px;}
    .reporting-trans-box p.display-figure span {font-size:60px;}
}

@media (max-width:790px) {
    .reporting-trans-box p {font-size:22px; font-size:2.5vw;}
    .reporting-trans-box p.display-figure {font-size:90px; font-size:16vw;}
    .reporting-trans-box p.display-figure span {font-size:40x; font-size:8vw;}
}

@media (max-width:560px) {
    .reporting-trans-box p {font-size:22px; font-size:2.5vw;}
    .reporting-trans-box p.display-figure {font-size:90px; font-size:20vw;}
    .reporting-trans-box p.display-figure span {font-size:40x; font-size:12vw;}
}

@media (min-width:569px) and  (max-width:1019px) {
    .dealer-performance-block > p:first-child {line-height:18px;}
}
@media (min-width:768px) and (max-width:787px) {
    .dealer-performance-block .reporting-double-box p {font-size:12px;}
}
@media (max-width:340px) {
    .reporting-trans-box p {font-size:13px;}
}

@media (max-width: 569px){
    .dealer-performance-blocks > div {width:100%;}
}

@media (max-width:378px) {
    ul.bar-chart-key {text-align:left;}
    ul.bar-chart-key li {display:block;}
}




@media (max-width:1199px) {

    .floating-sidebar {top:0;}
    .service-history-download-links a {padding:7px 16px; font-size:12px;}

    .percent-bar-container {margin-bottom:20px;}

}

@media (max-width:820px) {

    .grad-link {font-size:11px;}

    #reporting-filter-form p {display:none;}

}


@media (min-width:992px) {

    @media (max-width: 1270px) {
        #welcome-blocks .dealer-performance-block i {
            font-size: 25px;
            top: 20px;
            right: 8px;
        }
    }

    @media (max-width: 1041px) {
        #welcome-blocks .dealer-performance-block i {
            display: none;
        }
    }


    @media (max-width: 1200px) {

        #welcome-block h1 {
            font-size: 20px;
            margin-top: 18px;
        }

        #welcome-block form#search-regvin input[type="text"] {
            font-size: 13px;
            padding: 0 10px;
        }

        .welcome-automated-records p {font-size:18px;}
        .welcome-automated-records p.display-figure {
            font-size: 95px;
            line-height: 95px;
            padding-top: 130px;
        }
        .welcome-automated-records p.display-figure-percent {font-size:26px;}

    }

    @media (max-width: 1100px) {
        #welcome-block h1 {
            font-size: 17px;
            transition: font 0.3s ease;
        }
    }

}

@media (max-width: 992px){

    .no-padding-left {padding-left:8px;}
    .no-padding-right {padding-right:8px;}

    .welcome-automated-records {min-height:unset; padding:10px 16px;}
    .welcome-automated-records p {margin:0;}
    .welcome-automated-records p.display-figure {font-size:95px; line-height:95px; padding:0;}
    .welcome-automated-records p.average-submissions {padding-bottom:10px;}

    .featured-block {margin-bottom:20px; min-height:unset;}

    .thank-you, .thank-you-links {height:165px; margin-top:0; border-radius:4px;}
    .thank-you {padding:20px 0 25px;}
    .thank-you-links {padding:30px 0; margin-top:20px;}

    .margin-top-20 {margin-top:0;}

}



@media (max-width: 805px){
    #main-page-title {font-size:16px;}
}


@media (max-width: 768px){

    .faq-row .faq-tags {text-align:left; margin-bottom:5px;}
    ul#auxiliary-nav .popover {top:0 !important;}
    .grad-link {font-size:12px;}

    #reporting-filter-form > div > div {margin-bottom:10px;}
    #reporting-filter-form select {float:none; width:100%;}

}


@media (max-width: 569px){

    #welcome-block, .page-content {padding-left:10px; padding-right:10px;}

    #welcome-block h1 {font-size:26px;}

    #welcome-blocks > div {width:100%;}

    .thank-you p:first-child {font-size:21px;}
    .thank-you p {font-size:14px;}

}


@media (max-width: 500px){

    .title-csv-title {display:none;}

}


@media (max-width: 321px){

    #welcome-block h1 {font-size:18px;}

    #welcome-block form#search-regvin {padding:8px;}
    #welcome-block form#search-regvin input[type="text"] {font-size:12px;}
    #welcome-block form#search-regvin button {top:8px; right:8px;}

    #main-title-bar .icon-home {margin-left:20px;}

}




.content-area.vehicle-found-content input[type='checkbox'] + label > p {margin:0; color:#9e9e9e; font-size:12px;}

input[type='checkbox'] + label:hover, input[type='checkbox']:focus + label{
    color: #333; cursor:pointer;
}
input[type='checkbox'] + label:hover > span, input[type='checkbox']:focus + label > span{
    background: rgba(255,255,255,.1);
}
input[type='checkbox']:checked + label > ins{ height: 100%; }

input[type='checkbox']:checked + label > span{
    border: 1em solid #1EBB6C;
    animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
input[type='checkbox']:checked + label > span:before{
    content: "";
    font-size:22px;
    position: absolute;
    top: .55em;
    left: .58em;
    border-right: 3px solid #FFF !important;
    border-bottom: 3px solid #FFF !important;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
    box-sizing:unset;
}

@keyframes shrink-bounce{
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(.85);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes checkbox-check{
    0%{
        width: 0;
        height: 0;
        border-color: #212121;
        transform: translate3d(0,0,0) rotate(45deg);
    }
    33%{
        width: .2em;
        height: 0;
        transform: translate3d(0,0,0) rotate(45deg);
    }
    100%{
        width: .2em;
        height: .5em;
        border-color: #212121;
        transform: translate3d(0,-.5em,0) rotate(45deg);
    }
}




/* =====================================
DEFAULT TABLE
======================================== */
table.default-table {width:100%; margin-bottom:20px;}

table.default-table th, table.default-table td {border:1px solid #1A1A1A; text-transform: uppercase;}

table.default-table.dark th, table.default-table.dark td {border:1px solid #666;}

table.default-table table, table.default-table table th {border:0;}

table.default-table th {padding:5px 10px; font-size:12px; font-weight:normal; vertical-align:middle; text-align:center; color:#FFF; background:#B3B3B3;}
table.default-table td {padding:10px; font-size:12px; font-weight:normal; text-align:center; color:#000; vertical-align:middle;}
table.default-table td i {color: rgba(140, 140, 140, 1);}
table.default-table td i:hover {color: #1A1A1A;}

table.default-table tr.national td {background:#D2D2D2;}
table.default-table tr.odd td {background:#EEE;}
table.default-table tr.even td {background:#F7F7F7;}

table.default-table .align-left {text-align:left;}
table.default-table .align-right {text-align:right;}
table.default-table .align-center {text-align:center;}

table.default-table .vert-top {vertical-align:top;}
table.default-table .vert-center {vertical-align:middle;}
table.default-table .vert-bottom {vertical-align:bottom;}

table.default-table tr th.no-padding, table.default-table tr td.no-padding {padding:0;}
table.default-table.no-border , table.default-table.no-border th, table.default-table.no-border td {border:0;}
table.default-table .no-border-left {border-left:0;}


.table-title {font-weight:bold; margin-bottom:0;}


.sort-table .order-headers th {font-size:12px; background:#CCC !important;}
.sort-table .order-headers th:hover, .sort-table .order-headers th.headerSortUp, .sort-table .order-headers th.headerSortDown {background:#666 !important; cursor:pointer;}
.sort-table th i {float:right; margin:2px 0 0 2px;}


table.service-pdf-table {border: 0; table-layout:fixed; border-collapse:initial; border-spacing:5px; -webkit-print-color-adjust: exact;}
table.service-pdf-table th, table.service-pdf-table td {border: 0; font-size:14px; padding:5px 10px; text-align:left; text-align:center; -webkit-print-color-adjust:exact;}
table.service-pdf-table th {padding:10px; color:#FFF !important; background:#999999 !important; border:0; -webkit-print-color-adjust:exact;}
table.service-pdf-table td {width:25%; border: 0;}

table.service-pdf-table tr:nth-child(odd) td {background:#F4F4F4 !important; color:#727073 !important;}
table.service-pdf-table tr:nth-child(even) td {background:#BFBFBF !important; color:#727073 !important;}

table.default-table td.no-height-cell {font-size:0; height:0; border:0; padding:0;}

.service-history-information, .vehicle-image, .hyundai-sense {display:inline-block; vertical-align:top;}
#service-pdf-wrapper .vehicle-image img {margin:30px 0 0 40px; height:100px;}
#service-pdf-wrapper .hyundai-sense {float:right;}
#service-pdf-wrapper .hyundai-sense img {margin:30px 0 0; height:100px;}

#service-pdf-wrapper {}
#service-pdf-wrapper p.title {font-size:16px; color:#727073 !important; padding-bottom:5px; border-bottom:1px solid #D2D3D5;}
#service-pdf-wrapper img {margin-top:50px;}
#service-pdf-wrapper .service-pdf-title {font-size:26px; color:#727073 !important; margin:20px 0 40px; font-weight:300;}
#service-pdf-wrapper .service-pdf-title span {color:#000000 !important;}
#service-pdf-wrapper .service-pdf-title span.model-reg {display:block;}
#service-pdf-wrapper .service-pdf-title.subtitle {font-size:22px; margin:0 0 20px;}

#service-pdf-wrapper table {margin-bottom:20px;}

#vehicle-details-table {}
#vehicle-details-table th, #vehicle-details-table td {color:#727073 !important; padding:0; text-align:left; font-size:13px; background:none;}
#vehicle-details-table th {}
#vehicle-details-table td {font-weight:bold !important;}

.pdf-page {position:relative; height:1480px; padding:30px 0 0;}
.pdf-page.not-first-page {height:1400px;}

.pdf-date {position:absolute; bottom:50px; left:10px; width:100%;}
.pdf-date p {color:#727073 !important; font-size:16px; margin-top:41px;}
.pdf-date p span {margin:0 20px; color:#727073 !important;}
.pdf-date img {display:inline-block; width:300px; margin:0 !important; vertical-align:bottom;}



.ajax-errors.error_feedback ul, .modal .error_feedback ul {padding:0 0 0 15px;}



.defaultModal {}

.defaultModal .modal-dialog  {margin-top:50px;}
.defaultModal .modal-content  {border-radius:4px; background:none;}

.defaultModal .modal-header  {padding:24px 21px 20px; border:0; background:#313131;}
.defaultModal .modal-header button.close  {position:absolute; top:30px; right:20px; color:#FFF; font-size:25px; text-shadow:none; opacity:1;}
.defaultModal .modal-header h4  {color:#FFF; font-size:24px; margin:0; font-weight:500;}
.defaultModal .modal-body .btn-success {background-color: #484848; border-color: #484848; padding: 15px 20px;}
.defaultModal .modal-body .btn-success:hover {background:#313131; border-color: #313131;}

.defaultModal .modal-body  {text-align:left; background:#FFF;}
.defaultModal .modal-body .row  {}

.defaultModal .modal-body p, .defaultModal .modal-body a  {margin-bottom:10px; display:block; line-height:1.3em;}
.defaultModal .modal-body p {font-size:14px; color:#1A1A1A;}
.defaultModal .modal-body p.text-white  {}
.defaultModal .modal-body .text-grey  {}

.defaultModal .modal-body label {color:#1A1A1A;}
.defaultModal .modal-body input {padding:14px; margin-bottom:10px; font-size:1em; border-radius:5px; color:#1A1A1A;}
.defaultModal .modal-body input:placeholder-shown  {color:#A7A9AC;}

.defaultModal .modal-footer {background:#FFF; border:0; padding-top:0;}


form.floating-labels .input-wrap .cd-label {font-size:14px;}
form.floating-labels .input-wrap .cd-label.float, form.floating-labels .input-wrap.file-browse label {opacity:1;}
form.floating-labels .input-wrap:not(.file-browse) {position:relative; padding-top:24px;}
form.floating-labels .input-wrap:not(.file-browse) .cd-label.float {font-size:14px; top:0; left:0; text-transform: uppercase;}
form.floating-labels .input-wrap:not(.file-browse) .cd-label {position:absolute; top:37px; left:14px; cursor:text; z-index:1;}
form.floating-labels .input-wrap:not(.file-browse) .cd-label {
    -webkit-transition:top 0.2s, left 0.2s, font-size 0.2s, color 0.5s;
    -moz-transition:top 0.2s, left 0.2s, font-size 0.2s, color 0.5s;
    transition:top 0.2s, left 0.2s, font-size 0.2s, color 0.5s;
}


#filter-form {padding:10px 0;}
#filter-form button {margin-top:23px;}


.outstanding-records table td a.info-link {display:inline-block;}
table .icon-info {font-size:1.3em; vertical-align:middle;}
table .icon-download {font-size:2em;}
table .icon-eye {font-size:1.3em;}
table .icon-settings {font-size:1.3em;}

table .popover {font-family:'GenesisSans', sans-serif; -webkit-font-smoothing:antialiased;}
table .popover-content a {margin-bottom:2px; padding-bottom:2px; display: block !important;}
table .popover-content a:nth-child(2) {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #DDD;}
table .popover-content i {display:inline-block; vertical-align:middle; font-size:1.2em; text-align:center; width:20px;}

.update-vin-container {margin-bottom:20px;}


.pc-lookup {position:absolute; bottom:0; right:0; height:47px; z-index:50;line-height: 46px;display: flex;justify-content: center;align-content: center; padding: 0 10px !important;}
.pc-lookup-modal {}
.pc-lookup-modal .modal-header {cursor: grab;}
.pc-lookup-modal .modal-header:active {cursor: grabbing;}
.pc-lookup-modal .modal-body {height:440px; overflow-y:auto; padding-bottom:15px;}
.pc-lookup-modal .modal-body .address-return p {border-top:1px solid #999; padding:10px; margin:0;}
.pc-lookup-modal .modal-body .address-return p:first-child {border:0;}
.pc-lookup-modal .modal-body .address-return p:hover {cursor:pointer; background:#CCC;}

.pc-lookup-modal .input-wrap label {line-height: 32px;}
.pc-lookup-modal .input-wrap button {color: #FFF; width: 100%; display:block; background: #1A1A1A; line-height: 32px; border-radius: 2px; transition: 0.3s all; border:0; padding: 8px 20px;}
.pc-lookup-modal .input-wrap button:hover {background: #484848;}

.pc-lookup-modal .postcode-error {margin-top: 15px;}
.pc-lookup-modal .address-return {height: 300px; margin-top: 20px; overflow-y: auto;}

.pc-lookup-modal .pc-lookup-address-title {font-size: 16px; font-weight: 500;}

.pc-lookup-modal .pc-lookup-address-title p { padding: 10px;}
.pc-lookup-modal .pc-lookup-address-title p:hover {cursor: pointer; background: #EEE;}



.input-userconfirm {padding-top:16px;}
.control {font-size:18px; position:relative; display:block; margin:0.3em 0 !important; padding-left:35px; cursor:pointer; line-height:34px;}
.control input {position:absolute; z-index:-1; opacity:0;}

.control__indicator {position:absolute; top:2px; left:0; width:32px; height:32px; border:1px solid #999; background:#e6e6e6;}

/* Hover and focus states */
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background:#ccc;}

/* Checked state */
.control input:checked ~ .control__indicator {background:#1BA660;}

/* Check mark */
.control__indicator:after {position:absolute; display:none; content:'';}

/* Show check mark */
.control input:checked ~ .control__indicator:after {display:block;}

/* Checkbox tick */
.control--checkbox .control__indicator:after {top:4px; left:12px; width:8px; height:18px; transform:rotate(45deg); border:solid #fff; border-width:0 3px 3px 0;}



#forgottenPasswordModal {}

#forgottenPasswordModal .modal-body p, #forgottenPasswordModal .modal-body a {margin-bottom:0; display:block;}
#forgottenPasswordModal .modal-body .margin-bottom-15 {margin-bottom:15px;}
#forgottenPasswordModal .modal-body .text-grey {}

#forgottenPasswordModal .modal-body input {width:100%; padding:8px 5px; margin-bottom:10px; font-size:0.9em; border-radius:5px; border:1px solid #BBB;}
#forgottenPasswordModal .modal-body input:placeholder-shown {color:#A7A9AC;}
#forgottenPasswordModal .modal-body button {width:100%; padding:8px 0; color:#58595B; border:0; background:#D1D3D4; border-radius:5px;}



/*----------------------------------*/
/*---------- DAILY REPORT ----------*/
/*----------------------------------*/

.header-area {margin-bottom:20px;}
.header-area h1 {color:#092C74 !important; font-size:24px; margin-top:20px;}
.header-area img {float:right; height:35px; margin-top:20px;}

.national-column-title {display:block; height:564px; background:#092C74 !important; -webkit-print-color-adjust: exact;}
.national-column-title p {color:#FFF !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.national-title {color:#092C74 !important;}

.national-block {padding:10px; margin-bottom:15px; background:#EAE8E8 !important; -webkit-print-color-adjust: exact;}
.national-block p {color:#092C74 !important; font-size:12px; margin-bottom:0;}
.national-block p.total-figure {font-size:22px; text-align:right; padding-right:33px;}
.national-block p.total-figure span {font-size:12px;}

.outstanding-block.outstanding-today p.total-figure {display:block; font-size:50px; padding:0; margin-top:20px; text-align:right;}

.national-block .figures-split {margin-bottom:3px;}
.national-block .figures-split p {display:inline-block; vertical-align:initial; margin-bottom:0;}
.national-block .figures-split p.percent {width:50px; font-size:18px;}
.national-block .figures-split p.figure {width:90px; font-size:18px; text-align:right; padding-right:3px;}
.national-block .figures-split p.figure-type {font-size:12px;}

.national-block .figures-split.green {border-bottom:1px solid #71BF51;}
.national-block .figures-split.green p, .national-block .figures-split.green span {color:#71BF51 !important;}
.national-block .figures-split.blue {border-bottom:1px solid #0BAFF0;}
.national-block .figures-split.blue p, .national-block .figures-split.blue span {color:#0BAFF0 !important;}
.national-block .figures-split.orange {border-bottom:1px solid #FBA61C;}
.national-block .figures-split.orange p, .national-block .figures-split.orange span {color:#FBA61C !important;}
.national-block .figures-split.red {border-bottom:1px solid #D2232B;}
.national-block .figures-split.red p, .national-block .figures-split.red span {color:#D2232B !important;}

.national-block .graph-container {position:relative; width:60px; height:60px;}

.national-block.total-outstanding-block {height:111px;}
.national-block.faded {background:#EEE !important; opacity:0.7;}

.daily-report-table {border-collapse:collapse; width:100%;}
.daily-report-table th, .daily-report-table td {font-size:12px; text-align:right; padding:5px; border-right:1px solid #FFF;}
.daily-report-table th {background:#092C74 !important; color:#FFF !important;}
.daily-report-table td {}
.daily-report-table td.blue-bg {background:#092C74 !important; color:#FFF !important; -webkit-print-color-adjust: exact;}

.daily-report-table tr:nth-child(odd) {background-color:#FFF;}
.daily-report-table tr:nth-child(even) {background-color:#D5D2D2 !important;}

.areas-table th {padding-top:22px;}
.areas-table th, .areas-table td {text-align:center;}


.video-placeholder {display:block; background:rgba(0,0,0,0.5); height:190px; text-align:center;}
.video-placeholder i {line-height:190px; font-size:30px; color:#FFF;}



.dataTables_wrapper {padding-bottom:15px;}

.dataTables_length, .dataTables_filter {display:none;}
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {display:inline-block; vertical-align:top; margin:10px 18px 22px;}

.dataTables_length {}
.dataTables_length label {color:#999999;}
.dataTables_length label select {}

.dataTables_filter {float:right; border-radius: 4px; padding: 0 0 0 15px; width: 100%; display: flex !important;justify-content: space-between;align-content: center;max-width:620px; background: #FFF; border: 1px solid #CCCCCC;height: 50px;  }
.dataTables_filter label {color:#999999; text-transform: uppercase; font-size: 16px; font-weight: 400;}
.dataTables_filter label input {height: 48px; border: none;}


.dataTables_info {margin:25px 0 0; color:#5F5F5F;}

.dataTables_paginate {float:right; margin:25px 0 0;}
.dataTables_paginate a {color: #191919; font-size:14px;}
.dataTables_paginate a.prev, .dataTables_paginate a.next {color:#E8E8E8; padding:6px 4px;}
.dataTables_paginate a.prev:hover, .dataTables_paginate a.next:hover {color:#191919;}
.dataTables_paginate a.prev {}
.dataTables_paginate a.next {}
.dataTables_paginate a.disabled { color: #BABABA;}

.dataTables_paginate span a {padding:5px; margin:0 3px;}
.dataTables_paginate span a.paginate_button {padding:6px 12px; color: #191919; padding: 12px 17px; }
.dataTables_paginate span a.paginate_button:hover {cursor:pointer; background:#E8E8E8; }
.dataTables_paginate span a.paginate_button.active  {background:#E8E8E8; }

.dataTables_paginate span.ellipsis{}




#automation-failure {}
#automation-failure th, #automation-failure td {border:0;}

#automation-failure th {background:#FFF; font-size:16px; padding:5px 0;}
#automation-failure td {background:rgba(255,255,255,0.5); padding:10px; border-bottom:1px solid #CCC;}

#automation-failure td i {font-size:20px; vertical-align:top;}
#automation-failure td.ops-code-cell i {float:right; font-size:15px; line-height:20px;}
#automation-failure td .icon-tick, table.default-table.automation-failure-data-table td .icon-tick {color:#35C750;}
#automation-failure td .icon-cancel, table.default-table.automation-failure-data-table td .icon-cancel {color:#F00;}

#automation-failure a.clickable {font-size:10px; color:#333; display:block; cursor:pointer;}
#automation-failure a.clickable:hover {text-decoration:underline;}

#automation-failure a.vin-link {color:#333;}
#automation-failure a.vin-link:hover {text-decoration:underline;}

#detailModal .modal-body {min-height:100px;}

#table_filter input {width:470px;}
#table_filter button {padding:5px 16px;}


table.default-table.automation-failure-data-table td {border:1px solid #DDD;}


#postcodeLookupModal.defaultModal .modal-dialog {width:550px; margin:30px auto !important;}


.success-panel {}
.success-panel i {font-size:30px; line-height:40px;}

.success-panel.pass {background:#ACFC84;}
.success-panel.pass i {color:green;}
.success-panel.fail {background:#FFAAA9;}
.success-panel.fail i {color:red;}

.trace-pass {background:#ACFC84; padding:5px;}
.trace-fail {background:#FFAAA9; padding:5px;}


.default-table.ops-code-table {background: #fff;}
.default-table.ops-code-table th, .default-table.ops-code-table td {border: 1px solid #666; text-transform: uppercase;}
.default-table.ops-code-table th {padding: 10px 10px; font-size: 16px;}
.default-table.ops-code-table td {}
.default-table.ops-code-table td i {font-size: 16px; padding: 5px 10px; color: rgba(140, 140, 140, 1);}
.default-table.ops-code-table td i.icon-delete {color:rgba(140, 140, 140, 1);}
.default-table.ops-code-table td i.icon-delete:hover {color: #1A1A1A;}
.default-table.ops-code-table td i:hover {color: #1A1A1A;}
.default-table.ops-code-table td span {margin-left: 15px;}

form#add_dealer_codes {display: block; margin-bottom: 30px;}
form#add_dealer_codes input {width: 100%; margin: 10px 0; padding: 5px 10px;}
form#add_dealer_codes textarea {width: 100%; height: 200px; margin: 10px 0; padding: 5px 10px;}
form#add_dealer_codes a {font-size: 16px; padding: 8px 20px;}
form#add_dealer_codes button {font-size: 16px; padding: 8px 20px; float: right; display: block;}





#outstanding-triggers-upload {}
#outstanding-triggers-upload input {width: 400px; padding: 20px 10px; border: 1px dashed #aaa; background: #ccc;}



.vehicle-found-form-containers .error_feedback {}
.vehicle-found-form-containers .error_feedback ul {padding: 0 0 0 15px;}
.vehicle-found-form-containers .error_feedback ul li {color: #f00; font-size: 16px;}



.batch-upload-paging {background: #fff; padding-bottom: 28px; border-radius: 5px; border: 1px solid #797b85;}

.ukvd_table {}
.ukvd_table i {font-size: 18px;}
.ukvd_table i.icon-tick {color: #35C750;}
.ukvd_table i.icon-cancel {color: #F00;}


.ukvd_reg_check_link, .dvsa_reg_check_link {display: block;}
.ukvd_reg_check_link i, .dvsa_reg_check_link i {font-size: 1.7em; vertical-align: middle;}

.vehicle-details-check-reg {color: #000000; position: absolute; top: 25px; right: 0; width: 100px; padding: 0 !important; height: 47px; display: flex;justify-content: center;align-content: center; line-height: 47px; text-transform: uppercase;}
.vehicle-details-check-reg:hover, .vehicle-details-check-reg:active, .vehicle-details-check-reg:focus {color:#000000}