:root {
  --background-tr-odd-colour: #f5fbff;
  --di-blue: #336699;
  --di-border-blue: #c4e2ff;
}

@font-face {
  font-family: 'di-font';
  src: url('/font/di-font.woff?q=965677') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family:'FordAntenna-Bold';
src: url('/font/bold/FordAntenna-Bold_gdi.eot?q=498493');
src: url('/font/bold/FordAntenna-Bold_gdi.eot?#iefix&q=498493') format('embedded-opentype'),
     url('/font/bold/FordAntenna-Bold_gdi.ttf?q=498493') format('truetype'),
     url('/font/bold/FordAntenna-Bold_gdi.svg#FordAntenna-Bold?q=498493') format('svg');
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-25CA;
}

@font-face {
font-family:'FordAntenna-Medium';
src: url('/font/medium/FordAntenna-Medium.eot?q=498493');
src: url('/font/medium/FordAntenna-Medium.eot?#iefix&q=498493') format('embedded-opentype'),
     url('/font/medium/FordAntenna-Medium.ttf?q=498493') format('truetype'),
     url('/font/medium/FordAntenna-Medium.svg#FordAntenna-Medium?q=498493') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-25CA;
}

@font-face {
font-family:'FordAntenna-Regular';
src: url('/font/regular/FordAntenna-Regular_gdi.eot?q=498493');
src: url('/font/regular/FordAntenna-Regular_gdi.eot?#iefix&q=498493') format('embedded-opentype'),
     url('/font/regular/FordAntenna-Regular_gdi.ttf?q=498493') format('truetype'),
     url('/font/regular/FordAntenna-Regular_gdi.svg#FordAntenna-Regular?q=498493') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-25CA;
}

@font-face {
font-family:'FordAntenna-Light';
src: url('/font/light/FordAntenna-Light_gdi.eot?q=498493');
src: url('/font/light/FordAntenna-Light_gdi.eot?#iefix&q=498493') format('embedded-opentype'),
     url('/font/light/FordAntenna-Light_gdi.ttf?q=498493') format('truetype'),
     url('/font/light/FordAntenna-Light_gdi.svg#FordAntenna-Light?q=498493') format('svg');
font-weight: 300;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-25CA;
}


@font-face {
  font-family: 'FordF1-Bold';
  src: url('/font/FordF1Bold/FordF1TC-Bold.eot');
  src: url('/font/FordF1Bold/FordF1TC-Bold.eot?#iefix') format('embedded-opentype'),
       url('/font/FordF1Bold/FordF1TC-Bold.woff2') format('woff2'),
       url('/font/FordF1Bold/FordF1TC-Bold.woff') format('woff'),
       url('/font/FordF1Bold/FordF1TC-Bold.ttf') format('truetype'),
       url('/font/FordF1Bold/FordF1TC-Bold.svg#FordF1-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
  font-family: 'FordF1-Regular';
  src: url('/font/FordF1Regular/FordF1TC-Regular.eot');
  src: url('/font/FordF1Regular/FordF1TC-Regular.eot?#iefix') format('embedded-opentype'),
       url('/font/FordF1Regular/FordF1TC-Regular.woff2') format('woff2'),
       url('/font/FordF1Regular/FordF1TC-Regular.woff') format('woff'),
       url('/font/FordF1Regular/FordF1TC-Regular.ttf') format('truetype'),
       url('/font/FordF1Regular/FordF1TC-Regular.svg#FordF1-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'FordF1-Light';
    src: url('/font/FordF1Light/FordF1TC-Light.eot');
    src: url('/font/FordF1Light/FordF1TC-Light.eot?#iefix') format('embedded-opentype'),
         url('/font/FordF1Light/FordF1TC-Light.woff2') format('woff2'),
         url('/font/FordF1Light/FordF1TC-Light.woff') format('woff'),
         url('/font/FordF1Light/FordF1TC-Light.ttf') format('truetype'),
         url('/font/FordF1Light/FordF1TC-Light.svg#FordF1-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'FordF1-Medium';
  src: url('/font/FordF1Medium/FordF1TC-Medium.eot');
  src: url('/font/FordF1Medium/FordF1TC-Medium.eot?#iefix') format('embedded-opentype'),
       url('/font/FordF1Medium/FordF1TC-Medium.woff2') format('woff2'),
       url('/font/FordF1Medium/FordF1TC-Medium.woff') format('woff'),
       url('/font/FordF1Medium/FordF1TC-Medium.ttf') format('truetype'),
       url('/font/FordF1Medium/FordF1TC-Medium.svg#FordF1-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
  font-family: 'FordF1-SemiBold';
  src: url('/font/FordF1SemiBold/FordF1TC-Semibold.eot');
  src: url('/font/FordF1SemiBold/FordF1TC-Semibold.eot?#iefix') format('embedded-opentype'),
       url('/font/FordF1SemiBold/FordF1TC-Semibold.woff2') format('woff2'),
       url('/font/FordF1SemiBold/FordF1TC-Semibold.woff') format('woff'),
       url('/font/FordF1SemiBold/FordF1TC-Semibold.ttf') format('truetype'),
       url('/font/FordF1SemiBold/FordF1TC-Semibold.svg#FordF1-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}


*{box-sizing:border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
/*padding:0;*/
border:0;
font-size:100%;
font:inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
/*ol, ul {list-style:none;}*/
ol, ul {list-style:disc outside none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content:none;}
b,strong{font-weight:bold;}



html {overflow-y:scroll;}
body {line-height:1.2;width:100%;}body.secondary{background-color:#F7F8FA;}
/*body, table, form{font-family:Arial;font-size:12px;padding:0px;margin:0px;border-spacing:0px;font-weight:normal;}*/
body, table, form{font-family: Arial;font-size:12px;padding:0px;margin:0px;border-spacing:0px;font-weight:normal;}
table {display:table;border-collapse:separate;border-spacing:0;}
table th{font-weight:normal;}
input, textarea, select, button{box-sizing:border-box;font-family:Arial;font-size:12px;margin:0;padding:1px 0px;color:#000000;border-radius:0px !important;outline:0;}
input, textarea{padding:2px;}
input[type="text"], input[type="number"], input[type="password"], select, textarea {font-family:Arial;border-radius:0px;border:1px solid #999999;}
/*input[type="text"], input[type="password"], select, textarea {border-radius:0px;border:1px solid #CCCCCC;}*/
/*input[type="radio"] {position:relative;top:1px;}*/
/*textarea:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus{border-color:#e77600 !important;box-shadow:0 0 3px 2px rgba(228, 121, 17, 0.5);}*/
textarea:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus{border-color:#6592c0 !important;}
input[readonly="readonly"]:focus, input[readonly]:focus {border-color:inherit !important;box-shadow:inherit;}
.readOnly{color:#afafaf;}
input::placeholder, input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder{font-style:italic;color:#000000;opacity:0.5;}
/*input[readonly="readonly"], input[readonly] {color:#777777;}*/
/*input[readonly="readonly"]:focus, input[readonly]:focus {border-color: #CCCCCC !important;box-shadow:inherit;}*/



a{color:blue;}
a,a:active,a:focus,a::-moz-focus-inner,button,button:active,button:focus,button::-moz-focus-inner{outline:none;}
p{margin:12px 0 12px 0;}
img, a{border:0;vertical-align:bottom;outline:0;}
h1,h2,h3,h4,h5{font-weight:bold;padding:0px;margin:0px;color:#336699;}
h1{font-size:16px;}
.flex{display:flex;}

.ms-parent {display: inline-block;position: relative;vertical-align: middle;}
.ms-choice {display: block;width: 100%;height: 26px;padding: 0;overflow: hidden;cursor: pointer;border: 1px solid #DDDDDD;text-align: left;white-space: nowrap;line-height: 26px;color: #444;text-decoration: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #ffffff;}
#vistaStockContainerDiv #searchStockDiv .vistaShowDropDownMenu .ms-choice:hover{background-color:#FBFBFB;}
.ms-choice.disabled {background-color: #f4f4f4;background-image: none;border: 1px solid #ddd;cursor: default;}
.ms-choice > span {position: absolute;top: 0;left: 0;/*right: 20px;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 8px;}
.ms-choice > span.placeholder {color: #999;}
.ms-choice > div{position: absolute;top: 0;right: 0;width: 20px;height: 25px;background: url('/images/multiple-select.png') left top no-repeat;}
.ms-choice > div.open{background: url('/images/multiple-select.png') right top no-repeat;}
.ms-drop {width: auto;min-width: 100%;overflow: hidden;display: none;margin-top: -1px;padding: 0;position: absolute;z-index: 1000;background: #fff;color: #000;/* border: 1px solid #aaa; */box-sizing: border-box;}
.ms-drop.bottom {top: 100%;-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);box-shadow: 0 4px 5px rgba(0, 0, 0, .15);}
.ms-drop.top {bottom: 100%;-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);}
.ms-search {display: inline-block;margin: 0;min-height: 26px;padding: 4px;position: relative;white-space: nowrap;width: 100%;z-index: 10000;}
.ms-search input {width: 100%;height: auto !important;min-height: 24px;padding: 0 20px 0 5px;margin: 0;outline: 0;font-family: sans-serif;font-size: 1em;border: 1px solid #aaa;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #fff url('/images/multiple-select.png') no-repeat 100% -22px;background: url('/images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));background: url('/images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('/images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('/images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);background: url('/images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);background: url('/images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);}
.ms-search, .ms-search input {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.ms-drop ul {overflow: auto;margin: 0;padding: 5px 30px 5px 8px;}
.ms-drop ul > li {list-style: none;display: list-item;background-image: none;position: static;margin: 4px 0 4px 0;}
.ms-drop ul > li .disabled {opacity: .35;filter: Alpha(Opacity=35);}
.ms-drop ul > li.multiple {display: block;float: left;}
.ms-drop ul > li.group {clear: both;}
.ms-drop ul > li input[type="checkbox"] {margin: 0 4px 0 0;}
.ms-drop ul > li.multiple label {width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ms-drop ul > li label {font-weight: normal;display: block;white-space: nowrap;text-align:left;}
.ms-drop ul > li label.optgroup {font-weight: bold;}
.ms-drop input[type="checkbox"] {vertical-align: middle;}
.ms-drop .ms-no-results {display: none;}


.titleUnderline {clear:both;width:200px;height:3px;background-color:#336699;margin:5px 0 5px 0;text-indent:-99999px;}

`::-moz-focus-inner {border: none;  /* overrides extra padding in Firefox */}
input[type="submit"]::-moz-focus-inner {border: none;  /* overrides extra padding in Firefox */}

.center{text-align:center;}
.noPadding{padding:0 !important;}
.dealCalcTextBoxCellPadding{padding:2px !important;}
.noBorder{border:none !important;}

.highlight {color:#22a3e6 !important;}

/* .inner, .cherryPickContainer{width:94%;margin:0 auto;max-width:1240px;} */
.inner, .cherryPickContainer{width:100%;margin:0 auto;max-width:1240px;}
.innerPadding{padding-left:35px;padding-right:35px;}

.left {float:left !important;} .right {float:right !important;}
.clear{clear:both;height:0px;float:none !important;}

.first {margin-left:0 !important;}
.one_two {float:left;width:49%;margin-left:2%;}
.one_three {float:left;width:32%;margin-left:2%;}
.two_three {float:left;width:66%;margin-left:2%;}

.one_four {float:left;width:23.5%;margin-left:2%;}
.three_four {float:left;width:74.5%;margin-left:2%;}

.one_five {float:left;width:18.4%;margin-left:2%;}
.two_five {float:left;width:38.801%;margin-left:2%;} .deal-calc-section.two_five {width:37.801%;}
.three_five {float:left;width:59.2%;margin-left:2%;} .deal-calc-section.three_five {width:60.2%;}
.four_five {float:left;width:79.6%;margin-left:2%;}

.one_six {float:left;width:15%;margin-left:2%;}
.two_six {float:left;width:32%;margin-left:2%;}
.three_six {float:left;width:49%;margin-left:2%;}
.four_six {float:left;width:66%;margin-left:2%;}
.five_six {float:left;width:83%;margin-left:2%;}

.one_two.doublemargin{width:46%;margin:0 2%;}
.one_three.doublemargin{width:29.1%;margin:0 2%;}
.one_three.nomargin{width:33.3%;margin-left:0;margin-right:0;}

/*#popupContent{position:fixed !important;top:50% !important;left:50% !important;}*/
#mask{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index:9001;position:fixed;display:flex;}
#mask .maskInner{display:flex;height:100%;flex-direction:column;margin:auto;}
#mask .maskInner #popupContent{margin:auto;box-shadow:0px 0px 6px 1px #555555;cursor:default;}
#mask .maskInner #popupContent img{max-width:100%;}

#popupContent{
position: fixed;
padding: 0px;
z-index: 9002;
text-align: center;
width: auto;
max-width: 80%;
box-shadow: rgb(85, 85, 85) 0px 0px 6px 1px;
}

.navigation-menu-ul li:hover > #dealCalcMenu, #dealCalcMenu.active, .navigation-menu-ul li:hover > .dealCalcMenu, .dealCalcMenu.active {display:block;}
.navigation-menu-activated #dealCalcMenu, .navigation-menu-activated .dealCalcMenu{display:block !important;}
#dealCalcMenu, .dealCalcMenu{display:none;position:absolute;left:0;width:100%;z-index:9999;line-height:15px;cursor:auto;background-color:#FFFFFF;}
#dealCalcMenu .dealCalcMenuInner, .dealCalcMenu .dealCalcMenuInner{padding:10px 20px;border-left:3px solid #404471;border-right:3px solid #404471;border-bottom:3px solid #404471;}
#dealCalcMenu .navigationTab li, .dealCalcMenu .navigationTab li {line-height:20px;}
#dealCalcMenu table td, .dealCalcMenu table td, .deal-calc-model-select-container table td {vertical-align:center;font-size: 14px; text-align: center;font-weight:100;}
.chunky-button-deal-calc.disabled img {opacity:0.5;filter:alpha(opacity=50);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

.di-align-right{text-align:right;}

/* LOGIN PAGE */
.di-auth-pagelet-container{margin:0 auto;width:348px;background-color:#ffffff;border:1px solid #ddd;}  .di-auth-pagelet-container *{box-sizing: border-box;}
.di-auth-pagelet-container-inner{padding:20px 26px;}
.di-auth-pagelet-container h1{font-size:28px;font-weight:400;line-height:1.2;margin-bottom:10px;}
.di-auth-pagelet-container .di-box{}
.di-auth-pagelet-container .di-row-spacer{margin-bottom: 14px;}
.di-auth-pagelet-container .di-row-spacer-large{margin-bottom: 22px;}
.di-auth-pagelet-container .di-row-spacer-extra-large{margin-bottom: 26px;}
.di-auth-pagelet-container label{display:block;font-weight:700;padding-bottom:2px;padding-left:2px;}
.di-auth-pagelet-container input[type="text"], .di-auth-pagelet-container input[type="password"], .di-auth-pagelet-container select, .di-auth-pagelet-container textarea{font-size:14px;padding:10px 5px;width:100%;}
.di-box .di-divider.di-divider-break, .di-color-base-background .di-divider.di-divider-break, .di-divider.di-divider-break {line-height: 0;margin-bottom: 14px;padding-top: 1px;position: relative;text-align: center;top: 2px;}
.di-box .di-divider.di-divider-break:after, .di-color-base-background .di-divider.di-divider-break:after, .di-divider.di-divider-break:after {background-color: transparent;border-top: 1px solid #e7e7e7;content: "";display: block;height: 1px;margin-top: -1px;position: absolute;top: 50%;width: 100%;z-index: 1;}
.di-box .di-divider.di-divider-break h5, .di-color-base-background .di-divider.di-divider-break h5, .di-divider.di-divider-break h5 {margin:0;background-color:#fff;color:#767676;display:inline-block;font-size:12px;font-weight:400;line-height:1;padding:0 8px 0 7px;position:relative;z-index:2;}
.di-forgotPassword{color:#336699;} .di-forgotPassword:hover{text-decoration:underline;}
/* LOGIN PAGE - END */



/*.header{background:url('/images/topbg.jpg') repeat-x top #5a5c97;width:100%;height:auto;margin:0;z-index:8;position:relative;}*/
body > .header{width:100%;height:auto;margin:0;z-index:8;position:relative;}
/*.header, #consoleContentDiv{background-color:#2a2758;}*/
.di-headerSecondary{background:#f7f8fa;padding:15px 0;text-align:center;}
.userBreadcrumbNav .inner > div{padding: 0 15px 0 15px;}

.footer{width:100%;color:white;min-height:140px;margin:0;}
.footer.di-footerSecondary{background:#f7f8fa;padding:25px 0;color:#555555;font-size:11px;}

.footer-inner{}

.footer-section{clear:both;padding:10px 0;}
.footer-section.copyright{font-weight:bold;text-align:center;}
.footer-section > a{float:left;clear:both;color:#CCCCCC;text-decoration:none;}
.footer-section > a:hover {color:#FFFFFF;}
.footer.di-footerSecondary .footer-section a{clear:none;color:#4A4A4A;padding:15px 20px;text-align:left;text-decoration:none;display:block;}
.footer.di-footerSecondary .footer-section a:hover{color:#336699;background:#ffffff;}
.footer.di-footerSecondary .footer-section a span{font-size:14px;display:block;clear:both;}

.di-footerIcon{width:63px;height:50px;background:url('/images/sprite_live_support.png') no-repeat 0 0;}
.di-footerIcon:hover{background-color:#ffffff;}

.di-footerIcon.windows{background-position:0 0;}
.di-footerIcon.mac{background-position:-62px 0;}
.footer.di-footerSecondary .footer-section a:hover .di-footerIcon.windows{background-position:0 -50px;}
.footer.di-footerSecondary .footer-section a:hover .di-footerIcon.mac{background-position:-62px -50px;}



.footer-inner .footer-mail {background: url('/images/mail-icon.png') no-repeat 0px 0px; padding: 0 0 0 20px; height: 16px; line-height: 16px; margin: 0 0 2px 0;}
.footer-inner .footer-live-support {background: url('/images/question-mark-icon.png') no-repeat 0px 0px; padding: 0 0 0 20px; height: 16px; line-height: 16px; margin: 0 0 2px 0;}
.footer-inner .footer-disclaimer {background: url('/images/disclaimer-icon.png') no-repeat 0px 0px; padding: 0 0 0 20px; height: 16px; line-height: 16px; margin: 0 0 2px 0;}
.footer-inner .footer-license {background: url('/images/license-icon.png') no-repeat 0px 0px; padding: 0 0 0 20px; height: 16px; line-height: 16px; margin: 0 0 2px 0;}
.footer-inner .footer-help {background: url('/images/play-icon.png') no-repeat 0px 0px; padding: 0 0 0 20px; height: 16px; line-height: 16px; margin: 0 0 2px 0;}

.footer-mail:hover{background-position: 0px -16px;}
.footer-live-support:hover{background-position: 0px -16px;}
.footer-disclaimer:hover{background-position: 0px -16px;}
.footer-license:hover{background-position: 0px -16px;}
.footer-help:hover{background-position: 0px -16px;}

/* BACK To TOP */
.back-to-top{position:fixed;bottom:25px;right:15px;text-decoration:none;color:#FFF!important;text-decoration:none!important;background:#336699;font-size:25px;line-height:20px;padding:20px 20px 12px;z-index:9;display:none;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.back-to-top:hover{background:#4477AA;}

.popupWindow{width:100%;background-color:#FFFFFF !important;border:1px solid #336699;padding:0 !important;}
.popupWindow .content ul{padding:0px 0px 0px 10px;}
.popupWindow .content{padding: 10px;text-align:left;}
.popupWindow .button{padding: 0 0 10px 0;}
.popupWindow .title{padding: 5px;background-color:#336699;color:#FFFFFF;}
.popupWindow.error{border:1px solid #F34646;/*color:#FF0000;*/}
.popupWindow.error .title{background-color:#F34646;color:#FFFFFF;}
.popupWindow button{width:100%;margin:0 auto 0 auto;max-width:100px;}
.popupWindow.error button{background-color:#EC3E3E !important;background:#EC3E3E !important;border:0px !important;}
.popupWindow.error button:hover{background-color:#F56969 !important;background:#F56969 !important;}
.popupWindow.success{border:1px solid #7AB900;}
.popupWindow.success .title{background-color:#7AB900;color:#FFFFFF !important;}
.popupWindow.success .content{color:#000000 !important;}

.list{
color: white;
}
.vtable{
font-size: 10px;
width: 100%;
border: none !important;
}
.menutable{
margin: 0 auto 0 auto;
width: 100%;
}
.menu, .menu ul{
padding-left: 0px;
margin-left: 0;
left: 0;
top: 0;
}
.menu ul, .menu li{
list-style: none;
list-style-type: none;
}
.menu li{background:url(/images/navright.png) no-repeat 97%;border-top:1px solid #E9EAED;margin:0px 5px 0px 0;text-shadow:1px 1px #FFFFFF;width:200px;}
.menu li:first-child{border:0px !important;}
.menu li a{display:block;font-size:14px !important;color:#888888;padding:8px 30px 8px 5px;text-decoration:none;cursor:pointer;}
.menu li:hover{background-color:#E9EAED;}
.menu li:hover a{color:#336699;}

.headerbg{
background-image: url('/images/top_bg.jpg');
background-repeat: no-repeat;
background-position: center;
height: 62px;
width: 100%;
}
.cvview{
background-color: #eeeeee;
border: 1px solid #dddddd;
padding: 5px;
}
.newhover:hover{
cursor: pointer;
}
#pricelistselect{min-height:400px;}
.deal-calc-model-select-a{
font-size: 14px;
color: #111111;
}
.deal-calc-model-select-td{
}
.deal-calc-model-select-td .deal-calc-model-select-hover{
position: absolute;
background-color: #FFFFFF;
display: none;
z-index: 999999999999999;
border: 1px solid #CCCCCC;
padding: 10px 1%;
left: 2%;
width: 94%;
}
.deal-calc-model-select-td:hover .deal-calc-model-select-hover{
display: block;
}
.dealcalc-new-car-info{
float: left;
margin: 0 0 10px 0;
}
.deal-calc-section{float: left;}
.deal-calc-section-vehicle-info{clear:both;float:left;width:100%;margin-bottom:10px;}
.di-boxHeader{background:#336699;color:#fff;text-align:left;font-weight:normal;}
body.BlackFriday .di-boxHeader, body.BlackFriday #commandMenu li span{background-color:#333333 !important;color:#fff !important;}
.deal-calc-vehicle-select-column{
/*float: left;
width: 24%;*/
margin: 0 0 0 1%;
text-align: center;
}
.deal-calc-vehicle-select-column .chunky-button-deal-calc{
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
margin: 0 auto 7px;
padding: 14px;
/*width: 165px;*/
}
.dealCalcModelSelect .chunky-button-deal-calc{padding:14px;}
.deal-calc-vehicle-select-column span{
font-size: 18px;
color: #336699;
display: block;
margin: 0 0 20px 0;
letter-spacing: 4px;
}

.equipmentBonus{color:green;font-weight:bold;}
.equipmentBonus.disabled{text-decoration:line-through;}

/* NORMAL BROWSERS */
.criss-cross tr td{
border-top: 1px solid #CCCCCC;
}
.criss-cross tr:first-child td{
border-top: none !important;
}
.criss-cross tr:first-child + tr td{
border-top: none !important;
}
/* NORMAL BROWSERS */
.table-td-border-bottom tr td{
border-top: 1px solid #CCCCCC;
}
.table-td-border-bottom tr:first-child td{
border-top: none !important;
}
.table-td-border-bottom.blueContainer tr:first-child + tr td{
border-top: none !important;
}
/* IE FIX */
.table-td-border-bottom > ul li{
border-top: 1px solid #CCCCCC;
}
.table-td-border-bottom > ul li:first-child{
border-top: none !important;
}
.table-td-border-bottom.blueContainer > ul:first-child + ul li{
border-top: none !important;
}

div.table{
  display: table;
  margin: 20px 0 20px 0;
  border-spacing: 1px;
}

div.table > div{
  display: table-row;
}

div.table > div > div{
  display: table-cell;
  padding: 5px;
}

div.table.blue > div > div{
  background-color: #36364b;
}

.pricing-structure{width: 250px;margin: 0 0 10px 0;border: 1px solid #336699;background-color:#FFFFFF;float:left;width:100%;margin:0 0 10px 0;}
.pricing-structure .active{color: #008000;}
.deal-calc-vehicle-information{
border: 1px solid #cccccc;
width: 250px;
}
.dealcalc-new-car-image{
float: left;
}
.dealcalc-finance-notes{
background-color: #ffffa3;
border: 1px solid #f1d031;
padding: 5px;
float: left;
width: 455px;
margin: 10px 0 0 10px;
}
.dealcalc-finance-warning{
border: 2px solid #F1D031;
background-color: #FFFFA3;
color: #555555;
padding: 5px;
border-radius: 3px;
margin: 0 0 10px 0;
vertical-align: middle;
/*width: 246px;*/
}
.options-actions-menu{
background-color: #ffffff;
border: 2px solid #000000;
padding: 5px;
}
.acquire-actions-menu{
background-color: #ffffff;
border: 2px solid #000000;
padding: 5px;
}
.more-information-button{
background: url('/images/more_information.png') no-repeat;
width: 180px;
height: 30px;
color: black;
padding: 7px 0 0 20px;
text-align: left;
margin: 0 -20px 0 0;
}
.new-car-table{
 margin: 0 auto 0 auto;
 text-align: left;
 color: #445968;
 border: 1px solid #475c6a;
 width: 100%;
 clear: both;
}

.list-sort:hover{
cursor: pointer;
}
.dealer_admin{
color: #336699;
text-decoration: none;
}
.dealer_admin:hover{
text-decoration: underline;
cursor: pointer;
}
.breadcrumb{
color: #CCCCCC;
text-decoration: none;
font-size:11px;
}
.breadcrumb.link:hover{
text-decoration: underline;
}
.userBreadcrumbNav{padding: 10px 0px;/*background:#5f628c;*/}
.secondary,.vatInformationTable td:first-child{
color: #666666;
}
.header-block{
color: #ffffff;
background-color: #336699;
font-weight: bold;
}
.header-border{
border: 1px solid #336699;
}
.read_only{
border: 0;
}
.placeholder{
color: #aaaaaa;
}
.error{border: 1px solid #FF0000 !important;background-color: #FFCCCC !important;color: #000000;padding: 5px;}
.error-border{border: 1px solid #ff0000;background-color: #fee4e4;width: 100%;margin: 0 auto 0 auto;text-align: center;}
.success{border: 1px solid #06ff00;background-color: #ccffcb;color: #047700;}
.success table td{font-size:15px;}
.success-border{
border: 1px solid #06ff00;
background-color: #ccffcb;
width: 100%;
margin: 0 auto 0 auto;
text-align: center;
}
.cs_td{
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.hover:hover{
cursor: pointer;
}
.hoverUnderline:hover{
text-decoration:underline;
}
.vista-navigation{
border: 1px solid #336699;
}
.vista-navigation-title{
margin: 0 auto 0 auto;
padding: 5px 0 5px 0;
background-color: #336699;
font-size: 16px;
}
.rpad-selector td:hover{
cursor: pointer;
}
.vista-search-button{
background: #ffe545;
color: #473b00;
border: 0;
border-bottom: 3px #debd00 solid;
padding: 8px 35px 8px 35px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
border-radius: 3px;
text-align: center;
}
.vista-search-button:hover{
background-color: #f8d000;
}
.vista-search-box,input.vista-search-box{
font-size: 12px;
border: 1px solid #CCCCCC;
border-radius: 2px;
width: 180px;
height: 25px;
padding: 2px;
}
.vista-search-box:disabled{ background: rgba(0, 0, 0, 0) url("/images/loading.gif") no-repeat scroll 85% center / 18px 18px; }
.vista-search-text,input.vista-search-text[type="text"]{
font-size: 12px;
border: 1px solid #CCCCCC;
border-radius: 2px;
width: 100%;
height: 26px;
padding: 2px;
}

table.newsContainer {width: 100%;min-height: 100px;}
table.newsContainer > tbody > tr > td:nth-child(1){width: 10%;width: 10%;text-align: center;padding: 30px 0;vertical-align: top;background-color:#DDDDDD;}
table.newsContainer > tbody > tr > td:nth-child(1).blueContainer{background-color: var(--di-blue) !important;color:#FFFFFF;}
table.newsContainer > tbody > tr > td:nth-child(1) > div:nth-child(1){font-size:30px;}
table.newsContainer > tbody > tr > td:nth-child(1) > div{color:#888888;}
table.newsContainer > tbody > tr > td:nth-child(1).blueContainer > div{color:#FFFFFF;}
table.newsContainer > tbody > tr > td:nth-child(2){width: 0.5%;width: 0.5%;padding: 0px;}
table.newsContainer > tbody > tr > td:nth-child(3){
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    background: #ffffff;
}
table.newsContainer > tbody > tr > td:nth-child(1),
table.newsContainer > tbody > tr > td:nth-child(3)
{border: 1px solid #CCCCCC;}
table.newsContainer > tbody > tr > td > table{width: 100%;}
table.newsContainer > tbody > tr > td > table > tbody > tr{font-weight: normal; text-align: left;}
table.newsContainer > tbody > tr > td > table > tbody > tr > td{padding: 0 10px;color: #000000;}
table.newsContainer > tbody > tr > td > table > tbody > tr > th:nth-child(1){width: 10px;padding: 5px 0px 5px 10px;display:none;}
table.newsContainer > tbody > tr > td > table > tbody > tr > th:nth-child(1) img{display:none;}
table.newsContainer > tbody > tr > td > table > tbody > tr > th:nth-child(2){font-size: 18px;text-align: left;font-weight: normal;padding: 5px 10px 5px 10px;background-color:#DDDDDD;color:#888888;}

table.newsContainer.new > tbody > tr > td:nth-child(1), table.newsContainer.new > tbody > tr > td > table > tbody > tr > th{background-color: var(--di-blue);}
table.newsContainer.new > tbody > tr > td > table > tbody > tr > th, table.newsContainer.new > tbody > tr > td:nth-child(1) > div{color:#FFFFFF;}
table.newsContainer.new > tbody > tr > td > table > tbody > tr > th a{color: #bbd9ff;}
table.newsContainer.new > tbody > tr > td > table > tbody > tr > th a:hover{color: #d2e6ff;}
table.newsContainer.new > tbody > tr > td:nth-child(1),
table.newsContainer.new > tbody > tr > td:nth-child(3)
{border: 1px solid var(--di-blue);}
table.newsContainer.new > tbody > tr > td > table > tbody > tr > th:nth-child(1){display:table-cell;}
table.newsContainer.new > tbody > tr > td > table > tbody > tr > th:nth-child(1) img{display:block;}

.headingColour{color:#505564;font-size:15px;text-decoration: none;}
.subHeadingColour{color:#42596B;font-size:18px;text-decoration: none;}
.pricingColour{color:#42596B;font-size:18px;text-decoration: none;}
.highlightColour{color:#22a3e5;}

#consoleContentDiv div div:last-child{background-color:#FFFFFF;}
#consoleContent > a{color:#336699;font-size:14px;}
#consoleContent #adminConsoleCoreXmlLastUpdatedOverdue{display:none;}
.main-container {width:100%;padding: 20px 0px;background: #EEEEEE;}
.main-container.titleBar {padding: 20px 0px 0px 0px;}
.main-container-inner{padding-bottom:27px;border-right: 1px solid #e9e9e9;position: relative;background-color:#FFFFFF;border-bottom: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
.main-container-inner.titleBar{padding: 10px 0px 10px 25px;max-width: 1240px;margin: auto;background-color: #F7F7F7;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
/* .main-container-inner.titleBar.admin{background-color:#ffeedd;border-bottom:1px solid #ffdbb6;} */
.main-container-inner.titleBar.admin{  background: repeating-linear-gradient(
  315deg,
    rgb(255 255 255),
    rgb(255 255 255) 10px,
    #f1f8ff 10px,
    #f1f8ff 20px
  );
  background-size: 100% 203px;
  background-color: #FFF;
  background-repeat: no-repeat;
  font-size: 14px;
  letter-spacing: 0px;
  color: #345b83;
  font-weight: bold;
  font-family: 'FordAntenna-Light';
}
.main-container-inner.titleBar > h1{font-size: 14px;letter-spacing: 0px;color:#776C6C;font-weight:normal;}
.main-container.internalPage{padding: 0 0 20px 0;}
.main-container-inner.topPadding{padding-top: 25px;}
.main-container.dealerGroupSelector{margin: 0 0 -20px 0;padding: 10px 0px 0px 0px;}
body.full-width .main-container-inner{}

.fullWidthH1Title {display:none;}
.fullWidthH1Title h1{font-size:20px;color:#475c6a;font-weight:normal;font-family:'FordAntenna-Light', Arial;padding:8px 0 12px;}
.fullWidthH1Title .titleUnderline{display:none;}
#RightContentNavigation{float:right;}

#notificationContainer{box-shadow:0 0 10px -3px #000;position:fixed;top:-200px;left:50%;width:300px;height:192px;overflow:hidden;margin-left:-150px;background:#ffffff;z-index:999;border-left:2px solid #336699;border-right:2px solid #336699;border-bottom:2px solid #336699;}
#notificationContainer.active{top:0;}
.innerNotificationContainer{background:#ffffff;padding:10px;color:#222222;}
.popupNotificationTitle{background:#336699;padding:10px;color:#FFFFFF;}

.notificationIcon{width:96px;height:96px;text-indent:-99999px;margin:0 auto;}
.successIcon{background:url(/images/sprites.png) 0px -64px no-repeat;}
.warningIcon{background:url(/images/sprites.png) -96px -64px no-repeat;}
.errorIcon{background:url(/images/sprites.png) -192px -64px no-repeat;}

.di-notificationContainer .notificationIcon, .di-successContainer .notificationIcon, .di-errorContainer .notificationIcon{height:16px;width:16px;margin: 0 8px 0 0;background-image:url('/images/sprites.png');}
.di-successContainer .notificationIcon.successIcon{background-position:-128px 0px;}
.di-notificationContainer .notificationIcon.warningIcon{background-position:-144px 0px;}
.di-errorContainer .notificationIcon.errorIcon{background-position:-160px 0px;}

.notificationIcon.errorIcon-40{width:40px;height:40px;} .errorIcon-40{background:url(/images/sprites.png) -80px -160px no-repeat;}
.notificationIcon.warningIcon-40{width:40px;height:40px;} .warningIcon-40{background:url(/images/sprites.png) -40px -160px no-repeat;}
.notificationIcon.successIcon-40{width:40px;height:40px;} .successIcon-40{background:url(/images/sprites.png) 0px -160px no-repeat;}



.di-qtip{
border: 1px solid #336699;
background-color: #FFFFFF;
padding: 5px;
font-size: 12px;
z-index: 999999999999 !important;
}

.di-notificationContainer a{color:#663300;}
.di-notificationContainer{border: 1px solid #ffe188;color:#AA7700;display: inline-flex;padding: 10px;margin:0 0 5px;background-color: #fff8d7;clear:both;margin-bottom:10px;border-radius: 5px;box-shadow: #f3f3f3 2px 2px 0px 2px;align-items: center;}
.di-errorContainer, .vistaLogin .missingSubCode{border: 1px solid #ff8888;color: #aa0000;display: inline-flex;padding: 10px;margin: 0 0 5px;background-color: #ffe5e5;clear: both;margin-bottom: 10px;border-radius: 5px;box-shadow: #f3f3f3 2px 2px 0px 2px;align-items: center;}
.di-successContainer, .vistaLogin .subCode{border: 1px solid #88ffa6;color: #11aa00;display: inline-flex;padding: 10px;margin: 0 0 5px;background-color: #e5ffe7;clear: both;margin-bottom: 10px;border-radius: 5px;box-shadow: #f3f3f3 2px 2px 0px 2px;align-items: center;}

.di-notificationContainer h2{color:#AA7700 !important;}


.cherrypick-search-box{
border: 1px solid #336699;
float: left;
}
.cherrypick-search-bar{
background-color: #336699;
font-size: 16px;
text-align: center;
color: #FFFFFF;
}
.vista-vehicle:hover{
background-color: #336699;
color: #FFFFFF;
}
.vista-model-title{
background-color: #336699;
color: #FFFFFF;
text-align: center;
font-size: 24px;
padding: 5px 0 5px 0;
}
.vista-vehicle-image-td{
background-color: white;
border-right: 1px solid #777777;
border-top: 1px solid #eeeeee;
color: #000000;
width: 120px;
}
.vista-vehicle-model-information-td{
font-size: 18px;
padding: 0 10px 0 10px;
width: 350px;
}
.vista-vehicle-model-options-td{
font-size: 18px;
padding: 0 10px 0 10px;
width: 200px;
}
.vista-vehicle-model-prices-td{
padding: 0 10px 0 10px;
width: 100px;
}
.vista-bar{
width: 10px;
}
.vista-vehicle-bonuses-td{
width: 100px;
text-align: center;
}
.dealer-header{display:flex;align-items:center;height:70px;font-family:'FordAntenna-Light';padding: 0 0 0 14px;}
.dealer-header a{font-size:26px;text-decoration:none;color:#EAEAEA;}
.dealer-header div{margin:0 20px 0 0;}
.dealer-header img{vertical-align:middle;}
.dealer-header .dealerName{}
.dealer-header .ford-logo-di-white{/*width:75px;*/}
.dealer-header .di-logo-white{width:220px;}
.dealer-header .di-icon{background-image: url(/images/di-logo-white.png);background-repeat: no-repeat;width: 33px;height: 100%;background-position: 0% 50%;background-size: 230px;}
.dealer-header #adminDealerCode, .dealer-header div span{font-size:26px;background:transparent;color:#FFFFFF;padding:5px;}
.dealer-header #adminDealerCode, .dealer-header #changeDealerLocation select{font-size:20px;background:transparent;color:#FFFFFF;padding:5px;}
.dealer-header #adminDealerCode option, .dealer-header #changeDealerLocation select option{color:#000000;}

@media only screen and (max-width:360px) {.dealer-header a{font-size:18px;}}

.navigation-menu{
/*background-color: #404471;*/
background-color:#3A3D63;
/*border-top: 1px solid #5b6b99;*/
height: 40px;
width: 100%;
/*background-image: url('/images/di-navigation-menu-bg.png');*/
/* background-repeat: repeat-x; */
/*overflow: hidden;*/
/*border-bottom: 1px solid #585886;*/
/*border-top: 1px solid #585886;*/
}
.navigation-menu-inner{position:relative;}
.navigation-menu-inner > ul{
list-style: none;
margin: 0;
padding: 0;
margin: 0;
height: 40px;
}
.navigation-menu-inner > ul > li{
float: left;
/*color: #EEEEEE;*/
font-size: 14px;
line-height: 40px;
height: 40px;
left: 0;
}
/*IE <= 8 FIX */
.navigation-li-last-child{
border-bottom: 1px solid #CCCCCC;
}
.navigation-menu-inner > ul > li > a{
padding: 0 13px 0 34px;
display: block;
color: #EEEEEE;
text-decoration: none;
}
/*.navigation-menu-inner > ul > li > a{
padding: 0 13px 0 13px;
display: block;
color: #EEEEEE;
text-decoration: none;
}*/
.navigation-menu-inner > ul > li:hover, .user-menu-ul:hover, .navigation-menu-inner > ul > li.active{
background-color: #FFFFFF;
/*background-image: url('/images/di-navigation-menu-bg-white.png');
background-repeat: repeat-x;*/
color: #333333;
cursor: pointer;
left: 0px;
}
.navigation-menu-activated{
background-image: url('/images/di-navigation-menu-bg-white.png');
background-repeat: repeat-x;
cursor: pointer;
left: 0px;
}
.navigation-menu-activated > a{
color: #333333 !important;
}
.navigation-menu-activated .iconSettings {background-position: 13px -40px;}
.navigation-menu-activated .iconCalc {background-position: 13px -40px;}
.navigation-menu-inner > ul > li:hover > a, .navigation-menu-inner > ul > li.active > a{
color: #333333;
}
/*.navigation-menu ul li ul{
display: none;
position: relative;
z-index: 99999;
height: auto;
}
.navigation-menu ul li ul li{
clear: both;
width: 100%;
text-align: left;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
background-image: url('/images/di-navigation-menu-bg-white.png');
}
.navigation-menu ul li ul li:hover{
clear: both;
width: 100%;
text-align: left;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
background-image: url('/images/di-navigation-menu-bg.png');
}
.navigation-menu ul li ul li:hover a{
color: #EEEEEE !important;
}
.navigation-menu ul li ul li a{
color: #333333;
}
.navigation-menu ul li ul li:last-child{
border-bottom: 1px solid #CCCCCC;
}*/
.navigation-menu-ul{
float: left;
}

/* USER MENU */
.user-menu-ul{float: right;padding: 0 10px 0 10px;color: #DDDDDD;height: 40px;line-height: 40px;cursor: pointer;font-size: 14px;/*border-right:3px solid #404471;*/border-right: 3px solid #3A3D63;}
.user-menu-ul:hover .user-menu-dropdown{display:block;}
.user-menu-dropdown{display:none;padding:16px;position:absolute;z-index:999;text-align:right;background:#ffffff;border-left:3px solid #404471;border-right:3px solid #404471;border-bottom:3px solid #404471;min-width:25%;right:0;}
.user-menu-dropdown div{line-height:30px;border-bottom:1px solid #e9eaed;}
.user-menu-dropdown div a{padding:0 10px;display:block;color:#999999;text-decoration:none;}  .user-menu-dropdown div a:hover{background-color:#336699;color:#EEEEEE;}
.user-menu-dropdown div a svg, .user-menu-dropdown div a img{width:30px;height:30px;vertical-align:middle;fill:#336699;padding-left:5px;}  .user-menu-dropdown div a:hover svg, .user-menu-dropdown div a:hover img{fill:#ffffff;}
.user-menu-logout, .user-menu-user{
width: 100%;
}
.user-menu-ul .user-menu-logout{
display: none;
}
.user-menu-ul:hover .user-menu-user{
display: none;
}
.user-menu-ul:hover .user-menu-logout{
display: block;
color: #333333;
}
.iconUser.impersonate{
    background: url(/images/icon-user.png) no-repeat 0px -16px;
    padding: 0 1px 0 22px;
    color: #EEEEEE;
    text-decoration: none;
}

/* FINANCE ACTIONS MENU */
.finance-actions-menu > ul > li > a{background: url(/images/arrow_right.gif) no-repeat right;}

.finance-actions-menu ul{padding:0;margin:0;list-style:none;}
.finance-actions-menu ul li a{color:#FFFFFF;font-weight:bold;line-height:20px;overflow:hidden;padding:0 8px 1px 0;text-decoration:none;white-space:nowrap;}

/*.finance-actions-menu .right {right: 96px;width: 100%;left:auto;}*/
.finance-actions-menu .right {right: -11px;/*width: 100%;*/left:auto;}

.finance-actions-menu ul li ul{list-style:none;display:none;position:absolute;left:-11px;top:24px;z-index:999999999;background-color:#336699;}
.finance-actions-menu:hover ul li ul{display:block;}
.finance-actions-menu ul li ul li{
width: 100% !important;
padding: 2px 5px !important;
}
.finance-actions-menu img {
display: none !important;
}
.finance-actions-menu-disabled {
display: none;

}
.setWidthTdFirst {

}
.setWidthTdMiddle {
width: 116px !important;
}
/*.setWidthTdLast {
width: 34px !important;
}*/
.setWidthTdLast {
width: 44px !important;
}
.noBorderTopTr td{
border-top: 0 !important;
}

.reportAnIssueLink a, .messagesLink a,
.reportAnIssueLink span, .messagesLink span{
 vertical-align: middle;
 color: #CCCCCC;
 text-decoration: none;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
}

.reportAnIssueLink span, .messagesLink span{
 margin: 0px 5px 0px 0px;
 display: inline-block;
}

.reportAnIssueLink:hover, .messagesLink:hover{
cursor: pointer;
text-decoration: underline;
color: #CCCCCC;
}

body > .header,
#consoleContentDiv,
.footer,
body{
/*background: #2a2758;*/
background: #2E2C45;
}

#dealCalcTable th,
#commandMenu ul > li,
.blueContainer th
/*,
a.vc-button,
.di-boxHeader,

.chunky-button-td,
.chunky-button,
.di-button*/{
/*background: #41507D;*/
background:#336699;
color:#FFFFFF;
}

#dealCalcTable > tbody > tr > th > div{display:flex;}

button,
input[type="submit"],
input[type="button"],
.finance-actions-menu,
.finance-actions-menu ul li ul li{
/*background:#5397dc;*/
background: #5397dc linear-gradient(to bottom, #5397dc, #336699) repeat scroll 0 0;
}

/* BUTTONS */
.large-button{height: 60px !important;line-height: 30px !important;height: 40px !important;}

.chunky-button-td, .chunky-button, .di-button, .finance-actions-menu, .finance-actions-menu ul li ul li, input[type="submit"], input[type="button"], a.vc-button, button{/*background: #2e3c65;*//*background:#5397dc;*//*background: #5397dc linear-gradient(to bottom, #5397dc, #336699) repeat scroll 0 0;*/cursor: pointer;border:0px;border-radius:0px !important;padding: 4px 10px 4px 10px;margin:0;color: #FFFFFF;text-align: center;font-weight: bold;font-size: 12px;/*font-family: Arial, Helvetica, sans-serif;*/text-decoration: none;-webkit-appearance: none;border: 1px solid #225588;}
.finance-actions-menu{
padding: 2px 10px 4px 10px;
margin: 0px 2px 0px 0px;
}
#BlackFridayPricingButton{background:#333333;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #666666, #333333) repeat scroll 0 0;}
#BlackFridayPricingButton:hover{background:#333333;}

input[type="submit"].full-width, input[type="button"].full-width, button.full-width{width:100%;}
.chunky-button-td:hover, .chunky-button:hover, .di-button:hover, .finance-actions-menu:hover, .finance-actions-menu ul li ul li:hover, input[type="submit"]:hover, input[type="button"]:hover, a.vc-button:hover{ /*background: #336699;*/background: #41507D; }
.chunky-button-td:disabled, .chunky-button:disabled, .di-button:disabled, .finance-actions-menu:disabled, .finance-actions-menu ul li ul li:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, a.vc-button:disabled, button:disabled{ background: #CCCCCC; border: 1px solid #999999; }
input.secondary[type="submit"], input.secondary[type="button"], button.secondary{
background: #f7f8fa;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7f8fa, #e7e9ec) repeat scroll 0 0;
border: 1px solid #d6d8db;
}
input.secondary[type="submit"]:hover, input.secondary[type="button"]:hover, button.secondary:hover{background: #e7e9ec;}

.chunky-button.small{
padding: 0;
height: 21px;
width: 100%;
}
.finance-actions-menu ul li a{
height: 28px;
}
.chunky-button.white{
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #777777;
}
.chunky-button.white:hover{
border: 1px solid #777777;
color: #777777;
/*animation-duration: 1s;
animation-name: chunky-button-white-hover;
animation-iteration-count: infinite;
animation-direction: alternate;*/
}
.chunky-button-deal-calc{cursor: pointer;border:0px;border-radius:0px !important;padding: 4px 10px 4px 10px;color: #FFFFFF;text-align: center;/*font-weight: bold;*/font-size: 14px;font-family: 'FordAntenna-Regular';text-decoration: none;-webkit-appearance: none;}
.chunky-button-deal-calc.white{
background-color: #FFFFFF;
color: #777777;
border-bottom: 2px solid #DDDDDD;
display: block;
}
.chunky-button-deal-calc.white:hover{
border-bottom: 2px solid #336699;
color:#336699;
}
.chunky-button-deal-calc.white.disabled{
color: #BBBBBB;
background:#FFFFFF !important;
cursor: not-allowed;
}
.chunky-button.disabled{
background:#CCCCCC !important;
border: 1px solid #bbbbbb;
cursor: not-allowed;
}
.chunky-button.disabled:hover{
}

#vistaFactoryOptions{background-color:#FFFFFF;}

/*.vehicleItems .di-plus:before, .vehicleItems .di-plus a{color:#FFFFFF;font-size:14px;width:14px;height:14px;}
.vehicleItems .di-cross:before, .vehicleItems .di-cross a{color:#FFFFFF;font-size:14px;width:14px;height:14px;}
.vehicleItems .di-plus:hover:before, .vehicleItems .di-plus a:hover{opacity:0.5;}
.vehicleItems .di-cross:hover:before, .vehicleItems .di-cross a:hover{opacity:0.5;}
.financePanel .di-plus:hover:before, .financePanel .di-plus a:hover{opacity:0.5;}
.financePanel .di-minus:hover:before, .financePanel .di-minus a:hover{opacity:0.5;}

.financePanel .di-plus.black:before, .financePanel .di-minus.black:before{color:#000000;font-size:15px;}*/

/**{box-sizing:border-box;}*/
.vistaPageActive .flexContainer{display:flex;flex-direction: row;overflow:hidden;height:calc(100% - 100px);}
.vistaPageActive #vistaStockContainerDiv{display:flex;flex-direction: row;overflow:hidden;height:calc(100% - 125px);margin:0 auto;width: 100%;}
.vistaPageActive #searchStockDiv.left{overflow-y:scroll;width:280px;box-shadow: 0px 0px 7px 1px #CCCCCC;padding:0px;height:calc(100% - 35px);}
.vistaPageActive #vistaStockDiv.right{overflow-y:scroll;width: calc(100% - 300px);padding: 0 10px 0 0;/* height: calc(100% - 90px); */}
.vistaPageActive #vistaStockDiv.right.active{width:100%;}
html.vistaPageActive, .vistaPageActive body{ height: 100%;margin:0;padding:0;overflow:hidden;}
.vistaPageActive #consoleContentDiv{display:none !important;}
.vistaPageActive #vistaStockContainerDiv{background-color:#E9EAED !important;}
.vistaPageActive .footer{display:none !important;}
.vistaPageActive #vistaFeedInfo{padding:10px;margin:0 0 10px 0;margin: -47px 0 82px 0;}
.vistaPageActive > body > .main-container:first-child{display:none;}
.vistaPageActive .vistaPage{display:block;height:100%;}
.vistaPageActive .main-container.dealerGroupSelector{margin:0 !important;}
.vistaPageActive .main-container.titleBar{margin:0;display:none;}
.vistaPageActive #vistaStockContainerDiv{display:flex;}
.vistaPageActive .vistaSearchStockUnitDivContainer{display:flnoneex;}
.vistaSearchStockUnitDivContainer{display:none;}
#vistaStockContainerDiv{display:none;background-color: #EEE;}
.vistaSearchStockUnitDivContainer{display:block;}
.vistaPage > .inner > .main-container-inner{padding: 0;border:0;height:100%;width:100%;}
.vistaPage > .inner{padding: 0;border:0;margin: auto;width:100%;height:100%;max-width: 1920px;}

.vehicleItems{background-color:#FFFFFF;}
.vehicleItems .di-plus:before, .vehicleItems .di-plus:before{content:'';}
.vehicleItems .di-cross:before, .vehicleItems .di-cross:before{content:'';}
.vehicleItems .di-plus:hover:before, .vehicleItems .di-plus:before{content:'';}
.vehicleItems .di-cross:hover:before, .vehicleItems .di-cross:before{content:'';}
/* .di-plus:hover:before, .di-plus:before{content:'';} */
.financePanel .di-minus:hover:before, .financePanel .di-minus:before{content:'';}

.di-plus.black:before, .financePanel .di-minus.black:before{color:#000000;font-size:15px;}

.vehicleItems .di-plus, .vehicleItems .di-plus a{background-position: -32px 0px;}
.vehicleItems .di-cross, .vehicleItems .di-cross a{background-position: 0px -0px;}
.vehicleItems .di-plus:hover, .vehicleItems .di-plus a:hover{background-position: -32px -16px;}
.vehicleItems .di-cross:hover, .vehicleItems .di-cross a:hover{background-position: 0px -16px;}
.di-plus:hover, .financePanel .di-plus a:hover{background-position: -48px 0px;}
.financePanel .di-minus:hover, .financePanel .di-minus a:hover{background-position: -80px 0px;}
.di-plus.black, .financePanel .di-minus.black{background-position: -48px 0px;}

.vehicleItems .di-plus, .di-plus{ background-image: url('/images/sprites.png'); background-position: -32px 0px; background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; }
.vehicleItems .di-plus:hover, .financePanel .di-plus:hover{background-position: -32px -16px; }
.vehicleItems .di-plus.white{background-position: -32px 0px; /*color:#ffffff;*/}
.vehicleItems .di-plus.black, .di-plus.black{background-position: -48px 0px; }
.vehicleItems .di-plus.black:hover, .di-plus.black:hover{background-position: -48px -16px; }
/*.di-plus.white:hover{color:#DDDDDD;}*/
.vehicleItems .di-cross, .financePanel .di-cross{ background-image: url('/images/sprites.png'); background-position: 0px 0px; background-repeat: no-repeat; height: 16px; width: 16px; display: block; }
.vehicleItems .di-cross:hover{ background-position: 0px -16px; }
.vehicleItems .di-cross.white{background-position: 0px -0px;}
.vehicleItems .di-cross.white:hover, .di-cross.white.disabled{background-position: 0px -16px;}

.vehicleItems .di-cross.red{background-position: -16px -0px;}
.vehicleItems .di-cross.red:hover, .di-cross.red.disabled{background-position: -16px -16px;}

.vehicleItems .di-minus, .financePanel .di-minus{ background-image: url('/images/sprites.png'); background-position: 0px 0px; background-repeat: no-repeat; height: 16px; width: 16px; display: block; }
.vehicleItems .di-minus.black, .financePanel .di-minus.black{background-position: -80px 0px;}
.vehicleItems .di-minus.black:hover, .financePanel .di-minus.black:hover{background-position: -80px -16px;}

.di-question-mark{
background-image: url('/images/sprites.png');
background-position: -96px 0px;
background-repeat: no-repeat;
height: 16px;
width: 16px;
display: block;
}
.di-question-mark:hover{background-position: -96px -16px;}
.di-question-mark.blue{background-position: -112px 0px;}
.di-question-mark.blue:hover{background-position: -112px -16px;}

.di-golden-arrow-up{
background-image: url('/images/sprites.png');
background-position: -176px 0px;
background-repeat: no-repeat;
height: 22px;
width: 15px;
display: block;
}
.di-golden-arrow-up.double{background-position: -191px 0px;}
.di-golden-arrow-up.triple{background-position: -206px 0px;}

.di-red-arrow-down{
background-image: url('/images/sprites.png');
background-position: -221px 0px;
background-repeat: no-repeat;
height: 22px;
width: 15px;
display: block;
}
.di-red-arrow-down.double{background-position: -236px 0px;}
.di-red-arrow-down.triple{background-position: -251px 0px;}

.di-warning{
background-image: url('/images/sprites.png');
background-position: -96px 0px;
background-repeat: no-repeat;
height: 16px;
width: 16px;
display: block;
}
.di-warning.yellow{background-position: -128px 0px;}

/* HIGHER PRIORITIES GO BELOW */
.di-button-disabled{
background-position: 0 -120px !important;
}
.large-button-disabled{
background-position: 0 -140px !important;
}
.large-button:hover{
background-position: 0 -80px !important;
}
.di-button-disabled:hover{
background-position: 0 -120px !important;
}
.large-button-disabled:hover{
background-position: 0 -140px !important;
}
button.red{
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff1e1e, #b94a4a) repeat scroll 0 0;
}

#financePanel1 {padding: 0 5px 5px 0;}
#financePanel2 {padding: 0 0 5px 5px;}
#financePanel3 {padding: 5px 0 0 5px;}
#partExchangeBox {padding: 5px 5px 0 0;}
.financePanel table th table td{ padding: 0px !important; }
.financePanel span{vertical-align:middle;}

/* DEAL CALC */
/*.dealCalc input[type="text"], .dealCalc input[type="password"], .dealCalc select, .dealCalc textarea {border:1px solid #DEDEDE;}*/

#vehicle_select select{font-size:14px;padding:7px;height:36px;}

.dealCalc input[type="text"], .dealCalc input[type="password"], .dealCalc select, .dealCalc textarea {border:1px solid #CCCCCC;}
.dealCalc input[readonly="readonly"]:focus, .dealCalc input[readonly]:focus {border-color:#FFFFFF !important;box-shadow:inherit;}
.dealCalc input[readonly="readonly"], .dealCalc input[readonly] {border-color:#FFFFFF;}
.dealCalcNewTab{cursor:pointer;text-decoration:none;padding:0 0 0 6px;}
.dealCalcNewTab:before{font-family:'di-font';content:'\00A5';color:#333333;font-size:12px;}
.dealCalcNewTab:hover:before{color:#336699;}

#bonusControlDiv{width:auto;z-index:9002;position:fixed;display:none;box-shadow: 0px 0px 6px 1px #333333;overflow-y:scroll;max-height:400px;background-color:#FFFFFF;}
#bonusControl{float:left;padding: 0 0 3px 0;width:100%;}
#bonusControl tr{ background-color:#FFFFFF; }
#bonusControl tr:hover{ background-color:#DD9AFF; }
#bonusControl tr td{ line-height: 18px; }
#bonusControl tr td input[type="checkbox"]{ vertical-align: text-top; }
#bonusControl .adhocMiscBonusControlTr, #bonusControl .adhocMiscBonusControlTr tr, #bonusControl .adhocMiscBonusControlTr td{display:none;}
/*#bonusControl tr:nth-child(2n){ background-color:#CCCCCC; }*/

#new-deal-price-control table td,
#financePanel1 table td,
#financePanel2 table td,
#financePanel3 table td{ padding:5px; }

/*#new-deal-price-control td table td,
#financePanel1 td table td,
#financePanel2 td table td,
#financePanel3 td table td{ padding:0px; }
*/
#new-deal-price-control .chunky-button,
#financePanel1 .chunky-button,
#financePanel2 .chunky-button,
#financePanel3 .chunky-button,
#partExchangeBox .chunky-button
{ height:28px;width:100%; }

/*#bonusControlDiv input[type="text"],*/
#new-deal-price-control input[type="text"],
#new-deal-price-control select,
#financePanel1 input[type="text"], #financePanel1 select,
#financePanel2 input[type="text"], #financePanel2 select,
#financePanel3 input[type="text"], #financePanel3 select,
#partExchangeBox input[type="text"], #financePanel3 select,
#partExchangeBox input[type="text"],
.deal-calc-vehicle-information input[type="text"],
.deal-calc-vehicle-information select,
.selectBoxFillOut input[type="text"],
.selectBoxFillOut select
{
height:28px;
width:100%;
/*border: 1px solid #FFFFFF;*/
padding:0 0 0 5px;
}
.optionsOrAcquireWithBalloonFinanceSelector{
  margin:-2px;
  height: 18px !important;
  background-color: transparent;
  color: #FFFFFF;
}
.optionsOrAcquireWithBalloonFinanceSelector option{
  color: #000000;
}
#new-deal-price-control .vatRegistered{
  color: inherit;
  margin: 0 10px 0 20px;
}

.financePanel select#OptionsProgrammeId{height: 20px;width: auto;padding: 0px;}
.financePanel select#AcquireProgrammeId{height: 20px;width: auto;padding: 0px;}
.financePanel select#OptionsCashPlanProgrammeId{height: 20px;width: auto;padding: 0px;}

.financePanel .di-errorContainer{width:100%;}


input[type="text"].exVat{ background: url('/images/ex-vat.png') no-repeat 100% center; }
input[type="text"].incVat{ background: url('/images/inc-vat.png') no-repeat 100% center; }
input[type="text"].greyWarning{ background: url('/images/warning-grey.png') no-repeat 98% center; }

#new-deal-price-control input[type="text"].error{border:1px solid #FF0000;background-color: #fff6e1;color:#FF0000;}
#new-deal-price-control input[type="text"].notification, .userInfoTable .notification{border: 1px solid #ffc84c;background-color: #fff6e1;color: #816932;padding:10px;}
.userInfoTable .notification span:first-child{margin: 0 10px 0 0;}

.vatInformationTable td:first-child{background-color: #F7F7F7;border-right: 1px solid #CCCCCC;}
.vatInformationTable tr:not(:first-child) td{border-top: 1px solid #CCCCCC;}

.finance-options-table, .finance-acquire-table, .finance-acquire-with-balloon-table, .finance-options-cash-plan-table{
  width: 100%;
  border: 1px solid #336699;
  margin: 0 0 0 0;
  background-color:#FFFFFF;
}
.part-exchange-table{width: 100%;border: 1px solid #336699;margin: 0 0 0 0;background-color:#FFFFFF;}
.no-hover-li {background: none !important;color: #eee !important;cursor: default !important;}

.model-container {position:relative;float:left;width:31.333%;margin:1%;cursor: pointer;vertical-align:top;box-shadow: 0 0 10px 1px #ddd;}
.model-container:hover {box-shadow: 0 0;}
.model-container.full-width{width:100%;margin:1% 0;}

.model-container > table{background:#ffffff url("/images/cars-aicon.png") no-repeat right bottom;border:1px solid #ffffff;}
.model-container > .model-container-button-noButton{background:#ffffff;}
.model-container:hover > table {border: 1px solid #42596b;}

.online-enquiry-button{ text-align: center; background-color: #336699; color: #FFFFFF; font-size: 16px; margin: 12px 0px 0px 0px; padding: 10px 0px 10px 0;}
.online-enquiry-button:hover{ background-color: #407bb7 !important; }

.model-container-series4{position:relative;}
.model-container.model-container-contactus {cursor:default;box-shadow:0px 0px 10px 1px #ddd !important;} .model-container.model-container-contactus > table {background:none !important;border-color:#FFFFFF !important;} /*for vehicles with no stock*/

/*.model-container:hover {box-shadow:0px 0px;}*/
/*.model-container:hover > table {border: 1px solid #42596B;}*/
.newstock.model-container{background:url(/images/cars-aicon-series.png) no-repeat right center #fff;}

.model-container .vista-search-button {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

.model-container .model-title font {
border-bottom: 1px solid #f0f0f0;
margin: 0px 20px;
display: block;
}

.newcar-table-header {
background:#2D629A;
color: white;
text-align: center;
font-size: 16px;
height: 23px;
width: 100%;
margin: 0 auto 0 auto;
padding-top: 5px;
}

.newcar-price-section {
font-size: 32px;
color: #475c6a;
}
.newcar-price-section.visable{display:block !important;}
.content.active{display:block !important;}

.leftcol-newcar-section {
margin-bottom: 10px;
position: relative;
width: 100%;
}

.di-table{border-collapse: separate;border-spacing:0px;}
.di-table > tbody > tr > td, .di-table > tbody > th{padding:5px;}
.di-table.blue{border:1px solid #336699;}
.di-table.blue > tbody > th{background-color: #336699;color:#FFFFFF;}
.di-table.blue > tbody > tr:nth-child(odd) > td{background-color: #EEEEEE;}

.di-table.grey{border: 1px solid #CCCCCC;}
.di-table.grey th{background-color: #CCCCCC;}
.di-table.grey td{}
.di-table.grey tr:nth-child(odd) td{background-color: #EEEEEE;}

.di-table.red{border:1px solid #FF0000;}
.di-table.red th{background-color: #FF0000;color:#FFFFFF;}
.di-table.red tr:nth-child(odd) td{background-color: #EEEEEE;}

.di-table.hover tr{cursor:pointer;}
.di-table.hover tr:first-child{cursor:default;}
.di-table.hover tr:hover td{background-color:#dd9aff !important;}

.blueContainer {background:#FFFFFF;border:1px solid #336699;color:#000;}
.blueContainer th {
/*background: #336699;*/
color: #FFFFFF;
font-weight: normal;
text-align: left;
}

.greyContainer {background:#DDDDDD;border: 1px solid #CCCCCC;}
.greyContainer th {
background: #DDDDDD;
color: #888888;
font-weight: normal;
text-align: left;
}

.redContainer {background:#FFFFFF;border: 1px solid #FF0000;}
.redContainer th {background: #FF0000;color: #FFFFFF;font-weight: normal;text-align: left;}

hr {
background: #6699bb;
height: 1px;
border: none;
}

.cherryPickMainContainer{width:100%;background-color:#EEEEEE;}
.cherryPickContainer{padding: 20px 0;}
.cherryPickContainer.active{padding: 20px;background-color:#FFFFFF;}
.cherryPickContainer > div > input[type="text"]{padding: 10px;width:100%;margin: 0 0 4px 0;font-size:14px;}
#cherryPickSelector table tr:last-child td {border-width: 0px !important;}

.cherryPickSearchContainer{ float: left; width: 22%;}
.cherryPickSearchContainer .title{padding: 9px 5px 5px 5px;color: #777777;text-align:center;border-bottom: 0 !important;border: 2px solid #DDDDDD;}
.cherryPickSearchContainer > div{border: 1px solid #DDDDDD;}
.cherryPickSearchContainer .cherryPickHeader{ background-color: #336699; font-size: 14px; color: #EEEEEE; padding: 10px; }
.cherryPickSearchContainer select{ /*display: inline-block;*/ float: left; clear: both; margin: 0 0px 4px 0; }
.cherryPickSearchContainer select{ width: 100%; margin: 0 0px 4px 0; padding: 5px; }
/*.cherryPickSearchContainer div div{
padding: 0;
width: 100%;
}*/
.cherryPickSearchContainer input[type="text"]{ /*display: inline-block;*/ float: left; clear: both; padding: 10px 6px; margin: 0 0px 0px 0; border: 1px solid #DDDDDD; width: 100%; }
.cherryPickSearchContainer .options{ cursor:pointer; color: #333333; }
.cherryPickTitle{ font-size: 24px; color: #666666; display: inline-block; margin: 0 0 10px 0; }
.cherryPickSearchContainer .labelDi{left:8px;position:absolute;top:50%;margin-top:-8px;}
.cherryPickSearchContainer .container, .cherryPickSearchContainer .ms-choice{border:1px solid #DDDDDD;padding:10px 8px;color:#444444;}
/*.cherryPickSearchContainer .last.container, .cherryPickSearchContainer .last .ms-choice{border-bottom-style:solid;}*/
/*.cherryPickSearchContainer .ms-choice {height:34px !important;line-height:inherit;font-weight:normal;margin:0 0 4px 0;}*/
.cherryPickSearchContainer .ms-choice {height:34px !important;line-height:20px;font-weight:normal;margin:0 0 0 0;}
.cherryPickSearchContainer .labelDi {left:8px;position:absolute;top:50%;margin-top:-10px;}
.cherryPickSearchContainer .ms-choice > span {top:50%;/*left:50%;*/text-align:right;margin-top:-10px;}
.cherryPickSearchContainer .ms-choice > div {top:50%;margin-top:-13px;}
.cherryPickSearchContainer input[type="submit"]{width:100%;}
.cherryPickSearchResults{ float: left; width: 79%; margin: 0 0 0 1%; }
.cherryPickSearchResults.active{ float: left; width: 100%; margin: 0; }
.cherryPickMoreOptions .ms-drop span{ margin: 0 0 0 2px; }
.cherryPickMoreOptions .ms-drop li{ margin: 0 0 0 2px; }

.dealCalc #dealCalcTable{width:100%;border:1px solid #336699;background-color:#FFFFFF;}
.dealCalc #vehicleInformation{background-color:#FFFFFF;width:100%;border:1px solid #CCCCCC;}
.dealCalc .dealerFitAccessories{background-color:#FFFFFF;}
.dealCalc .additionalServices{background-color:#FFFFFF;}
.dealCalc .specialDiscounts{background-color:#FFFFFF;}
.dealCalc .options{background-color:#FFFFFF;}

#dealCalcTable.dPlan th{background-color:#FFCC33;}
#dealCalcTable.ambassador th{background-color:#9966CC;}
#dealCalcTable.privilege th{background-color:#99CC66;}
#dealCalcTable.smallBusiness th{background-color:#D06969;}

#dealCalcTable.dPlan{border:1px solid #FFCC33;}
#dealCalcTable.ambassador{border:1px solid #9966CC;}
#dealCalcTable.privilege{border:1px solid #99CC66;}
#dealCalcTable.smallBusiness{border:1px solid #D06969;}

#dealCalcTable .discountWarningContainer{position: absolute;
  height: 10px;
  /* width: 30px; */
  color: blue;
  /* vertical-align: middle; */
  display: flex;
  align-items: center;
  right: 42px;
  top: 9px;
  text-decoration: underline;
  text-align: right;
  justify-content: flex-end;
}
/*#dealCalcTable input[readonly="readonly"]{
border-right: 1px solid #CCCCCC;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
}
*/
/* Features on Vista and Deal Calc */
#vehicleFeatures.vistaDealCalc-features {
width: 851px;
}

.vistaDealCalc-features .newcar-table-header {
border-radius: 0;
}
.vistaDealCalc-features .newcar-table-header b {
font-weight: normal;
font-size: 12px;
line-height: 22px;
}
.vistaDealCalc-features ul {margin: 0px;}

.vistaDealCalc-features table tr td {border-right: 1px solid #ddd;}
.vistaDealCalc-features table tr td:last-child {border-right: 0px;}

.large-plus:hover{
cursor: pointer;
}

/* COMMANDS MENU on Vista and Deal Calc */
/*#commandMenu {position: relative;margin-bottom: 10px;z-index: 8999;}*/
#commandMenu {position: relative;margin-bottom: 10px;z-index: 1;}
#commandMenu a {display:block;padding:10px;}
#commandMenu ul {margin: 0;padding: 0;width: 100%;background: #fff;}
#commandMenu li {list-style: none;}
#commandMenu li span{padding: 6px 34px 6px 5px;display: block;background: url(/images/gear-white.png) no-repeat right center;color: #FFFFFF;}
#commandMenu #commandMenuUl li {background: none;text-align:left;padding: 6px 5px;color: #000000;cursor: pointer;border-left:1px solid #336699;border-right:1px solid #336699;}
#commandMenu #commandMenuUl {border-bottom:1px solid #336699;position: absolute;width:100%;background: #fff;display:none;}
#commandMenu #commandMenuUl li:hover {background: #DD9AFF !important;}
#commandMenu #commandMenuUl li:nth-child(odd){background: #FFFFFF;}
#commandMenu #commandMenuUl li:nth-child(even){background: #E9EAED;}

#commandMenu.commandMenuDisabled span{ background-color: #8E8E8E !important; }
#commandMenu.commandMenuDisabled #commandMenuUl { display: none !important; }

#commandMenu:hover #commandMenuUl{
  display: block;
}
#commandMenuUl:hover{
  display: block !important;
}

#helpContent{
margin: 10px 0px 12px;
display: block;
border: 3px solid #eee;
padding: 5px 5px 6px;
width: 884px;
position:relative;
}

.bonus-disabled td{
color: #AAAAAA;
font-style: italic;
}

.iconDisabled, .iconCalc, .iconCherry, .iconWeb, .iconSettings, .iconUser{
 /*display: inline-block;
 height: 16px;
 width: 16px;
 vertical-align: middle;
 margin: 0 4px 4px 0;
 background-size: 85% 170% !important;*/
}

.iconDisabled {background:url(/images/iconcalc.png) no-repeat 12px 0px;}
.iconCalc {background:url(/images/iconcalc.png) no-repeat 12px 0px;}
.iconCherry {background:url(/images/iconcherry.png) no-repeat 12px 0px;}
.iconWeb {background:url(/images/iconweb.png) no-repeat 12px 0px;}
.iconSettings {background:url(/images/iconsettings.png) no-repeat 12px 0px;}
.iconUser {background:url(/images/icon-user.png) no-repeat 12px 0px;}
.iconHoverLoaderBlack {width:12px;height:12px;vertical-align:middle;}
.iconHoverLoaderWhite {width:12px;height:12px;vertical-align:middle;display:none;}

.navigation-menu ul li:hover .iconCalc, .navigation-menu ul li.active .iconCalc {background-position: 12px -40px;}
.navigation-menu ul li:hover .iconCalc .iconHoverLoaderBlack {display: none !important;}
.navigation-menu ul li:hover .iconCalc .iconHoverLoaderWhite {display: inline !important;}
.navigation-menu ul li:hover .iconCherry {background-position: 12px -40px;}
.navigation-menu ul li:hover .iconWeb {background-position: 12px -40px;}
.navigation-menu ul li:hover .iconSettings {background-position: 12px -40px;}
.navigation-menu ul li:hover .iconUser {background-position: 12px -40px;}

.navigation-menu ul li.nav-disabled > a {background:url(/images/iconcalc.png) no-repeat 13px 0px !important;color:#eeeeee !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.navigation-menu-inner > ul > li.nav-disabled {background: transparent !important; cursor:not-allowed !important;box-shadow:0 0 9px 1px rgba(0, 0, 0, 0.2) inset !important;}
.navigation-menu-ul{padding-left:3px !important;}
.navigation-menu-ul li img{margin: 0 0 0 4px;}
/*.navigation-menu-ul li .dealCalcMenuInner img{margin:-8px -10px 8px 10px;}*/
.dealCalcTabsContent img{margin:-8px -10px 8px 10px !important;}

.hidden{
display: none !important;
}

.hiddenTr td{
display: none !important;
}

.trHoverPurple:hover{
background-color: #dd9aff !important;
cursor: pointer;
}

.bottomBorderTd{
border-bottom: 1px solid #EEEEEE;
}

.tab{
border: 1px solid #CCCCCC; float: left; padding: 10px; background-color: #EEEEEE;
}
.tab:hover{
background-color: #E1E1E1;
cursor: pointer;
}
.tab-active{
background-color: #3976b2 !important; color: #FFFFFF !important; border: 1px solid #336699 !important;
}

/*///////////////////////////////////////////
// DEALER ADMINISTRATION MENU / ADMIN MENU //
///////////////////////////////////////////*/

#dealerAdministrationMenuLi:hover > div, #administrationMenuLi:hover > div{display:block;}
.dealerAdministrationMenu, .administrationMenu{position: absolute;top: 40px;left: 0;width: 100%;display: none;background-color: #FFFFFF;z-index: 99999;cursor: auto;}
.dealerAdministrationMenuInner, .administrationMenuInner {padding:16px;border-left:3px solid #404471;border-right:3px solid #404471;border-bottom:3px solid #404471;}
.dealerAdministrationMenuInner ul, .administrationMenuInner ul{line-height: 20px;list-style: none;margin: 0;padding: 0;}
.dealerAdministrationMenuInner ul li a, .administrationMenuInner ul li a{text-decoration: none;color: #999999;font-size: 14px;display: block;border-bottom: 1px solid #e9eaed;background: url('/images/navright.png') no-repeat 99%;/*border-top: 1px solid #DDDDDD;*/}
.dealerAdministrationMenuInner ul li a{padding: 5px 8px 5px 5px;}
.administrationMenuInner ul li a{padding: 5px 22px 5px 5px;}
.dealerAdministrationMenuInner ul li a{width:90%;}
.dealerAdministrationMenuInner ul li a:hover, .administrationMenuInner ul li a:hover{background-color: #336699;cursor: pointer;color: #EEEEEE;background-image: url('/images/navright_white.png');background-repeat: no-repeat;background-position: 99%;/*text-decoration: underline;*/}
.dealerAdministrationMenuInner ul li:first-child, .administrationMenuInner ul li:first-child{color: #336699 !important;/* font-weight: bold !important; */font-size: 20px !important;height: 40px;background: none !important;font-family: Arial;}
.dealerAdministrationMenuInner div{float: left;width: 25%;margin: 0 0 10px 0;}
.dealerAdministrationMenuInner ul li, .administrationMenuInner ul li{}
#administrationMenuSessionInfoLi div{vertical-align:middle;}
#administrationMenuSessionInfoLi div div{display:inline-block;}
.administrationMenuInner > div > div{float: left;margin: 0 1% 0 0;width:24%;}
.administrationMenuInner > div{float:left;width:100%;}
.administrationMenuInner > div:nth-child(2){padding:30px 0 0 0;}
.administrationMenu .sessionInfo{width:35%;clear:left;}
.administrationMenu .sessionInfoLinks{width:62%;}

#financeTables .financeTablesTdWidth {width:50%;}



.popupHoverBox {position:relative;}
.popupHoverBox:hover .popupHoverBoxContents{display:block;}
.popupHoverBox .popupHoverBoxContents{display:none;position:absolute;text-align:left;background:#ffffff;border:1px solid #30A1E2;font-size:12px;z-index:2;box-shadow:0px 0px 7px -2px #888888;;width:auto;white-space:nowrap;color:#000000;}
.popupHoverBox .popupHoverBoxContents.wrap{white-space:normal !important;}
.popupHoverBox .popupHoverBoxContents div{padding:5px;}
.popupHoverBox .popupHoverBoxContents table, .popupHoverBox .popupHoverBoxContents td, .popupHoverBox .popupHoverBoxContents th{text-align:left;}
.popupHoverBox .popupHoverBoxContents::before{content:"\A";border-color: transparent #30a1e2 transparent transparent;border-style: solid;border-width: 12px;content: "\a ";position: absolute;}
.popupHoverBox.topSide.left .popupHoverBoxContents::before{left:38px;}
.popupHoverBox.topSide.right .popupHoverBoxContents::before{right:42px;}
.popupHoverBox.leftSide.top .popupHoverBoxContents::before{top:0;left:-24px;}
.popupHoverBox.leftSide.bottom .popupHoverBoxContents::before{bottom:0;left:-25px;}
/*.popupHoverBox.leftSide.bottom .popupHoverBoxContents{bottom:0;}*/
.popupHoverBox.leftSide.bottom .popupHoverBoxContents{bottom:-4px;}
.vtable .vTableImg.popupHoverBox.leftSide.bottom .popupHoverBoxContents{bottom:34%;} /*vista listing - vehicle status only*/
/*.popupHoverBox.leftSide .popupHoverBoxContents{left:31px;left:100%;left:calc(100% + 8px);}*/
.popupHoverBox.leftSide .popupHoverBoxContents{left:31px;left:100%;left:calc(100% + 12px);}
.popupHoverBox.leftSide.middle .popupHoverBoxContents::before{bottom:37%;right:-25px;border-color: transparent transparent transparent #30a1e2;}
.popupHoverBox.leftSide.middle .popupHoverBoxContents{right:calc(100% + 12px);bottom:-4px;}
.popupHoverBox.rightSide.bottom .popupHoverBoxContents::before{bottom:0px;right:-24px;border-color: transparent transparent transparent #30a1e2;}
.popupHoverBox.rightSide.bottom .popupHoverBoxContents{right:calc(100% + 12px);bottom:-4px;}
.popupHoverBox.rightSide.middle .popupHoverBoxContents::before{bottom:37%;right:-24px;border-color: transparent transparent transparent #30a1e2;}
.popupHoverBox.rightSide.middle .popupHoverBoxContents{right:calc(100% + 12px);bottom:-4px;}
.popupHoverBox.bottomSide.left .popupHoverBoxContents::before{bottom:-25px;border-color: #30a1e2 transparent transparent transparent;}
.popupHoverBox.bottomSide.left .popupHoverBoxContents{left:-3px;bottom:32px;}


/* SLIDER */
.slider.blue .ui-state-default,
.slider.blue .ui-widget-content .ui-state-default,
.slider.blue .ui-widget-header .ui-state-default {background:#475c6a !important;border:transparent !important;}
.slider.blue .ui-state-default:hover,
.slider.blue .ui-widget-content .ui-state-default:hover,
.slider.blue .ui-widget-header .ui-state-default:hover {background-color:#30a1e2 !important;}
/* END - SLIDER */



.navigationTab {clear:both;}
.navigationTab ul {list-style:none;padding:5px 0 15px;margin:0px;border-right:1px solid #ccc;float:left;width:100%;}
.navigationTab ul li {list-style:none;padding:10px 30px 10px 4%;background:url("/images/navright_grey.png") no-repeat 97% center #eee;color:#555555;margin-top:-1px;margin-right:-1px;border:1px solid #ccc;cursor:pointer;}
.navigationTab ul li.activeTab {background-color:#ffffff;color:#000;border-right-color:#fff;background-image:none;}
.navigationTab ul li:hover {background-color:#dddddd;}
.navigationTab ul li.activeTab:hover {background-color:#ffffff;}

.navigationTab.horizontal {}
.navigationTab.horizontal ul{padding:0px;margin:0 0 20px;border:0px;border-bottom:1px solid #ccc;}
.navigationTab.horizontal ul li{float:left;padding:10px 27px 10px 15px;margin-bottom:-1px;margin-top:0px;background-image:url("/images/navrightdown_grey.png");}
.navigationTab.horizontal ul li.activeTab{border-right-color:#ccc;border-bottom-color:#fff;padding:10px 15px;background-image:none;}

.dealCalcTabs {clear:both;}
.dealCalcTabs ul {list-style:none;padding:0px 0 15px;margin:0;width:100%;}
.dealCalcTabs ul li {float:left;list-style:none;padding:15px 0px 15px 20px;background:url("/images/navrightdown_grey.png") no-repeat 100% 50%;color:#555555;cursor:pointer;border-bottom:2px dotted #dddddd;width:21%;margin:0 10px 0 0;font-family: 'FordAntenna-Bold';}
.dealCalcTabs ul li.activeTab, .dealCalcTabs ul li:hover {border-bottom: 2px solid #336699;}
.dealCalcTabs ul li:hover > span{}
.dealCalcTabs ul li.activeTab:hover {background-color:#ffffff;}
.dealCalcTabs ul li:hover > div{}
.dealCalcTabs ul li.activeTab > .itemContent{display:block;}
/*.dealCalcTabs .dealCalcTabsContent{position:absolute;background-color:#FFFFFF;top:46px;left:0;width:auto;border-left:3px solid #404471;border-bottom:3px solid #404471;border-right:3px solid #404471;padding:20px 0 10px;width:calc(100% - 6px);}*/
.dealCalcTabs .dealCalcTabsContent{clear:both;padding-top:10px;display:flex;flex-wrap:wrap;}

.dealCalcTabs ul li > span {}
.dealCalcTabs ul li span.activeTab {}
.dealCalcTabs ul li span:hover {}
.dealCalcTabs ul li span.activeTab:hover {}

.option.description .popupHoverBoxContents{ padding: 5px; white-space: normal; width: 500px;}

/* CUSTOMER STATEMENT MANAGER */
#profitStatementManager .sortable:hover, #customerStatementManager .sortable:hover {
    background-color: #fff0d6;
}
#customerStatementManager .list, #profitStatementManager .list{
  list-style-type:none;
  padding: 10px;
  border: 1px dashed #CCCCCC;
  border-radius:5px;
}
#customerStatementManager .sortable, #profitStatementManager .sortable{background: url(/images/sortable.png) no-repeat #ffffef 5px center;padding: 5px 5px 5px 20px;vertical-align: middle;color: #555555;cursor: move;margin: 0 0 8px 0;box-shadow: #f3f3f3 2px 2px 0px 2px;border-radius: 5px;border: 1px solid #F1D031;}
#customerStatementManager .sortable.extra, #profitStatementManager .sortable.extra{ background: url('/images/sortable.png') no-repeat #DBDBDB 5px center; }


/* DEALER FIT ACCESSORIES  */
table.dealerFitAccessories > tbody > tr:nth-child(odd) > td{
  background-color: #EEEEEE;
}

table.dealerFitAccessories input{
  width: 100%;
}

/* PROFIT STATEMENT MANAGER */

/*////////////////////////
// VISTA //
//////////*/
.engineIcon{background: url('/images/engine-icon.png') no-repeat; width: 12px; height: 12px; display: inline-block;}
.transmissionIcon{background: url('/images/transmission-icon.png') no-repeat; width: 12px; height: 12px; display: inline-block;}
#searchStockDiv select, #vistaSearchStockResultsDiv select{border: 0;height:36px;resize:none;box-sizing:border-box;overflow:hidden;line-height:normal;box-shadow:none;}
#searchStockDiv.cherryPick{width:20%;margin: 0 0 5px 0;}
.vistaSearchResultsContainer{width: 100%; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#vistaStockDiv .resultsPerPage{border: 2px solid #DDDDDD; height: 36px; padding: 4px; font-size: 16px; width: 50px;}
.vistaSearchResults.vistaSearchResultsRow{/*box-shadow: 0px 0px 4px 1px #CCCCCC;*/margin: 0 0 4px 0;/* padding: 5px; */display: table-row;/* position: relative; *//* width: 100%; */background-color:#FFFFFF;/* border:2px solid #FFFFFF; *//* border-radius: 5px; *//* border: 1px solid #e9e9e9; */}
.vistaSearchResults.vistaSearchResultsRow *{box-sizing: border-box;}
.vistaSearchResultsRows{/* padding:4px 0 0 0; */border: 1px solid #cfcfcf;display: table;/* border-right: 1px solid #cfcfcf; */width: 100%;/* border-spacing: 0px 1px; *//* border-top: 1px solid #cfcfcf; */margin: 5px;}
.vistaSearchResultsRows .vistaSearchResultsRow:last-child{/* border-bottom: 2px solid #DDDDDD; */}
.vistaSearchResultsRows .resultsText{padding:10px 0px 10px 0px; font-size: 16px;}
.vistaSearchResults.error{border: 2px solid #FF0000;background-color: #FFECEC;color: #000000;padding: 5px;}
.vistaSearchResults .vistaSearchResultsColumn{color:#444444;/* border-right: 1px solid #EEEEEE; */font-size:12px;text-align:left;display: table-cell;/* float:left; *//* text-align: center; */border-bottom: 1px solid #EEEEEE;vertical-align: middle;padding: 5px;}
.vistaSearchResults.vistaSearchResultsRow:last-child .vistaSearchResultsColumn{border: 0;}
.vistaSearchResults .vistaSearchResultsColumn.location{text-align:center;/* width:100%; */margin:auto 0 auto 0;/* border: 0; *//* display: table-cell; */height:100%;}
.vistaSearchResults .vistaSearchResultsColumn img{max-width: 100px;/* width: 100px; */mix-blend-mode:multiply;}
.vistaSearchResults .vistaSearchResultsColumn.model{float:left;font-size:12px;}
.vistaSearchResults .vistaSearchResultsColumn.model span{margin: 0 4px 0 0;padding: 4px;}
.vistaSearchResults .vistaSearchResultsColumn.model .comma{color: #777777;}
.vistaSearchResults .vistaSearchResultsColumn.vin{color:#999;font-size:11px;width:50%;clear:left;}
.vistaSearchResults .vistaSearchResultsColumn.vin label{color:#777777;}

.vistaSearchResults .vistaSearchResultsColumn.vehicleInfo{width: 35%;padding: 0;/*border: 0;*/clear:left;/*margin:10px 1% 0 0;*/margin: 0;/*height:100%;*/overflow:hidden;/* background-color:#FBFBFB; */}
.vistaSearchResults .vistaSearchResultsColumn.vehicleInfo ul{padding: 0 0 0 0;/* margin: 0 0 0 10px; */height: 100%;/* border-right: 2px solid #EEEEEE; */}
.vistaSearchResults .vistaSearchResultsColumn.vehicleInfo ul li{width: 100%;line-height: 15px;border-bottom: 1px solid #EEEEEE;padding: 5px;}

.vistaSearchResults .vistaSearchResultsColumn.options{/* width: 35%; *//*margin:20px 1% 0 0;*/margin: 0;/*display:flex;*/min-height:1px;/* padding: 0px; *//* padding: 0 3% 0 0; *//* overflow:hidden; */}
.vistaSearchResults .vistaSearchResultsColumn.options > div{margin: auto 0;}
.vistaSearchResults .vistaSearchResultsColumn.options ul{padding: 0 0 0 0;/* margin: 0 0 0 10px; *//* max-width: 120px; */}

.vistaSearchResults .vistaSearchResultsColumn.bonuses{/* width:30%; */margin:20px 3% 0 0;}
.vistaSearchResults .vistaSearchResultsColumn.bonuses ul{padding: 0 0 0 0;/* margin: 0 0 0 10px; */}

.vistaSearchResults .vistaSearchResultsColumn.depositAllowances{width:20%;margin:20px 0 0 0;display:none;}
.vistaSearchResults .vistaSearchResultsColumn.depositAllowances ul{padding: 0 0 0 0; margin: 0 0 0 10px;}

/* .vistaSearchResults.goldenStock, .main-container-inner.goldenStock{
  background: repeating-linear-gradient(
    315deg,
      rgb(255 255 255),
      rgb(255 255 255) 10px,
      #fffde7 10px,
      #fffde7 20px
    );
    background-size: 100% 203px;
    background-color: #FFF;
    background-repeat: no-repeat;
}

.vistaSearchResults.onHold, .main-container-inner.onHold{
  background: repeating-linear-gradient(
    315deg,
    rgb(255 255 255),
    rgb(255 255 255) 10px,
    #fff3f3 10px,
    #fff3f3 20px
  );
  background-size: 100% 203px;
  background-color: #FFF;
  background-repeat: no-repeat;
}

.vistaSearchResults.phantom, .main-container-inner.phantomStock{
  background: repeating-linear-gradient(
    315deg,
    rgb(255 255 255),
    rgb(255 255 255) 10px,
    #f9f9f9 10px,
    #f9f9f9 20px
  );
  background-size: 100% 203px;
  background-color: #FFF;
  background-repeat: no-repeat;
}

.vistaSearchResults.adoptedVehicle, .main-container-inner.adoptedVehicle{
  background: repeating-linear-gradient(
    315deg,
    rgb(255 255 255),
    rgb(255 255 255) 10px,
    #fbf3ff 10px,
    #fbf3ff 20px
  );
  background-size: 100% 203px;
  background-color: #FFF;
  background-repeat: no-repeat;
} */

#vistaSearchStockResultsDiv{/* display: flex; */width: 100%;/* height: 1000px; */}
#vistaSearchStockResultsDiv .vistaSearchResultsFilterPageOptions{/* line-height:36px; */width: 100%;display: inline-flex;background-color: #FFFFFF;z-index: 2;/*box-shadow: 0px 0px 4px 2px #CCCCCC;*//* padding:5px; *//* height:46px; */border:1px solid #CCCCCC;align-items: center;/* border-bottom: 1px solid #e9e9e9; */margin: 5px 5px 0px 5px;justify-content: space-between;/* border-left: 1px solid #e9e9e9; *//* border-right: 1px solid #e9e9e9; */}
#vistaSearchStockResultsDiv .pageArrows{/* float:left; */padding: 0 0 0 10px;}
#vistaSearchStockResultsDiv .pageSelection{/* float:right; */right: 0;right: 0;/* position: absolute; */}

/*.vistaSearchResults .vistaSearchResultsColumn.bonuses{width:300px;text-align:left;margin:20px 1% 0 0;color:#777777;}*/
/*.vistaSearchResults .vistaSearchResultsColumn.depositAllowances{width:160px;text-align:left;margin:20px 1% 0 0;color:#777777;}*/
/*.vistaSearchResults .vistaSearchResultsColumn.pricing{width:160px;margin:20px 0 0 0;float:right;}*/
/*.vistaSearchResults .vistaSearchResultsColumn.options{width:180px;text-align:left;clear:left;margin:20px 1% 0 0;color:#777777;}*/

.vistaSearchResultsColumn.vehicleInfo span, .dealCalc div.status > span{display: inline-block;}
.vistaSearchResultsColumn.modelInfo > div, .dealCalc div.status{margin: 0 0 1px 0;}
.vistaSearchResultsColumn.modelInfo span, .dealCalc div.status > span{display: inline-block;border-radius:5px;padding:5px;}
.vistaSearchResultsColumn.modelInfo span.goldenStock, .dealCalc span.goldenStock{background-color:#ffec85;color:#444444;}
.vistaSearchResultsColumn.modelInfo span.onHold, .dealCalc span.onHold{background-color:#ff9696;color:#444444;}
.vistaSearchResultsColumn.modelInfo span.phantomStock, .dealCalc span.phantomStock{background-color:#EEEEEE;color:#444444;}
.vistaSearchResultsColumn.modelInfo span.interestBearing, .dealCalc span.interestBearing{background-color:#deafeb;color:#444444;}
.vistaSearchResultsColumn.modelInfo span.interestBearingWithin10DaysOfAdoption, .dealCalc span.interestBearingWithin10DaysOfAdoption{background-color:#e68dff;color:#444444;}
.vistaSearchResultsColumn.modelInfo span.adoptedVehicle, .dealCalc span.adoptedVehicle{background-color:#afafaf;color:#444444;}
.vistaSearchResultsColumn.options span{display: inline-block;}

.vistaSearchResults .pricing{/* width: 15%; *//* float:left; *//* padding: 0px; */text-align:left;/*height:100%;*//*display:flex;*/}
.vistaSearchResults .pricing > div{margin: auto 0;}
.vistaSearchResults .pricing .dealerPrice{color:#336699;}
.vistaSearchResults .pricing .vistaPrice{/* color:#777777; */}
.vistaSearchResults .pricing .priceListPrice{color:green;}
.vistaSearchResults .pricing .dealerPrice,.vistaSearchResults .pricing .vistaPrice,.vistaSearchResults .pricing .priceListPrice{font-size:14px;padding: 3px 0px;line-height: 14px;vertical-align: middle;margin:auto;height:14px;}
.vistaSearchResults .options .bonusesAndDepositAllowances{padding:5px;}
.vistaSearchResults .options .bonuses{font-size: 12px;padding: 0px 0px 0px 17px;/* float:left; *//* clear:both; *//* margin: 0px 0px 0px 5px; *//* border-bottom: 1px dashed #bfbfbf; */background-size: 12px;line-height: 14px;background-image: url('/images/bonus.png');background-repeat: no-repeat;background-position: 1px 50%;}
.vistaSearchResults .options .bonuses > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block}
.vistaSearchResults .options .depositAllowance{font-size:11px;padding: 1px 5px 1px 18px;float:left;clear:both;/* margin: 0px 0px 0px 6px; *//* border-bottom: 1px dashed #888888; */background-size: 12px;line-height: 20px;background-image: url('/images/deposit_allowance.png');background-repeat: no-repeat;background-position: 1px 50%;}
.vistaSearchResults .options .depositAllowance > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
.vistaSearchResults .pricing .popupHoverBox{float:left;clear:both;/* height: 27.39px; *//* line-height: 14px; */}
.vistaSearchResults .pricing table{margin:5px;}
.vistaSearchResults .pricing div{margin: auto 0 auto 0;}
.vistaSearchResults .pricing > div{margin: auto 0;display: flex;height: 100%;}
.vistaSearchResults .pricing .infoUl{border-right: 0;padding: 0;height: 100%;width: 100%;overflow:hidden;}
.vistaSearchResults .pricing .infoUl li{height:33.5%;padding:0px;/* display:flex; */}
.vistaSearchResults .info{/* width: 14%; *//* float:left; */text-align:left;/*height:100%;*//*display:flex;*//*padding: 5px;*//* padding: 0 !important; */}
.vistaSearchResults .info > div{margin: auto 0;display:flex;height:100%;}
.vistaSearchResults .info .title{color: #999999;font-size: 8px;vertical-align: middle;display: inline-block;padding: 2px;border-radius: 5px;margin: 0 4px 2px 0;width:26px;text-align:center;border:1px solid #CCCCCC;}
.vistaSearchResults .info .moreInformation .title{width:100%;font-size:10px;}
.vistaSearchResults .info .moreInformation .title:hover{background-color:#336699;color:#FFFFFF;border:1px solid #FFFFFF;}
.vistaSearchResults .info .moreInformation{position:relative;top:34px;}
.vistaSearchResults .info .dealerOrderNumber,.vistaSearchResults .info .vin,.vistaSearchResults .info .dealerCode{font-size:12px;padding: 3px 0px;margin:auto;}
.vistaSearchResults .info .infoUl{border-right: 0;padding: 0;height: 100%;width: 100%;overflow:hidden;}
.vistaSearchResults .info .infoUl li{/* height:33.5%; */padding:0px;/* display:flex; */}
.vistaSearchResults .info .dealerOrderNumber, .vistaSearchResults .info .vin, .vistaSearchResults .info .dealerCode, .vistaSearchResults .pricing .bonuses, .vistaSearchResults .pricing .depositAllowance, .vistaSearchResults .infoUl li, .vistaSearchResults .optionsUl li, .vistaSearchResults .infoUl li span, .vistaSearchResults .optionsUl li span{/*color:#888888;*//* color:#505050; */}
.vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight:before{color:#888888;}
/*.vistaSearchResults.vistaSearchResultsRow:hover{cursor:pointer;background-color:#EEEEEE;}*/
.vistaSearchResults.vistaSearchResultsRow:hover{cursor:pointer;border: 1px solid #b6c6d3;background-color: #fbfbfb;}
/*.vistaSearchResults.vistaSearchResultsRow:hover .info .dealerOrderNumber, .vistaSearchResults.vistaSearchResultsRow:hover .info .vin, .vistaSearchResults.vistaSearchResultsRow:hover .info .dealerCode, .vistaSearchResults.vistaSearchResultsRow:hover .pricing .bonuses, .vistaSearchResults.vistaSearchResultsRow:hover .pricing .depositAllowance, .vistaSearchResults.vistaSearchResultsRow:hover .vistaSearchResultThirdColumn .di-arrowRight:before, .vistaSearchResults.vistaSearchResultsRow:hover .infoUl li, .vistaSearchResults.vistaSearchResultsRow:hover .optionsUl li, .vistaSearchResults.vistaSearchResultsRow:hover .infoUl li span, .vistaSearchResults.vistaSearchResultsRow:hover .optionsUl li span{color:#666666;}*/
/*.vistaSearchResults.vistaSearchResultsRow:hover .infoUl li span:before, .vistaSearchResults.vistaSearchResultsRow:hover .optionsUl li span:before{ color: #BBBBBB; }*/
.vistaSearchResults.vistaSearchResultsRow:first-child .vistaSearchResultsColumn{/* padding: 20px; */height: 50px;/* text-align: center; */}

/*.vistaSearchResults .vistaSearchResultFirstColumn{width:15%;}*/
.vistaSearchResults .vistaSearchResultFirstColumn{width: 150px;flex-direction: column;/* padding: 0 3% 0 0; */display: flex;/* height: 100%; */}
.vistaSearchResults .vistaSearchResultSecondColumn{display: flex;border: 0;/* height: 100%; */width: calc(100% - 150px - 64px);/* border-right: 1px solid #f3f3f3; */}
.vistaSearchResults .vistaSearchResultThirdColumn{width: 64px;text-align: center;/* display:flex; *//* border: 0; *//* padding: 0px 16px 0px 0px !important; */}
.vistaSearchResults .vistaSearchResultThirdColumn a{margin:auto;}
.vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight{position:relative;left: 0;transition:0.3s;opacity:0.3;}
/*.vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight:before{font-size:34px;color:#888888;}*/
.vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight:before{font-size:20px;/* margin:0 0 0 -30px; */}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight:before{position:absolute;margin: -12px 0 0 -10px;top:50%; }
.vistaSearchResults .info .dealerOrderNumber, .vistaSearchResults .info .vin, .vistaSearchResults .info .dealerCode, .vistaSearchResults .pricing .bonuses, .vistaSearchResults .pricing .depositAllowance, .vistaSearchResults .vistaSearchResultThirdColumn .di-arrowRight:before, .vistaSearchResults .infoUl li, .vistaSearchResults .optionsUl li, .vistaSearchResults .infoUl li span, .vistaSearchResults .optionsUl li span{height:14px;}
}
/*.vistaSearchResults.vistaSearchResultsRow:hover .di-arrowRight:before{color:#336699;}*/
/*.vistaSearchResults.vistaSearchResultsRow:hover .di-arrowRight{left: 5px;}*/
.vistaSearchResults.vistaSearchResultsRow:hover .di-arrowRight{opacity: 1;left:5px;}
/*.vistaSearchResults.vistaSearchResultsRow:hover{border: 1px solid #BBBBBB;}*/
.vistaSearchStockResultsDiv{width:100%;}
.vistaSearchResults{/*margin: 10px 0 0 0;*/}
/*.vistaSearchResults tr {color: #6C6C6C;}
.vistaSearchResults tr:nth-child(even) {background: #F9F9F9;}
.vistaSearchResults tr:nth-child(odd) {background: #FFFFFF;}
.vistaSearchResults tr td:first-child {border-left: 1px solid #DDDDDD;}
.vistaSearchResults td {border-bottom: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;text-align:center;}
.vistaSearchResults tr:first-child td{border-top: 1px solid #DDDDDD;}*/
.vistaSearchResults ul.options{padding: 0px 0px 0px 20px;text-align:left;}
.vistaSearchResults ul.options li span{vertical-align:middle;}
.vistaSearchResults ul.options li{margin:0 0 4px 0;}
.vistaSearchResults .vistaVehicleMarker{color: #ffffff;padding: 6px;text-align: center;/* margin: 4px auto 0 auto; */}
.vistaSearchResults .vistaVehicleMarker.vistaGoldenStock{ background-color: gold; color: #333333;}
.vistaSearchResults .vistaVehicleMarker.vistaOnHoldStock{background-color: #FF0000;/* height: 84px; */}
.vistaSearchResults .vistaVehicleMarker.vistaTenDaysUntilInterestBearing { background-color: #e68dff; }
.vistaSearchResults .vistaVehicleMarker.vistaInterestBearingStock{ background-color: purple; color: #FFFFFF;}
.vistaSearchResults .vistaVehicleMarker.vistaAdoptedStock{ background-color: #606060; color: #EEEEEE; }
.vistaSearchResults .vistaVehicleMarker.vistaAdditionalStock{ background-color: #9d6c6c; color: #EEEEEE; }
.vistaSearchResults .vistaVehicleMarker.vistaWebReservedStock{ background-color: #ff9100; color: #EEEEEE; }
.vistaSearchResults .vistaVehicleMarker.vistaFleetStock{ background-color: #336699; color: #EEEEEE; }
.vistaSearchResults .vistaVehicleMarker.vistaPhantomStock{ background-color: #606060; color: #EEEEEE; }
.vistaSearchResults .vistaVehicleMarker .popupHoverBoxContents{ padding: 5px; }
.vistaSearchResults .bonusesUl { list-style-type: none; }
.vistaSearchResults .bonusesUl li{ background-size: 12px; height: 20px; line-height: 20px; padding-left: 20px; background-image: url('/images/bonus.png'); background-repeat: no-repeat; background-position: left; font-size: 12px;}
.vistaSearchResults .depositAllowancesUl { list-style-type: none; }
.vistaSearchResults .depositAllowancesUl li{ background-size: 16px 16px; height: 20px; line-height: 20px; padding-left: 20px; background-image: url('/images/deposit_allowance.png'); background-repeat: no-repeat; background-position: left; }
/*.vistaSearchResults .optionsUl li{ background-size: 16px 16px; height: 20px; line-height: 20px; padding-left: 20px; background-image: url('/images/deposit_allowance.png'); background-repeat: no-repeat; background-position: left; }*/
.vistaSearchResults .infoUl, .vistaSearchResults .optionsUl  { list-style-type: none; }
.vistaSearchResults .infoUl .model-modelYear  { /*font-size: 20px;*/ }
.vistaSearchResults .infoUl li{font-size: 12px;vertical-align: middle;line-height: 14px;margin: 0;/* border-bottom: 1px solid #EEEEEE; */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px;}
.vistaSearchResults .optionsUl li{font-size: 12px;vertical-align: middle;line-height: 14px;padding: 1px;clear: both;border-radius: 5px;margin: 0;/* margin: 0 4px 0 0; *//* background-color: #ebf6ff; *//* display: inline; *//* white-space: nowrap; *//* width: 100%; *//* border-bottom: 1px solid #EEEEEE; */text-overflow: ellipsis;overflow: hidden;}
.vistaSearchResults .infoUl li span, .vistaSearchResults .optionsUl li span{font-size: 12px;vertical-align: middle;line-height: 14px;margin: 0 4px 0 0;padding: 5px;/* border-radius: 5px; */}
.vistaSearchResults .optionsUl li span{/* background-color: #fbfdff; */border: 1px solid #e9e9e9;border-radius: 5px;}
.vistaSearchResults .infoUl li span:before, .vistaSearchResults .optionsUl li span:before{ color: #D7D7D7; }
.vistaSearchResults .infoUl li.model{ font-size: 14px; }
.vistaSearchResults .model-modelYear{ font-size: 16px; margin: 0 0 6px 8px; }
.vistaStockDivShowingStockItem{float:none !important;margin:0px auto !important;}
#vistaStockDiv .loadingMoreVehicles{position: absolute;bottom: 10px;z-index: 9;width: calc(100% - 280px);display: flex;/* text-align: center; *//* margin: auto; */}
#vistaStockDiv .loadingMoreVehicles > div{padding: 8px;margin: auto;vertical-align: middle;border: 2px solid #336699;background-color:#FFFFFF;}
#vistaStockDiv .loadingMoreVehicles > div > div{vertical-align:middle;display:inline-block;}
#vistaStockDiv .loadingMoreVehicles > div > div:first-child{margin:0 6px 0 0;}
/*.vistaShowDropDownMenu{margin: 0 0 4px 0;background-color: #FFFFFF;box-shadow: 0px 0px 4px 1px #CCCCCC;border-radius: 2px;padding: 5px;}*/
/*.vistaShowDropDownMenu:hover, .vistaShowDropDownMenu.open{border: 2px solid #336699;}*/
.vistaShowDropDownMenu:hover .ms-drop, .vistaShowDropDownMenu.open .ms-drop{/*border-left: 2px solid #336699 !important;border-right: 2px solid #336699 !important;*/border-bottom: 2px solid #336699 !important;}
.vistaShowDropDownMenu:hover .labelDi, .vistaShowDropDownMenu.open .labelDi, .vistaShowDropDownMenu.open .labelDi:before, .vistaShowDropDownMenu:hover .labelDi:before{color:#336699 !important;}
.vistaVehicleTypeSearchDropdown h3{font-size:14px;padding:10px 0 10px 20px !important;margin: 0 0 0 10px !important;position:relative;}
.vistaVehicleTypeSearchDropdown h3:before{font-family:'di-font';content:'\0125';position:absolute;left:0;}
#searchStockDiv h3{display: block;/*padding: 12px;*/margin: 0 0 2px 0;vertical-align: middle;color:inherit;font-weight:bold;}
#searchStockDiv h3:hover .di-arrowUp:before, #searchStockDiv h3:hover .di-arrowDown:before{background-color:#EEEEEE;}
#searchStockDiv h3:hover, #searchStockDiv h3:hover a, #searchStockDiv h3:hover a:before{color:#336699 !important;}
#searchStockDiv h3 span{float: right;margin: -1px 5px 0px 0;color:#FF0000;cursor:pointer;display:none;}
#searchStockDiv span{vertical-align:middle;}
#searchStockDiv label:hover{color:#336699;}
#searchStockDiv input[type="radio"], #searchStockDiv input[type="checkbox"], .vistaShowDropDownMenu label{vertical-align:middle;/*margin:-3px 0 0 0;*/cursor:pointer;}
.cherryPickContainer input[type="text"], #searchStockDiv .container input[type="text"]{border:1px solid #CCCCCC;}
#searchStockDiv input[type="checkbox"]{width:20px;height:20px;display:inline-block;}
#searchStockDiv .di-arrowDown:before, #searchStockDiv .di-arrowUp:before{vertical-align:middle;color:#000000;float:right;border:1px solid #CCCCCC;padding:5px;margin:-5px 0 0 0;}
#searchStockDiv .di-arrowDown:hover #searchStockDiv .di-arrowDown:before, #searchStockDiv .di-arrowUp:hover #searchStockDiv .di-arrowUp:before{background-color:#CCCCCC;}

#searchStockDiv .ms-choice {height:40px;}
#searchStockDiv .ms-choice > span, #searchStockDiv .ms-choice > font {position: absolute;top: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 8px;}
#searchStockDiv .ms-choice > span {right: 20px;left:auto;}
#searchStockDiv .ms-choice > font {left: 0px;}
#searchStockDiv .ms-choice > span, #searchStockDiv .ms-choice > font {height:100%;line-height:38px;}
#searchStockDiv .ms-choice > span{width: 100px;overflow:hidden;text-overflow:ellipsis;text-align:right;}
#searchStockDiv .ms-choice > div {height:20px;top:6px;}

#searchStockDiv .ms-drop ul > li {margin:4px 0 0 0;}
#searchStockDiv .ms-drop ul li label span {margin:0 0 0 2px;display:inline-block;white-space:normal;}

/*#searchStockDiv div button.ms-choice a:first-child:before{font-family:'di-font';vertical-align:middle;color:#444444;position:absolute;left:0;}*/
/*#searchStockDiv div button.ms-choice a:first-child{font-size:14px;vertical-align:middle;color:#444444;padding:0 0 0 20px;position:relative;}*/
#searchStockDiv .ms-parent .labelDi:before{font-family:'di-font';vertical-align:middle;color:#444444;position:absolute;left:0;}
#searchStockDiv .ms-parent .labelDi:first-child{font-size:14px;vertical-align:middle;color:#444444;padding:0 0 0 20px;margin:0 0 0 10px;}
#searchStockDiv .ms-parent .labelDi:first-child, #searchStockDiv h3{color:#444444;}
#searchStockDiv .ms-parent:hover .labelDi:first-child{color:#336699;}
#searchStockDiv .vistaModelSearchDropdown .labelDi:before{content:'\0047';}
#searchStockDiv .vistaModelYearSearchDropdown .labelDi:before{content:'\0178';}
#searchStockDiv .vistaSeriesSearchDropdown .labelDi:before{content:'\006b';}
#searchStockDiv .vistaBodyStyleSearchDropdown .labelDi:before{content:'\0045';}
#searchStockDiv .vistaEngineSearchDropdown .labelDi:before{content:'\004a';}
#searchStockDiv .vistaTransmissionSearchDropdown .labelDi:before{content:'\0056';}
#searchStockDiv .vistaColourSearchDropdown .labelDi:before{content:'\0050';}
#searchStockDiv .vistaTrimSearchDropdown .labelDi:before{content:'\0065';}
#searchStockDiv .vistaVehicleStatusSearchDropdown .labelDi:before{content:'\0047';}
#searchStockDiv .vistaOptionsSearchDropdown .labelDi:before{content:'\011F';}
#searchStockDiv .vistaLocationSearchDropdown .labelDi:before{content:'\0166';}
#searchStockDiv .vistaVehicleTypeSearchDropdown .labelDi:before{content:'\017b';}
#searchStockDiv .vistaExclamationSearchDropdown .labelDi:before{content:'\0120';}
#searchStockDiv .vistaAdditionalStockSearchDropdown{display:flex !important;flex-wrap:wrap;}
#searchStockDiv .vistaAdditionalStockSearchDropdown h3{width:calc(100% - 50px);font-size:14px;line-height:38px;height:40px;padding:0 0 0 20px;margin: 0 0 0 10px;position:relative;}
#searchStockDiv .vistaAdditionalStockSearchDropdown h3:before{content:'\0052';font-family:'di-font';position:absolute;left:0;vertical-align:middle;}
#searchStockDiv .vistaAdditionalStockSearchDropdown > a.open {background: url('/images/multiple-select.png') right top no-repeat;}
#searchStockDiv .vistaAdditionalStockSearchDropdown > a {/*position: absolute;top: 0;right: 0;*/width:20px;height: 25px;background: url('/images/multiple-select.png') left top no-repeat;margin:auto;}
#searchStockDiv .vistaAdditionalStockDropdownTable{width:100%;padding:10px;}
#searchStockDiv .vistaAdditionalStockDropdownTable button{padding:10px 0 !important;}
#searchStockDiv .vistaAdditionalStockDropdownTable input[type="text"]{width:100%;height:100%;padding:6px;}
#searchStockDiv .vistaDropDownMenu h3{font-size:14px;color:#444444;}

#searchStockDiv .vistaShowDropDownMenu:hover, #searchStockDiv .vistaShowDropDownMenu.open{/*border: 2px solid #336699;*/}
/*#searchStockDiv > div:hover, #searchStockDiv > div.open{border: 2px solid #336699;}*/
#searchStockDiv #additionalStockTable > div:nth-child(odd){background-color:#EEEEEE;}
#searchStockDiv #additionalStockTable > div:nth-child(even){background-color:#FFFFFF;}
#searchStockDiv #additionalStockTable > div > div{display:inline-block;width:33.3%;padding: 0 0 0 5%;}
#searchStockDiv #additionalStockTable > div > div:last-child{display:inline-block;width:33.3%;padding: 0;}
#searchStockDiv #additionalStockTable > div > div button{width:100%;}

#searchStockDiv .vistaShowDropDownMenu div{margin: 0 0 0 0;white-space:nowrap;text-overflow:ellipsis;/*overflow:hidden;*/}
#searchStockDiv .vistaShowDropDownMenu{padding: 0px;border-bottom: 1px solid #e9e9e9;position:relative;}
#searchStockDiv .vistaShowDropDownMenu button{border: 0px !important;padding:20px 0px;}
/*#searchStockDiv label{margin: 0 0 0 4px;}*/
/*#vistaStockDiv.loading{opacity:0.2;}*/
/*.loading{opacity:0.2;transition:0.2s opacity;}*/
.loading{opacity:0.2;}
.loadingTransitionIn{transition: 0.3s opacity;}
.loadingTransitionOut{transition: 0.3s opacity;}
#searchStockDiv{width: 300px;/* border-bottom: 1px solid #dddfeb; *//* border-left: 1px solid #e9e9e9; */border: 1px solid #CCC;margin: 5px 0px 5px 5px;height: 100%;/*display: grid;*/overflow-y: scroll;/* border-right: 1px solid #e9e9e9; */grid-template-columns: auto auto auto;/* grid-auto-columns: auto auto auto; */background-color: #FFF;}
#vistaStockDiv{transition:0.3s opacity;/* padding: 0 0 0 4px; */background-color: #EEE;width: 100%;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton, .backToCherryPickButton{margin: 0 0 20px 0;vertical-align:middle;padding:5px;display: flex;align-content: center;align-items: center;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton .di-arrowLeft:before{font-size:10px;color:#FFFFFF;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton a, .backToCherryPickButton a{color:#FFFFFF;margin:0 5px 0 5px;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton a:hover, .backToCherryPickButton a:hover{cursor:pointer;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton:hover a{color:#FFFFFF;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton:hover{background-color:#336699;}
#vistaSearchStockUnitReturnToVistaSearchResultsButton:hover .di-arrowLeft:before{color:#FFFFFF;}
#vistaSearchStockUnitDivContainer{display:none;}

button:has(.di-arrowLeft) .di-arrowLeft{display:flex;align-items:center;}
button:has(.di-arrowLeft) .di-arrowLeft::before{font-size:9px;margin:0 2px 0 0;}
#vistaSearchStockUnitDivContainer > .main-container{
    padding: 0px;
}
#vistaSearchStockUnitDivContainer > .main-container > .inner{
    width: 100%;
}
#vistaSearchStockUnitDiv{padding: 27px 35px 35px 35px;}
.div-table{display:table;width:auto;/*background-color:#eee;*//*border:1px solid  #666666;*/border-spacing:5px;/*cellspacing:poor IE support for  this*/}
.div-table-row{display:table-row;width:auto;clear:both;}
.div-table-col{float:left;/*fix for  buggy browsers*/display:table-column;/*width:200px;*/width: auto;/*width:20%;*//*background-color:#ccc;  */}
.div-table-col.first{width: 35%;margin:0 1% 0 0;}
.div-table-col.second{width: 64%;}
#vistaSearchButtonDiv{width: inherit;position: absolute;margin: 0 !important;bottom: 171px;left:0;box-shadow: none !important;background-color: transparent !important;border:0px !important;z-index: 1;}
#vistaSearchButtonContainer{width: 94%;margin: 0 0 0 5px;background-color: #E9EAED !important;}
#vistaSearchButton{height: 40px;width: calc(100% - 1px);/* margin: 0px 0px 5px 5px; */box-shadow: 0px 0px 4px 1px #CCCCCC;}
#vistaVehicleSearchBar{padding:10px 0 10px 0;margin: 20px 0 0 0;width: 100%;text-align: center;}
#vistaSearchTable{width: 98%; padding: 1%;}
/*.vista-search-text-dev, .vista-search-box-dev{font-size: 12px;border: 1px solid #CCCCCC;height: 25px;}
.vista-search-text-dev{width:100%;padding:0px 1%;}
.vista-search-box-dev{width:100%;}*/
/*#vistaSearchContentDiv {font-family:'FordAntenna-Light', Arial;}*/
/*#vistaSearchContentDiv input[type="text"], #vistaSearchContentDiv input[type="password"], #vistaSearchContentDiv select{}*/
#vistaSearchContentDiv #searchStockDiv > .title{padding: 9px 5px 7px 7px;border:2px solid #DDDDDD;text-align:center;border-bottom:0;color:#777777;}
#vistaSearchContentDiv .ms-choice{border:2px solid #ddd;border-bottom-style:none;color:#444444;}
#searchStockDiv .container{padding:10px 12px;color:#444444;background-color:#FFFFFF;border-bottom: 1px solid #CCCCCC;}
#searchStockDiv .container label{font-weight:bold;}
#searchStockDiv .container input[type="text"]{width:100%;padding:6px;}
#vistaSearchContentDiv .last.container, #vistaSearchContentDiv .last .ms-choice{border-bottom-style:solid;}
#vistaSearchContentDiv #numberOfVehiclesContainer{background:#ffffff;font-size:16px;text-align:center;padding:12px 0;}
/*#vistaSearchContentDiv .ms-choice {height:34px !important;line-height:inherit;font-family:'FordAntenna-Light', Arial;font-weight:normal;}*/
#vistaSearchContentDiv .ms-choice {height:34px !important;line-height:inherit;font-weight:normal;}
#vistaSearchContentDiv .labelDi {left:8px;position:absolute;}
#vistaSearchContentDiv .ms-choice > span {left:50%;text-align:right;}
#vistaSearchContentDiv .ms-choice > div {top:50%;margin-top:-12px;}
#searchStockDiv > div {/*margin: 0 0 4px 0;*/background-color: #FFFFFF;/* border:2px solid #FFFFFF; */}
#searchStockDiv.hide{width:0;overflow:hidden;transition:width 2s;-webkit-transition:width 2s;}
#searchStockDiv .saveUserLayout{color:#738FB9;}
#searchStockDiv .ms-drop{/* border-left:2px solid #FFFFFF; *//* border-right:2px solid #FFFFFF; */border-bottom:2px solid #FFFFFF;border-top:0px;/* left:-2px; */width: 100%;}
/*#searchStockDiv .ms-drop{margin: 0;border-top:0px;}
#searchStockDiv .ms-drop.bottom{border: 0;box-shadow:0;}*/

.phantom-vehicle td{ color: #DDDDDD; }
.phantom-vehicle .popupHoverBoxContents td{ color: #000000; }
.phantom{background-color:#F5F5F5;}
.phantom .di-arrowRight:before{color:#CCCCCC;}

/* .phantom,
.phantom a,
.phantom span,
.phantom div,
.phantom label,
.phantom .infoUl li,
.phantom .optionsUl li,
.phantom .infoUl li span,
.phantom .optionsUl li span{color:#8D8D8D;} */

#gateReleasePricePricelist{max-width:75px;}

/*.phantom:hover{cursor:pointer;border: 1px solid #777777 !important;}*/
/*.phantom:hover .di-arrowRight:before{color:#777777 !important;}*/

@media only screen and (max-width: 1360px) {
.vistaSearchResults .vistaSearchResultsColumn.depositAllowances{display:none;}
}

@media only screen and (max-width: 1280px) {
.vistaSearchResults .vistaSearchResultsColumn.bonuses{display:none;}
.vistaSearchResults .vistaSearchResultsColumn.vistaSearchResultRightColumn{width:70%;}
/*.vistaSearchResults .vistaSearchResultsColumn.options{width:28%;margin:0;}*/
.vistaSearchResults .vistaSearchResultsColumn.depositAllowances{margin:0;}
.div-table-col.first{width:100%;}
.div-table-col.second{width:100%;}
.inner{
  max-width: 1190px;
}
}

/*@media only screen and (max-width: 1020px) {*/
@media only screen and (max-width: 1000px) {
.vistaSearchResultsFilterPageOptions span{display:none;}
}

/* ipad styles */
/*
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#vistaStockDiv{background-color:#BB0000;}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
#vistaStockDiv{background-color:#f1d031;}
}
@media only screen and (device-width: 768px) {
#vistaStockDiv{background-color:#663300;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#vistaStockDiv{background-color:#66cc66;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#vistaStockDiv{background-color:#6592c0;}
}
*/

/* ipad styles */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
#vistaStockDiv{background-color:#6592c0;width: calc(100% - 280px);overflow-y: scroll;}
.vistaPageActive #vistaStockContainerDiv { background-color: #E9EAED !important; }
}

#dealCalcMenuLi:hover #dealCalcTabCarsContent,.dealCalcMenuLi:hover .dealCalcTabCarsContent{display:block;}
#dealCalcTabFordStore:hover #dealCalcTabCarsContent{display:none !important;}
#dealCalcTabLightCommercial:hover #dealCalcTabCarsContent{display:none !important;}
#dealCalcTabTransitCentre:hover #dealCalcTabCarsContent{display:none !important;}

/*#webSettingsNavigation ul li.activeTab:hover {background-color:#ffffff;}
#webSettingsNavigation {}
#webSettingsNavigation ul {list-style:none;padding:5px 0 15px;margin:0px;border-right: 1px solid #ccc;}
#webSettingsNavigation ul li {list-style:none;padding:4% 30px 4% 4%;background: url("/images/navright.png") no-repeat scroll 97% center #eee; color:#000;margin-top:-1px;margin-right:-1px;border:1px solid #ccc;cursor:pointer;}
#webSettingsNavigation ul li.activeTab {background-color:#ffffff;color:#000;border-right-color:#fff;}
#webSettingsNavigation ul li:hover {background-color:#dddddd;} #webSettingsNavigation ul li.activeTab:hover {background:#fff;}*/

#webSettingsContainer h2 {margin-bottom:20px;color:#336699;}
#webSettingsContainer .swatchColour{float:left;width:35px;height:35px;border:2px solid #000;text-indent:-99999px;margin:5px 5px 5px 5px;}
#webSettingsContainer .swatchColour.current, #webSettingsContainer .swatchColour.hover:hover{border-color: #990000;}
/*#bodyBackgroundPicker {background:#eee;margin:5px;padding:0;border:1px solid #000;width:70px;height:20px;border-right-width:20px;line-height:20px;}*/

.sandboxMarginBackground{
background-image: url("/images/percentage-sign.png");
background-position: 95% center;
background-repeat: no-repeat;
background-size: 10px auto;
}

.users .userRows .dealerGroupAdmin{/* color: green; */background-color: #d4ffd7 !important;color: #008f06;font-weight: bold;border: 1px dashed #00b52e !important;}
.users .userRows .dealerAdministrator{/* color: green; */background-color: green !important;color: white;font-weight: bold;border: 1px solid #005800 !important;}
.users .userRows .userLicenseTable{border-spacing:3px;}
.users .userRows .userLicenseTable td{border: 1px solid #CCCCCC;padding:3px;border-radius:3px;}

.userInfoTable{text-align:left;border:1px solid #336699;background:#fff;margin:0 auto 0 auto;}
.userInfoTable > tbody > tr:first-child{background-color:pink;}
.userInfoTable > tbody > tr:first-child td{background-color:#336699;color:#ffffff;}
.userInfoTable > tbody > tr:first-child td a{float:right;}
.userInfoTable input[type="text"], .userInfoTable select{padding:4px;width:100%;}
.userInfoTable input[type="password"]{padding:4px;}
.userInfoTable #newPassword{width:auto;}
.userInfoTable .generateUserPasswordButton{margin: 0 0 0 4px;}
.userInfoTable .userPermissions div{display:flex;align-items: flex-start;}
.userInfoTable .userPermissions > tbody > tr:first-child > td {font-size: 14px;padding: 5px 0 5px 0;font-weight: bold;}
.userInfoTable .userPermissions table > tbody > tr:nth-child(odd of :not([hidden])){background-color:var(--background-tr-odd-colour);}
.userInfoTable .userPermissions table > tbody > tr:hover{background-color: #ebfaff !important;cursor:pointer;}
/* .userInfoTable .userPermissions > table > tbody > tr{box-shadow: #eee 1px 1px 1px 1px;} */
.userInfoTable .userPermissions table > tbody > tr > td{
  border-left: 1px solid var(--di-border-blue);
  border-bottom: 1px solid var(--di-border-blue);
  border-right: 1px solid var(--di-border-blue);
}
.userInfoTable .userPermissions table > tbody > tr > td:last-child{
  border-left: 0;
}
.userInfoTable .userPermissions table:first-child > tbody > tr > td{
  border-right:0px;
}
.userInfoTable .userPermissions table:last-child > tbody > tr > td:first-child{
  border-right:0px;
}
.userInfoTable .userPermissions table > tbody > tr:first-child > td{
  border-top: 1px solid var(--di-border-blue);
}
.userEditLicense{border: 1px solid #CCCCCC;padding: 5px;cursor: pointer;color: #111111;}
.userEditLicense:hover{border: 1px solid #336699;}
.userEditLicenseActive{border: 1px solid #336699;background-color: #336699;color: #FFFFFF;cursor: pointer;padding: 5px;}
.userEditLicenseActive:hover{border: 1px solid #336699;background-color: #FFFFFF;cursor: pointer;padding: 5px;color: #111111;}
#location-count{}
#location-count li{color:#666;}

.users tr:nth-child(odd) td{background-color:#FFFFFF;}
.users tr:nth-child(even) td{background-color:#EEEEEE;}
.users .idle td{background-color:#F9ED9C !important;}
.users .inactive td{background-color:#FFA693 !important;}
.users .notFoundInActiveDirectory td{background-color:#F9ED9C !important;}
.users .notFoundInDealerInternet td{background-color:#FFDCF8 !important;}

.optionTrDisabled td{
display: none;
}

.half-opacity{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.half-opacity:hover{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.selected-colour{
background-image: url("/images/selected-colour.png");
background-repeat: no-repeat;
display: block;
height: 30px;
position: absolute;
width: 30px;
top: 0;
right: 0;
display: none;
}

.error-animation{
animation-duration: 1s;
animation-name: error-radiate;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.di-deal-calc-notification{clear:both;}
.di-deal-calc-notification, .di-notification{
margin: 0 auto 10px auto;
border: 1px solid #CCCCCC;
padding: 14px;
width:100%;
text-align:center;
}

.relatedVehicleSmallOuterContainer{
position: relative;
overflow-x: scroll;
}

.relatedVehicleSmallInnerContainer{
padding: 5px 0px 5px 0px;
}

.relatedVehicleSmallInnerSelectVehicleSearch{
width: 250px;
height: 275;
}

.relatedVehicleSmallInnerSelectDealerStockVehicle{
width: 250px;
height: 400px;
}

.relatedVehicleSmallOuter{
border: 1px solid #CCCCCC;
float: left;
margin: 10px 0px 10px 10px;
padding: 5px;
}

.relatedVehicleSmallInnerInfo{
padding: 15px;
}

.relatedVehicleSmallInnerInfo a{
font-size: 10px;
cursor: pointer;
}

.relatedVehicleSmallInnerInfo a:hover{
text-decoration: underline;
}

.relatedVehicleSmallOuter:hover{
/*border: 1px solid #CCCCCC;*/
background-color: #EEEEEE;
/*box-shadow: 0px 0px 4px 3px #EEEEEE;*/
}

.relatedVehicleSmallInnerImage{
text-align: center;
}

#bottomRightCornerContent{
position: fixed;
bottom: 0px;
right: 0px;
display: none;
padding: 10px;
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.pricelistVehicleId{
color: #555555;
font-size: 8px;
visibility: hidden;
}

.di-table tr:hover .pricelistVehicleId{
visibility: visible;
}

.blueArrowRight, .blueArrowLeft{
background-image: url('/images/sprites.png');
background-repeat: no-repeat;
height: 36px;
width: 36px;
display: block;
display: inline-block;
background-color: #FFFFFF;
box-sizing:border-box;
}
.blueArrowRight{
background-position: 0px -32px;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
}
.blueArrowLeft{
background-position: -32px -32px;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
}
.blueArrowRight.hover:hover,.blueArrowLeft.hover:hover{ background-color: #eeeeee; }
.blueArrowRight.disabled{background-color:transparent !important;background-position:-64px -32px; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";cursor:default;}
.blueArrowLeft.disabled{background-color:transparent !important;background-position:-96px -32px; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";cursor:default;}
.blueArrowLeft.hide, .blueArrowRight.hide{display:none;}

.userActionLogPaginationMenu a{font-size: 16px;color:#FFFFFF;margin:0 4px 0 0;float:left;display:block;padding:10px;min-width:20px;text-align:center;border:1px solid transparent;}
.userActionLogPaginationMenu a:hover{cursor:pointer;border:1px solid #CCCCCC;}
.userActionLogPaginationMenu a.active{}


@keyframes error-radiate {
from {
  box-shadow: 0px 0px 3px 0px #e71600;
}

to {
  box-shadow: 0px 0px 10px 0px #e71600;
}
}

@keyframes chunky-button-white-hover {
from {
  box-shadow: 0px 0px 3px 0px #777777;
}

to {
  box-shadow: 0px 0px 10px 0px #777777;
}
}



#modelFceContainer.fixed{position:fixed;top:0;width:100%;left:0;background:#ffffff;border-bottom:1px solid #e1e1e1;padding:10px 5%;box-sizing:border-box;z-index:1;}
#modelFceContainerHiddenBlock{display:none;height:118px;}#modelFceContainerHiddenBlock.show{display:block;}
.ofpRow:hover{background-color:#d1f1f1 !important;}
.ofpRow .di-cross{display:none;}
.ofpRow:hover .di-cross{display:inline-block;}
#modelFceContainer .ms-drop ul{padding:5px 0;}
#modelFceContainer .ms-drop ul > li{padding:0;margin:0;}
#modelFceContainer .ms-drop ul > li:hover{background:#f1f1f1;}
#modelFceContainer .ms-drop ul > li label{padding:4px 5px;}

/* /////////////////////////////
// ADMIN CSS
///////////////////////////// */

/*ALL DEALER ADMIN*/
#dealerAddComment{box-shadow:0 0 10px 1px #dddddd;padding:10px 5px;}
#dealerAddComment textarea{width:calc(100% - 6px) !important;margin-bottom:5px;}
#dealerComments{}
.commentContainer{margin-top:10px;box-shadow:0 0 10px 1px #dddddd;padding:10px 5px;}
.commentContainer .date{padding:10px;width:10%;text-align:center;}
.commentContainer .day{font-size: 30px;}
.commentContainer .month{}
.commentContainer .year{}
.commentContainer .comment{}
.commentContainer .author{color: #9f9f9f;}
.commentContainer .totalPriceExVat{width:10%;color: #9f9f9f;}
.commentContainer .totalPriceIncVat{width:10%;color: #9f9f9f;}



.new-car-header-tab{background:#fff;border:1px solid #336699;padding:7px 10px;cursor:pointer;}
.new-car-header-tab.active{background:#336699;color:#fff;cursor:default;}




/* /////////////////////////////
// STYLE JUST FOR PRINTING
///////////////////////////// */
@media print {
body {background: transparent !important;}
button, #checkEmailTable {display:none !important;}
#adminPanel, #vehicle_select {display:none !important;}

.main-container {width: 100% !important; border: 0px; padding: 0px !important; box-shadow: 0px 0px !important;}
#profitstatement table {font-size: 11px !important;}
#profitstatement table h2 {font-size: 16px !important;}
#profitstatement br, #customerview br, #finance_quote_options br {display:none !important;}

#commandMenu {display:none !important;}
body > .header, #footer, nav, #print_header, #RightContentNavigation, #consoleContent, .userBreadcrumbNav, #consoleContentDiv, #messagesContent {display:none !important;}

.main-container, .inner{width:100%;background:transparent;}

.main-container {padding: 0 0;}
.main-container-inner {width:100% !important; border: 0px; padding:0px 0px !important;}


/* WEB */
#webContainer{width:100% !important;border:0px;margin:0;padding:0px 0px !important;}
#webContainer #webHeader.fixed{position:relative !important;} #webContainer #webHeader.fixed > div{border:0px !important;}#webHeaderCover{display:none !important;}
.webHeading{width:100% !important;margin:0px !important;}
.noPrint {display:none !important;}
.ui-slider {display:none;}
#vehicleCta{display:none;}
#vehicleFinance table th{font-size:8px !important;}
#webContainer .web-podium-info table th{font-size:10px !important;}
#webTech{display:none;}
#webContainer #vehicleFinance{margin-bottom:80px;}
#webContainer h2{font-size:2vw !important;}
#webContainer h3{font-size:1.8vw !important;}
#webContainer p{font-size:1.4vw !important;}
#webContainer .faqContentContainer h4::before{content:"" !important;}
#webContainer .faqContentContainer .faqContent{display:block !important;}
}

/* /////////////////////////////
// STYLE JUST FOR MACs
///////////////////////////// */
@media only screen and (min-width:600px) {
.macOS select {
  -webkit-appearance:none;
  background: url(/images/select-icon2.png) no-repeat right #fff;
  padding: 2px 21px 2px 4px;
  border-radius: 0px !important;
}
}

@media only screen and (min-width:600px) {.dealer-header a{}}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#eee !important;}

.webAdminAccordion.accordion h3{padding:5px 0 5px 30px;}






/* /////////////////////////////
// PRE
///////////////////////////// */
pre {
clear: both;
border: 1px solid #bbb;
overflow: auto;
padding: 24px 5%;
line-height: 2em;
font-size: 12px;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-color:#fff;
-webkit-background-size: 100% 4em;
-moz-background-size: 100% 4em;
background-size: 100% 4em;
font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
position: relative;
left: 0;
text-transform: none;
width: 90%;
color:#333;

white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}













[class*='di-']:before{
display: inline-block;
 font-family: 'di-font';
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.di-arrowUp:before{content:'\005C';}
.di-arrowDown:before{content:'\0041';}
.di-arrowLeft:before{content:'\0042';}
.di-arrowRight:before{content:'\0043';}
.di-bodyStyle:before{content:'\0045';}
.di-calculator:before{content:'\0046';}
.di-camera:before{content:'\00d2';text-transform:uppercase;}
.di-camera:before{content:'\00ee';text-transform:lowercase;}
.di-cross:before{content:'\0061';text-transform:lowercase;}
.di-cross.red:before{color:#FF0000;}
.di-cross.white:before{color:#FFFFFF;}
.di-cherryPick:before{content:'\0048';}
.di-door:before{content:'\0049';}
.di-engine:before{content:'\004a';}
.di-file:before{content:'\004b';}
.di-gears:before{content:'\004c';}
.di-height:before{content:'\0044';}
.di-length:before{content:'\004d';}
.di-mailbox:before{content:'\004e';}
.di-modelYear:before{content:'\0047';}
.di-minus:before{content:'\004f';}
.di-paintbrush:before{content:'\0050';}
.di-play:before{content:'\0051';}
/* .di-plus:before{content:'\0052';} */
/*.di-plus:before{content:'\0061';transform:rotate(180deg);}*/
.di-printer:before{content:'\0053';}
.di-question:before{content:'\0054';}
.di-settings:before{content:'\0055';}
.di-shifter:before{content:'\0056';}
.di-speedometer:before{content:'\0057';}
.di-warning:before{content:'\0058';}
.di-weight:before{content:'\0059';}
.di-world:before{content:'\005a';}
.di-hamburger:before{content:'\0062';text-transform:lowercase;}
.di-cross2:before{content:'\0063';}
.di-cross3:before{content:'\0064';}
.di-steeringWheel:before{content:'\0065';}
.di-enquire:before{content:'\0066';text-transform:lowercase;}
.di-key:before{content:'\0067';}
.di-plane:before{content:'\0068';}
.di-features:before{content:'\0069';}
.di-cogs:before{content:'\006a';}
.di-stock:before{content:'\006b';}
.di-searchstock:before{content:'\019a';}
.di-brochure:before{content:'\006c';}
.di-report:before{content:'\006d';}
.di-plusCircle:before{content:'\006e';}
.di-hamburgerTick:before{content:'\006f';}
.di-transmission:before{content:'\00FF';}
.di-trim:before{content:'\019B';}
.di-model:before{content:'\0047';}
.di-model:before{content:'\0047';}
.di-payment:before{content:'\000E8';}
.di-tyre:before{content:'\0129';}





/* Container style */
.ps {overflow: hidden !important;overflow-anchor: none;-ms-overflow-style: none;touch-action: auto;-ms-touch-action: auto;}
/* Scrollbar rail styles */
.ps__rail-x{display: none;opacity: 0.6;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;height: 15px;position: absolute;bottom:0px;left:0 !important;
}
.ps__rail-y{display: none;opacity: 0.6;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;width: 15px;position: absolute;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{display: block;background-color: transparent;}
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y{opacity: 0.6;}
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking{background-color: #eee;opacity: 0.9;}
/* Scrollbar thumb styles */
.ps__thumb-x{background-color: #475c6a;border-radius: 6px;transition: background-color .2s linear, height .2s ease-in-out;-webkit-transition: background-color .2s linear, height .2s ease-in-out;height: 6px;position: absolute;bottom: 2px;}
.ps__thumb-y{background-color: #475c6a;border-radius: 6px;transition: background-color .2s linear, width .2s ease-in-out;-webkit-transition: background-color .2s linear, width .2s ease-in-out;width: 6px;position: absolute;right: 2px;}
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x{background-color: #475c6a;height: 11px;}
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y{background-color: #475c6a;width: 11px;}
/* MS supports */
@supports(-ms-overflow-style: none){.ps{overflow: auto !important;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps {overflow: auto !important;}}