body {
  padding: 0;
  margin: 0;
  background:#FFFFFF;
}
body, div, span, input, textarea, select, td, label {
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2em;
  word-spacing: 0.1em;
  outline-width: 0;
  outline: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  font-size: 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 7px; 
  margin: 0 0 0 0;
  -webkit-appearance: none;
  box-sizing:border-box;
  height: 32px;
}
.sq-input {
  border: 1px solid #CCCCCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 6px;
  margin: 0 0 0 0;
  padding: 0;
  height: 44px;
  vertical-align: top;
  width: 300px;
}
.thin-inputs input {
  padding: 5px 5px; 
  box-sizing:border-box;
}
input[type="file"] {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  font-size:100px;
  line-height:100px;
  opacity:0;
}
input.reg-file-input {
  position: relative;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  font-size:14px;
  line-height:14px;
  opacity:1;
}
input:disabled, input.disabled {
  background-color: #DDDDDD;
  color: #999999;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
textarea {
  resize: none;
}
select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 30px 6px 7px;
  font-size: 14px;
  line-height: 1.2;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  box-sizing:border-box;
  -webkit-appearance: none;
  background-image: url("../images2/icons/icon_dd_menu_arrow@2x.png");
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select {
    background-repeat: no-repeat;
    background-size: auto 32px;
    background-position: center right;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select.imageUrl {
     background-image: url("../images2/icons/icon_dd_menu_arrow@2x.png");
  }
}
input.nobdr, textarea.nobdr, select.nobdr {
  border: none;
}
p {
  margin: 0 0 0 0;
}
a, .link {
  color: #418fde;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}
input.nobdr, textarea.nobdr {
  border: none;
}
.pointer {
  cursor: pointer;
}
a.noline:hover {
  text-decoration: none;
}
a.black {
  color: #000000;
}
a.disabled, .link.disabled {
  pointer-events: none;
}
input:focus, textarea:focus {
  border-color: #999999;
  box-shadow: none !important;
  outline: none !important;
}
.body-404 {
  background-image: url(../images2/st/bg_404.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.body-403 {
  background-image: url(../images2/st/bg_403.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.body-500 {
  background-image: url(../images2/st/bg_500.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.blue-body {
  background: #418fde;
}
.input-wrapper {
  display: block;
  position: relative;
}
.input-wrapper .clear-x, .input-wrapper .cn-clear-x {
  display: block;
  position: absolute;
  top: 1px;
  right: 3px;
  background-image: url(../images2/icons/input_icon-x.png);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 23px;
  height: 24px;
}
.topbar-container {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.topbar {
  background: #418fde;
  padding: 0px 5px 0 10px;
  position: relative;
  display: block;
  border-bottom: 1px solid #418fde;
  height: 44px;
  vertical-align: middle;
}
.topbar.topbar-trn {
  background: #418fde;
  box-shadow: none;
  border-color: transparent;
}
.sticky-top {
  position: fixed;
  display: block;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 19;
}
.topbar-logo {
  height: 26px;
}
.topbar-logo.dealer {
  height: 20px;
}
ul.topmenu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  font-size: 0;
}
ul.topmenu > li {
  position: relative;
  display: inline-block;
  padding: 0 0px;
  vertical-align: top;
  font-size: 0;
  height: 44px;
}
ul.topmenu > li > a {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0px 18px;
  height: 44px;
}
ul.topmenu > li > a.btn {
  display: block;
  padding: 0px 10px;
  margin: 5px 5px;
  height: 34px;
  line-height: 34px;
}
ul.topmenu > li > a.selected {
  background: #4282DB;
  background: rgba(0,0,0,0.10);
  /*box-shadow: inset 0 -4px 0px rgba(0,0,0,0.20);*/
  box-shadow: inset 0 0 7px rgba(0,0,0,0.1);
}
ul.topmenu > li > a.pl0 {
  padding-left: 0;
}
ul.topmenu > li > a.pr0 {
  padding-right: 0;
}
ul.topmenu > li.menu-icon > a {
  padding: 0 10px;
}
ul.topmenu > li > a [class*="icon-"] {
  margin-bottom: -2px;
}
ul.topmenu > li > .dropdown-menu, .menu .dropdown-menu {
  border-radius: 0 0 5px 5px;
  margin-top: 0;
  margin-right: 0;
  text-align: left;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
ul.topmenu > li > .dropdown-menu.yellow {
  background-color: #FFF1D4;
}
ul.topmenu > li > .dropdown-menu .divider {
  margin: 4px 0;
}
ul.topmenu > li > .dropdown-menu .btn {
  padding:0 10px;
  line-height:22px;
  height:24px;
}
ul.topmenu > li > .dropdown-menu a.txt-link {
  text-decoration: none;
  color: #333333;
}
ul.topmenu > li > .dropdown-menu > .arrow,
ul.topmenu > li > .dropdown-menu > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
ul.topmenu > li > .dropdown-menu > .arrow {
  border-width: 11px;
  top: -11px;
  right: 12px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
ul.topmenu > li > .dropdown-menu > .arrow:after {
  content: "";
  border-width: 10px;
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
ul.topmenu > li > .dropdown-menu.yellow > .arrow:after {
  border-bottom-color: #FFF1D4;
}
ul.topmenu > li.menu-icon .bdg {
  display: inline-block;
  top: 2px;
  right: 0px;
  left: auto;
  padding: 0 3px;
  text-align: center;
  font-size: 10px;
}
.footer {
  display: block;
  position: relative;
  color: #DDDDDD;
  background:#003063;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.4);
}
.footer a {
  color: #DDDDDD;
  text-decoration: none;
  font-size: 12px;
}
.footer-logo {
  height: 40px;
}
@media only screen and (max-width : 320px) {
  .footer-logo {
    height: 20px;
  }
}
.bdg, a.bdg {
  background-color: #DD0000;
  display: inline-block;
  color: #FFFFFF !important;
  font-size: 11px;
  line-height: 16px;
  border-radius: 8px;
  min-width: 16px;
  text-align: center;
  padding: 0 3px;
  box-sizing:border-box;
  text-decoration: none;
}
.bdg i, a.bdg i {
  color: #FFFFFF !important;
  margin-top: 2px;
  margin-bottom: 0;
}
.bdg.boxed {
  border-radius: 3px;
  padding: 0 4px;
}
.bdg.reg {
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px;
}
.bdg.large {
  font-size: 15px;
  line-height: 24px;
  padding: 2px 10px;
  font-weight: 500;
  box-sizing:border-box;
}
.bdg.circle {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  padding: 11px 0 0;
  text-align: center;
  font-size: 20px;
}
.bdg.orange {
  background-color: #FF991F;
}
.bdg.blue {
  background-color: #418fde;
}
.bdg.green {
  background-color: #5BB75B;
}
.bdg.red {
  background-color: #CC0000;
}
.bdg.dark-gray {
  background-color: #999999;
}
.bdg.line {
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 0 0 1px #000000;
}
.bdg.white {
  background-color: #FFFFFF;
  color: #418fde;
}
.bdg.black {
  background-color: #000000;
  color: #FFFFFF;
}
.bdg-trc {
  position: absolute;
  top: -8px;
  left: 98%;
}
.bdg.line.blue {
  background-color: #FFFFFF;
  color: #418fde !important;
  border: 1px solid #418fde;
  box-shadow: none;
}
.bdg.icon16 {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  padding: 4px 0 0;
  text-align: center;
}
.bdg.top-right {
  position: absolute;
  top: -6px;
  right: 24px;
}
.multi-cnts {
  font-size: 0;
  vertical-align: top;
}
.multi-cnts .bdg {
  border-radius: 0;
  vertical-align: top;
  font-size: 11px;
}
.multi-cnts .bdg:first-child {
  border-radius: 4px 0 0 4px;
}
.multi-cnts .bdg:last-child {
  border-radius: 0 4px 4px 0;
}
.grwl {
  background-color: #FFF1D4;
  position: fixed;
  display: block;
  top: 5px;
  left: 50%;
  border-radius: 4px;
  padding: 10px 15px 11px;
  z-index: 3000;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  color: #333333;
  opacity: 0;
}
.grwl td {
  padding-top: 4px;
}
.grwl, .grwl a {
  font-size: 13px;
}
.grwl a.txt-link {
  text-decoration: none;
  color: #333333;
}
.grwl a.txt-link:hover {
  color: #418fde;
}
.grwl .close-x {
  position: absolute;
  display: block;
  top:-4px;
  right: 2px;
}
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 7px 7px;
  font-size: 14px;
  background-color: rgba(0,0,0,0.3);
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  color: #FFFFFF;
  text-decoration: none;
}
.stars {
  position: relative;
  display: inline-block;
  background-image: url(../images2/icons/stars.png);
  background-repeat: no-repeat;
  background-size: 112.5px 48px;
  width: 111.75px;
  height: 26px;
  margin-bottom: -5px;
  margin-top: -4px;
  font-size: 0;
  background-position: -2px 4px;
}
.stars.gray {
  background-position: -2px -24px;
}
.stars .units {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.stars .unit {
  vertical-align: top;
  display: inline-block;
  width: 22.35px;
  height: 24px;
}
.stars .unit > a {
  vertical-align: top;
  display: block;
  width: 23px;
  height: 24px;
}
.stars.mini {
  background-size: 56.25px 24px;
  width: 55.6px;
  height: 16px;
  background-position: -1.5px 4px;
}
.stars.mini.gray {
  background-position: -1.5px -12px;
}
.stars.white {
  background-image: none;
}
.stars-cnt.mini {
  display: inline-block;
  font-size: 10px;
  margin-top: -3px;
  margin-left: 4px;
  color: #555555;
}
.stars.orange {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  z-index: 0;
}
ul.pane-tabs {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0px;
  vertical-align: top;
}
ul.pane-tabs > li {
  display: table-cell;
  overflow: hidden;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  vertical-align: top;
}
ul.pane-tabs > li:first-child {
  border-left: none;
  border-top-left-radius: 4px;
}
ul.pane-tabs > li:last-child {
  border-top-right-radius: 4px;
}
ul.pane-tabs > li > a {
  position: relative;
  display: block;
  padding: 9px 10px;
  background: #FFFFFF;
  font-size: 14px;
  height: 36px;
  vertical-align: top;
  text-decoration: none;
  color: #418fde;
  text-align: center;
}
ul.pane-tabs > li > a:hover {
  background: #F8F8F9;
}
ul.pane-tabs > li.selected {
  border-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid rgba(242,242,242,0.9);
}
ul.pane-tabs > li.selected > a {
  background: #F2F2F2;
  background: rgba(242,242,242,0.9);
}
ul.pane-tabs > li > a.icon-tab {
  width: 44px;
  text-align: center;
  padding: 9px 0;
}
ul.pane-tabs > li > a [class*="icon-"] {
  margin-top: -6px;
}
ul.pane-tabs > li > a [class*="icon-24-"] {
  margin-top: -2px;
}
.tag {
  display: inline-block;
  font-size: 12px;
  background: #D2E5FF;
  padding: 3px 3px 4px 5px;
  border-radius: 3px;
  line-height: 12px;
  margin: 5px 5px 0 0;
}
.tag.orange {
  background: #FF991F;
}
.tag.green {
  background: #5BB75B;
  color: #FFFFFF;
}
.tag.blue {
  background: #418fde;
  color: #FFFFFF;
}
.tag.large {
  padding: 7px 5px 7px 8px;
  font-size: 14px;
  line-height: 16px;
}
.form-bg {
  background-color: #F2F2F2;
  background-color: rgba(242,242,242,0.9);
}
.menu-over-pop {
  position: absolute;
  z-index: 1060;
  display: none;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.menu-over-pop.bottom {
  top: 70px;
  right: 0;
}
.menu-over-pop > .arrow,
.menu-over-pop > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.menu-over-pop > .arrow {
  border-width: 11px;
}
.menu-over-pop > .arrow:after {
  content: "";
  border-width: 10px;
}
.menu-over-pop.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.menu-over-pop.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.menu-over-pop.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.menu-over-pop.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.menu-over-pop.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.menu-over-pop.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.menu-over-pop.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.menu-over-pop.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.topmenu .menu-over-pop {
  max-width: 500px;
  min-width: 300px;
}
.topmenu .menu-over-pop > .arrow {
  left: auto;
  right: 38px;
  margin-left: -11px;
}
/*.stars .unit > a[data-value="1"] {
  background: rgba(255,0,0,0.5);
}
.stars .unit > a[data-value="2"] {
  background: rgba(0,255,0,0.5);
}
.stars .unit > a[data-value="3"] {
  background: rgba(0,0,255,0.5);
}
.stars .unit > a[data-value="4"] {
  background: rgba(255,255,0,0.5);
}
.stars .unit > a[data-value="5"] {
  background: rgba(255,0,255,0.5);
}*/
[class*="icon-"] {
/* [class*="icon-"] { */
  display: inline-block;
  background-image: url(../images2/icons/icons-darkgray.png?11351);
  background-size: 624px 624px;
  background-position: 2000px 2000px;
  background-repeat: no-repeat;
  height:32px;
  width:32px;
  margin: 0;
  padding: 0;
  color: #555555;
}
[class*="icon-24-"] {
  background-size: 468px 468px;
  background-position: 2000px 2000px;
  height:24px;
  width:24px;
}
[class*="icon-16 icon-"] {
  background-size: 312px 312px;
  background-position: 2000px 2000px;
  height:16px;
  width:16px;
}
[class*="icon-12-"], .ui-grid-icon-up-dir, .ui-grid-icon-down-dir {
  background-size: 234px 234px;
  background-position: 2000px 2000px;
  height:12px;
  width:12px;
}
[class*="icon-"], 
[class*=" icon-"] {
  margin: 0 0 0 0;
  font-weight: 700;
}
.icon-32 {
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
}
[class*="icon-24-"], .icon-24 {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  font-weight: normal;
}
[class*="icon-16-"], .icon-16 {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
[class*="icon-12-"], 
.icon-12 {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}
.icon-blue {
  background-image: url(../images2/icons/icons-blue.png?11351);
}
.icon-light-gray {
  background-image: url(../images2/icons/icons-lightgray.png?11351);
}
.icon-white, ul.nav-pills > li.active [class*="icon-"] {
  background-image: url(../images2/icons/icons-white.png?11351);
}
.icon-red {
  background-image: url(../images2/icons/icons-red.png?11351);
}
.icon-orange {
  background-image: url(../images2/icons/icons-orange.png?11351);
}
.icon-green {
  background-image: url(../images2/icons/icons-green.png?11351);
}
.icon-blue {
}
.icon-dark-gray {
  color: #666666;
}
.icon-light-gray {
  color: #DDDDDD;
}
.icon-white {
  color: #FFFFFF;
}
.icon-red {
  color: #990000;
}
.icon-orange {
  color: #FF991F;
}
.icon-green {
  color: #5BB75B;
}
.icon-blank { background-position: 2000px 2000px; }
.icon-home { background-position: 0 0; }
.icon-menu { background-position: -48px 0; }
.icon-settings { background-position: -96px 0; }
.icon-user { background-position: -144px 0; }
.icon-action { background-position: -192px 0; }
.icon-comment-bubble { background-position: -240px 0; }
.icon-circle-info { background-position: -288px 0; }
.icon-x { background-position: -336px 0; }
.icon-circle-x { background-position: -384px 0; }
.icon-circle-plus { background-position: -432px 0; }
.icon-chevron-up { background-position: -480px 0; }
.icon-double-left-arrow { background-position: 0 -48px; }
.icon-left-arrow { background-position: -48px -48px; }
.icon-start { background-position: -96px -48px; }
.icon-pencil { background-position: -144px -48px; }
.icon-trash { background-position: -192px -48px; }
.icon-tick { background-position: -240px -48px; }
.icon-circle-tick { background-position: -288px -48px; }
.icon-refresh { background-position: -336px -48px; }
.icon-circle-down-arrow { background-position: -384px -48px; }
.icon-right-arrow { background-position: -432px -48px; }
.icon-chevron-down { background-position: -480px -48px; }
.icon-move-top { background-position: -528px -48px; }
.icon-inbox { background-position: 0 -96px; }
.icon-feed { background-position: -48px -96px; }
.icon-star { background-position: -96px -96px; }
.icon-plus { background-position: -144px -96px; }
.icon-thumbs-up { background-position: -192px -96px; }
.icon-thumbs-down { background-position: -240px -96px; }
.icon-review { background-position: -288px -96px; }
.icon-video { background-position: -336px -96px; }
.icon-search { background-position: -384px -96px; }
.icon-eye { background-position: -432px -96px; }
.icon-minus { background-position: -480px -96px; }
.icon-circle-minus { background-position: -528px -96px; }
.icon-car { background-position: 0 -144px; }
.icon-garage { background-position: -48px -144px; }
.icon-brand { background-position: -96px -144px; }
.icon-dealer { background-position: -144px -144px; }
.icon-compare { background-position: -192px -144px; }
.icon-engine { background-position: -240px -144px; }
.icon-shift { background-position: -288px -144px; }
.icon-drivetrain { background-position: -336px -144px; }
.icon-tag { background-position: -384px -144px; }
.icon-horsepower { background-position: -432px -144px; }
.icon-gas-station { background-position: -480px -144px; }
.icon-brochure { background-position: -528px -144px; }
.icon-facebook { background-position: 0 -192px; }
.icon-twitter { background-position: -48px -192px; }
.icon-youtube { background-position: -96px -192px; }
.icon-globe { background-position: -144px -192px; }
.icon-imac { background-position: -192px -192px; }
.icon-ipad { background-position: -240px -192px; }
.icon-iphone { background-position: -288px -192px; }
.icon-printer { background-position: -336px -192px; }
.icon-sms { background-position: -384px -192px; }
.icon-cart { background-position: -480px -192px; }
.icon-warranty { background-position: -528px -192px; }
.icon-chat { background-position: 0 -240px; }
.icon-chat-dots { background-position: -48px -240px; }
.icon-chat-plus { background-position: -96px -240px; }
.icon-chat-sessions { background-position: -144px -240px; }
.icon-send-mobile { background-position: -192px -240px; }
.icon-new-request { background-position: -240px -240px; }
.icon-shortcut { background-position: -288px -240px; }
.icon-calendar { background-position: -336px -240px; }
.icon-clock { background-position: -384px -240px; }
.icon-transfer { background-position: -432px -240px; }
.icon-calc { background-position: -480px -240px; }
.icon-loan { background-position: -528px -240px; }
.icon-profile { background-position: 0 -288px; }
.icon-stats { background-position: -48px  -288px; }
.icon-phone { background-position: -96px -288px; }
.icon-mobile { background-position: -144px -288px; }
.icon-speedometer { background-position: -192px -288px; }
.icon-chart-pie { background-position: -240px -288px; }
.icon-chart-column { background-position: -288px -288px; }
.icon-chart-line { background-position: -336px -288px; }
.icon-address-book { background-position: -384px -288px; }
.icon-car-tradein { background-position: -528px -288px; }
.icon-car-lease { background-position: -576px -288px; }
.icon-lib { background-position: 0 -336px; }
.icon-add-lib { background-position: -48px -336px; }
.icon-inventory { background-position: -96px -336px; }
.icon-deals { background-position: -144px -336px; }
.icon-handshake { background-position: -192px -336px; }
.icon-group { background-position: -240px -336px; }
.icon-info { background-position: -288px -336px; }
.icon-notes { background-position: -336px -336px; }
.icon-bell { background-position: -384px -336px; }
.icon-export { background-position: -432px -336px; }
.icon-import { background-position: -480px -336px; }
.icon-motorcycle { background-position: -528px -336px; }
.icon-attach { background-position: 0 -384px; }
.icon-esclamation { background-position: -336px -384px; }
.icon-copy { background-position: -384px -384px; }
.icon-utv { background-position: -528px -384px; }
.icon-circle-left { background-position: 0 -432px; }
.icon-circle-right { background-position: -48px -432px; }
.icon-circle-up { background-position: -96px -432px; }
.icon-circle-down { background-position: -144px -432px; }
.icon-share { background-position: -192px -432px; }
.icon-poke { background-position: -240px -432px; }
.icon-map-pointer { background-position: -288px -432px; }
.icon-more { background-position: -336px -432px; }
.icon-headset { background-position: -384px -432px; }
.icon-flash { background-position: -432px -432px; }
.icon-off-hours { background-position: -480px -432px; }
.icon-atv { background-position: -528px -432px; }
.icon-pay-check { background-position: 0 -528px; }
.icon-pay-card { background-position: -48px -528px; }
.icon-pay-cash { background-position: -96px -528px; }
.icon-discount { background-position: -144px -528px; }
.icon-processing { background-position: -192px -528px; }

.icon-24-blank { background-position: 2000px 2000px; }
.icon-24-home { background-position: 0 0; }
.icon-24-menu { background-position: -36px 0; }
.icon-24-settings { background-position: -72px 0; }
.icon-24-user { background-position: -108px 0; }
.icon-24-action { background-position: -144px 0; }
.icon-24-comment-bubble { background-position: -180px 0; }
.icon-24-circle-info { background-position: -216px 0; }
.icon-24-x { background-position: -252px 0; }
.icon-24-circle-x { background-position: -288px 0; }
.icon-24-circle-plus { background-position: -324px 0; }
.icon-24-chevron-up { background-position: -360px 0; }
.icon-24-double-left-arrow { background-position: 0 -36px; }
.icon-24-left-arrow { background-position: -36px -36px; }
.icon-24-start { background-position: -72px -36px; }
.icon-24-pencil { background-position: -108px -36px; }
.icon-24-trash { background-position: -144px -36px; }
.icon-24-tick { background-position: -180px -36px; }
.icon-24-circle-tick { background-position: -216px -36px; }
.icon-24-refresh { background-position: -252px -36px; }
.icon-24-circle-down-arrow { background-position: -288px -36px; }
.icon-24-right-arrow { background-position: -324px -36px; }
.icon-24-chevron-down { background-position: -360px -36px; }
.icon-24-move-top { background-position: -396px -36px; }
.icon-24-inbox { background-position: 0 -72px; }
.icon-24-feed { background-position: -36px -72px; }
.icon-24-star { background-position: -72px -72px; }
.icon-24-plus { background-position: -108px -72px; }
.icon-24-thumbs-up { background-position: -144px -72px; }
.icon-24-thumbs-down { background-position: -180px -72px; }
.icon-24-review { background-position: -216px -72px; }
.icon-24-video { background-position: -252px -72px; }
.icon-24-search { background-position: -288px -72px; }
.icon-24-eye { background-position: -324px -72px; }
.icon-24-minus { background-position: -360px -72px; }
.icon-24-circle-minus { background-position: -396px -72px; }
.icon-24-car { background-position: 0 -108px; }
.icon-24-garage { background-position: -36px -108px; }
.icon-24-brand { background-position: -72px -108px; }
.icon-24-dealer { background-position: -108px -108px; }
.icon-24-compare { background-position: -144px -108px; }
.icon-24-engine { background-position: -180px -108px; }
.icon-24-shift { background-position: -216px -108px; }
.icon-24-drivetrain { background-position: -252px -108px; }
.icon-24-tag { background-position: -288px -108px; }
.icon-24-horsepower { background-position: -324px -108px; }
.icon-24-gas-station { background-position: -360px -108px; }
.icon-24-brochure { background-position: -396px -108px; }
.icon-24-facebook { background-position: 0 -144px; }
.icon-24-twitter { background-position: -36px -144px; }
.icon-24-youtube { background-position: -72px -144px; }
.icon-24-globe { background-position: -108px -144px; }
.icon-24-imac { background-position: -144px -144px; }
.icon-24-ipad { background-position: -180px -144px; }
.icon-24-iphone { background-position: -216px -144px; }
.icon-24-printer { background-position: -252px -144px; }
.icon-24-sms { background-position: -288px -144px; }
.icon-24-check { background-position: -324px -144px; }
.icon-24-tick-box { background-position: -324px -144px; }
.icon-24-cart { background-position: -360px -144px; }
.icon-24-warranty { background-position: -396px -144px; }
.icon-24-chat { background-position: 0 -180px; }
.icon-24-chat-dots { background-position: -36px -180px; }
.icon-24-chat-plus { background-position: -72px -180px; }
.icon-24-chat-sessions { background-position: -108px -180px; }
.icon-24-send-mobile { background-position: -144px -180px; }
.icon-24-new-request { background-position: -180px -180px; }
.icon-24-shortcut { background-position: -216px -180px; }
.icon-24-calendar { background-position: -252px -180px; }
.icon-24-clock { background-position: -288px -180px; }
.icon-24-transfer { background-position: -324px -180px; }
.icon-24-calc { background-position: -360px -180px; }
.icon-24-loan { background-position: -396px -180px; }
.icon-24-profile { background-position: 0 -216px; }
.icon-24-stats { background-position: -36px  -216px; }
.icon-24-phone { background-position: -72px -216px; }
.icon-24-mobile { background-position: -108px -216px; }
.icon-24-speedometer { background-position: -144px -216px; }
.icon-24-chart-pie { background-position: -180px -216px; }
.icon-24-chart-column { background-position: -216px -216px; }
.icon-24-chart-line { background-position: -252px -216px; }
.icon-24-address-book { background-position: -288px -216px; }
.icon-24-car-tradein { background-position: -396px -216px; }
.icon-24-car-lease { background-position: -428px -216px; }
.icon-24-lib { background-position: 0 -252px; }
.icon-24-add-lib { background-position: -36px -252px; }
.icon-24-inventory { background-position: -72px -252px; }
.icon-24-deals { background-position: -108px -252px; }
.icon-24-handshake { background-position: -144px -252px; }
.icon-24-group { background-position: -180px -252px; }
.icon-24-info { background-position: -216px -252px; }
.icon-24-notes { background-position: -252px -252px; }
.icon-24-bell { background-position: -288px -252px; }
.icon-24-export { background-position: -324px -252px; }
.icon-24-import { background-position: -360px -252px; }
.icon-24-motorcycle { background-position: -396px -252px; }
.icon-24-attach { background-position: 0 -288px; }
.icon-24-dollar { background-position: -72px -288px; }
.icon-24-filter { background-position: -144px -288px; }
.icon-24-esclamation { background-position: -252px -288px; }
.icon-24-copy { background-position: -288px -288px; }
.icon-24-utv { background-position: -396px -288px; }
.icon-24-circle-left { background-position: 0 -324px; }
.icon-24-circle-right { background-position: -36px -324px; }
.icon-24-circle-up { background-position: -72px -324px; }
.icon-24-circle-down { background-position: -108px -324px; }
.icon-24-share { background-position: -144px -324px; }
.icon-24-poke { background-position: -180px -324px; }
.icon-24-map-pointer { background-position: -216px -324px; }
.icon-24-more { background-position: -252px -324px; }
.icon-24-headset { background-position: -288px -324px; }
.icon-24-flash { background-position: -324px -324px; }
.icon-24-off-hours { background-position: -360px -324px; }
.icon-24-atv { background-position: -396px -324px; }
.icon-24-arr-left { background-position: 0 -360px; }
.icon-24-arr-right { background-position: -36px -360px; }
.icon-24-arr-up { background-position: -72px -360px; }
.icon-24-arr-down { background-position: -108px -360px; }
.icon-24-popup { background-position: -144px -360px; }
.icon-24-minimize { background-position: -180px -360px; }
.icon-24-send-r { background-position: -216px -360px; }
.icon-24-send-l { background-position: -252px -360px; }
.icon-24-popin { background-position: -288px -360px; }
.icon-24-missed { background-position: -324px -360px; }
.icon-24-rv-trim { background-position: -396px -360px; }
.icon-24-pay-check { background-position: 0 -396px; }
.icon-24-pay-card { background-position: -36px -396px; }
.icon-24-pay-cash { background-position: -72px -396px; }
.icon-24-discount { background-position: -108px -396px; }
.icon-24-processing { background-position: -144px -396px; }

.icon-16 icon-blank { background-position: 2000px 2000px; }
.icon-16 icon-home { background-position: 0 0; }
.icon-16 icon-menu { background-position: -24px 0; }
.icon-16 icon-settings { background-position: -48px 0; }
.icon-16 icon-user { background-position: -72px 0; }
.icon-16 icon-action { background-position: -96px 0; }
.icon-16 icon-comment-bubble { background-position: -120px 0; }
.icon-16 icon-circle-info { background-position: -144px 0; }
.icon-16 icon-x { background-position: -168px 0; }
.icon-16 icon-circle-x { background-position: -192px 0; }
.icon-16 icon-circle-plus { background-position: -216px 0; }
.icon-16 icon-chevron-up { background-position: -240px 0; }
.icon-16 icon-double-left-arrow { background-position: 0 -24px; }
.icon-16 icon-left-arrow { background-position: -24px -24px; }
.icon-16 icon-start { background-position: -48px -24px; }
.icon-16 icon-pencil { background-position: -72px -24px; }
.icon-16 icon-trash { background-position: -96px -24px; }
.icon-16 icon-tick { background-position: -120px -24px; }
.icon-16 icon-circle-tick { background-position: -144px -24px; }
.icon-16 icon-refresh { background-position: -168px -24px; }
.icon-16 icon-circle-down-arrow { background-position: -192px -24px; }
.icon-16 icon-right-arrow { background-position: -216px -24px; }
.icon-16 icon-chevron-down { background-position: -240px -24px; }
.icon-16 icon-move-top { background-position: -264px -24px; }
.icon-16 icon-inbox { background-position: 0 -48px; }
.icon-16 icon-feed { background-position: -24px -48px; }
.icon-16 icon-star { background-position: -48px -48px; }
.icon-16 icon-plus { background-position: -72px -48px; }
.icon-16 icon-thumbs-up { background-position: -96px -48px; }
.icon-16 icon-thumbs-down { background-position: -120px -48px; }
.icon-16 icon-review { background-position: -144px -48px; }
.icon-16 icon-video { background-position: -168px -48px; }
.icon-16 icon-search { background-position: -192px -48px; }
.icon-16 icon-eye { background-position: -216px -48px; }
.icon-16 icon-minus { background-position: -240px -48px; }
.icon-16 icon-circle-minus { background-position: -264px -48px; }
.icon-16 icon-car { background-position: 0 -72px; }
.icon-16 icon-garage { background-position: -24px -72px; }
.icon-16 icon-brand { background-position: -48px -72px; }
.icon-16 icon-dealer { background-position: -72px -72px; }
.icon-16 icon-compare { background-position: -96px -72px; }
.icon-16 icon-engine { background-position: -120px -72px; }
.icon-16 icon-shift { background-position: -144px -72px; }
.icon-16 icon-drivetrain { background-position: -168px -72px; }
.icon-16 icon-tag { background-position: -192px -72px; }
.icon-16 icon-horsepower { background-position: -216px -72px; }
.icon-16 icon-gas-station { background-position: -240px -72px; }
.icon-16 icon-brochure { background-position: -264px -72px; }
.icon-16 icon-facebook { background-position: 0 -96px; }
.icon-16 icon-twitter { background-position: -24px -96px; }
.icon-16 icon-youtube { background-position: -48px -96px; }
.icon-16 icon-globe { background-position: -72px -96px; }
.icon-16 icon-imac { background-position: -96px -96px; }
.icon-16 icon-ipad { background-position: -120px -96px; }
.icon-16 icon-iphone { background-position: -144px -96px; }
.icon-16 icon-printer { background-position: -168px -96px; }
.icon-16 icon-sms { background-position: -192px -96px; }
.icon-16 icon-check { background-position: -216px -96px; }
.icon-16 icon-cart { background-position: -240px -96px; }
.icon-16 icon-warranty { background-position: -264px -96px; }
.icon-16 icon-chat { background-position: 0 -120px; }
.icon-16 icon-chat-dots { background-position: -24px -120px; }
.icon-16 icon-chat-plus { background-position: -48px -120px; }
.icon-16 icon-chat-sessions { background-position: -72px -120px; }
.icon-16 icon-send-mobile { background-position: -96px -120px; }
.icon-16 icon-new-request { background-position: -120px -120px; }
.icon-16 icon-shortcut { background-position: -144px -120px; }
.icon-16 icon-calendar { background-position: -168px -120px; }
.icon-16 icon-clock { background-position: -192px -120px; }
.icon-16 icon-transfer { background-position: -216px -120px; }
.icon-16 icon-calc { background-position: -240px -120px; }
.icon-16 icon-loan { background-position: -264px -120px; }
.icon-16 icon-profile { background-position: 0 -144px; }
.icon-16 icon-stats { background-position: -24px  -144px; }
.icon-16 icon-phone { background-position: -48px -144px; }
.icon-16 icon-mobile { background-position: -72px -144px; }
.icon-16 icon-speedometer { background-position: -96px -144px; }
.icon-16 icon-chart-pie { background-position: -120px -144px; }
.icon-16 icon-chart-column { background-position: -144px -144px; }
.icon-16 icon-chart-line { background-position: -168px -144px; }
.icon-16 icon-address-book { background-position: -192px -144px; }
.icon-16 icon-agent-m { background-position: -216px -144px; }
.icon-16 icon-agent-f { background-position: -240px -144px; }
.icon-16 icon-car-tradein { background-position: -264px -144px; }
.icon-16 icon-car-lease { background-position: -288px -144px; }
.icon-16 icon-lib { background-position: 0 -168px; }
.icon-16 icon-add-lib { background-position: -24px -168px; }
.icon-16 icon-inventory { background-position: -48px -168px; }
.icon-16 icon-deals { background-position: -72px -168px; }
.icon-16 icon-handshake { background-position: -96px -168px; }
.icon-16 icon-group { background-position: -120px -168px; }
.icon-16 icon-info { background-position: -144px -168px; }
.icon-16 icon-notes { background-position: -168px -168px; }
.icon-16 icon-bell { background-position: -192px -168px; }
.icon-16 icon-export { background-position: -216px -168px; }
.icon-16 icon-import { background-position: -240px -168px; }
.icon-16 icon-motorcycle { background-position: -264px -168px; }
.icon-16 icon-attach { background-position: 0px -192px; }
.icon-16 icon-dollar { background-position: -48px -192px; }
.icon-16 icon-filter { background-position: -96px -192px; }
.icon-16 icon-esclamation { background-position: -168px -192px; }
.icon-16 icon-copy { background-position: -192px -192px; }
.icon-16 icon-palette { background-position: -216px -192px; }
.icon-16 icon-brush { background-position: -240px -192px; }
.icon-16 icon-utv { background-position: -264px -192px; }
.icon-16 icon-circle-left { background-position: 0 -216px; }
.icon-16 icon-circle-right { background-position: -24px -216px; }
.icon-16 icon-circle-up { background-position: -48px -216px; }
.icon-16 icon-circle-down { background-position: -72px -216px; }
.icon-16 icon-share { background-position: -96px -216px; }
.icon-16 icon-poke { background-position: -120px -216px; }
.icon-16 icon-map-pointer { background-position: -144px -216px; }
.icon-16 icon-more { background-position: -168px -216px; }
.icon-16 icon-headset { background-position: -192px -216px; }
.icon-16 icon-flash { background-position: -216px -216px; }
.icon-16 icon-off-hours { background-position: -240px -216px; }
.icon-16 icon-atv { background-position: -264px -216px; }
.icon-16 icon-arr-left { background-position: 0 -240px; }
.icon-16 icon-arr-right { background-position: -24px -240px; }
.icon-16 icon-arr-up { background-position: -48px -240px; }
.icon-16 icon-arr-down { background-position: -72px -240px; }
.icon-16 icon-popup { background-position: -96px -240px; }
.icon-16 icon-minimize { background-position: -120px -240px; }
.icon-16 icon-send-r { background-position: -144px -240px; }
.icon-16 icon-send-l { background-position: -168px -240px; }
.icon-16 icon-popin { background-position: -192px -240px; }
.icon-16 icon-missed { background-position: -216px -240px; }
.icon-16 icon-rv-trim { background-position: -240px -240px; }
.icon-16 icon-pay-check { background-position: 0 -264px; }
.icon-16 icon-pay-card { background-position: -24px -264px; }
.icon-16 icon-pay-cash { background-position: -48px -264px; }
.icon-16 icon-discount { background-position: -72px -264px; }
.icon-16 icon-processing { background-position: -96px -264px; }

.icon-24-device-type-0 { background-color: #DDDDDD; }
.icon-24-device-type-1 { background-position: -144px -144px; }
.icon-24-device-type-3 { background-position: -180px -144px; }
.icon-24-device-type-2 { background-position: -216px -144px; }
.icon-24-device-type-4 { background-position: -288px -144px; }

.icon-16 icon-device-type-1 { background-position: -96px -96px; }
.icon-16 icon-device-type-3 { background-position: -120px -96px; }
.icon-16 icon-device-type-2 { background-position: -144px -96px; }
.icon-16 icon-device-type-4 { background-position: -192px -96px; }

.icon-12-device-type-1 { background-position: -72px -72px; }
.icon-12-device-type-3 { background-position: -90px -72px; }
.icon-12-device-type-2 { background-position: -108px -72px; }
.icon-12-device-type-4 { background-position: -144px -72px; }
.icon-12-inbox { background-position: 0 -36px; }
.icon-12-phone { background-position: -36px -108px; }
.icon-12-arr-up { background-position: -36px -180px; }
.icon-12-arr-down { background-position: -54px -180px; }
.icon-12-tick { background-position: -90px -18px; }
.icon-12-loan { background-position: -198px -90px; }
.icon-12-car-lease { background-position: -216px -108px; }

.icon-16 icon-arrow-right {
  background-image: url(../images/icons/icon_arrow-thin-right.png);
  background-size: 16px 16px;
  background-position: 0 0;
  width: 16px;
  height: 16px;
}

.icon-contact-info {
  background-image: url(../images2/icons/icon_contact_info.png);
  background-size: 32px 32px;
  background-position: 0 0;
}
.icon-24-contact-info {
  background-image: url(../images2/icons/icon_contact_info.png);
  background-size: 24px 24px;
  background-position: 0 0;
}
.icon-16 icon-contact-info {
  background-image: url(../images2/icons/icon_contact_info.png);
  background-size: 16px 16px;
  background-position: 0 0;
}
.icon-mute, .icon-24-mute, .icon-16 icon-mute {
  background-image: url(../images2/icons/icon_mute.png);
  background-size: 32px 32px;
  background-position: 0 0;
}
.icon-unmute, .icon-24-unmute, .icon-16 icon-unmute {
  background-image: url(../images2/icons/icon_unmute.png);
  background-size: 32px 32px;
  background-position: 0 0;
}
.icon-24-mute, .icon-24-unmute {
  background-size: 24px 24px;
}
.icon-16 icon-mute, .icon-16 icon-unmute {
  background-size: 16px 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
  .stars {
    background-image: url(../images2/icons/stars@2x.png);
  }
  .icon-mute, .icon-24-mute, .icon-16 icon-mute {
    background-image: url(../images2/icons/icon_mute@2x.png);
  }
  .icon-unmute, .icon-24-unmute, .icon-16 icon-unmute {
    background-image: url(../images2/icons/icon_unmute@2x.png);
  }
}
.icon-device-type-6, .icon-24-device-type-6, .icon-16-device-type-6, .icon-12-device-type-6 {
  background-image: url(../images2/icons/device_type-6.png) !important;
  background-position: 0 0;
}
.icon-device-type-6, .icon-16-device-type-6 {
  background-size: 16px 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.icon-24.icon-device-type-6, .icon-24-device-type-6 {
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.icon-12.icon-device-type-6, .icon-12-device-type-6 {
  background-size: 12px 12px !important;
  width: 12px !important;
  height: 12px !important;
}
.icon-device-type-8, .icon-24-device-type-8, .icon-16-device-type-8, .icon-12-device-type-8 {
  background-image: url(../images2/icons/device_type-6.png) !important;
  background-position: 0 0;
}
.icon-device-type-8, .icon-16-device-type-8 {
  background-size: 16px 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.icon-24.icon-device-type-8, .icon-24-device-type-8 {
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.icon-12.icon-device-type-8, .icon-12-device-type-8 {
  background-size: 12px 12px !important;
  width: 12px !important;
  height: 12px !important;
}
.loading {
  background-image: url(../images2/loading_dots.gif);
  background-size: 36px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.loading.large {
  background-image: url(../images2/loading_dots.gif);
  background-size: 72px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.cover-page {
  display: block;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pane-loading-msg {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -50px;
  width: 100px;
  padding: 10px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.8);
  z-index: 1100;
}
.pane-loading-msg > .msg {
  display: block;
  color: #333333;
  font-size: 14px;
  padding-bottom: 5px;
  text-align:center;
}
.pane-loading-msg > .spinner {
  display:block;
  height: 20px;
  background-image: url(../images2/loading_dots.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 20px;
}
.pane-loading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,0.3);
  z-index: 1100;
}
.pane-loading.full-page {
  position: fixed;
}
.pane-loading > div {
  display: table;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.4);
}
.pane-loading > div > div {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.pane-loading .loading-msg {
  position: relative;
  display: inline-block;
  padding: 20px 30px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.8);
  border: 1px solid #EEEEEE;
}
.pane-loading .loading-msg > .msg {
  display: block;
  color: #333333;
  font-size: 14px;
  padding-bottom: 5px;
  text-align:center;
}
.pane-loading .loading-msg > .spinner {
  display:block;
  height: 20px;
  background-image: url(../images2/loading_dots.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 20px;
}
.btn {
  display: inline-block;
  background-image: none;
  padding: 0 15px 0;
  height: 44px;
  line-height: 42px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  color: #FFFFFF;
  border: 1px solid transparent;
  outline:0px !important;
  -webkit-appearance:none;
  /*box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);*/
}
.btn i {
  color: #666666;
}
[class*="btn-"] i {
  color: #FFFFFF;
}
.btn [class*="icon-"] {
  line-height: 44px;
}
.btn .caret {
  margin-bottom: 2px;
}
.btn, .btn:link, .btn:visited, .btn:hover, .btn:active, .btn:focus, .btn.active, .dropdown .btn:hover {
  color: #FFFFFF;
}
.btn-thin {
  padding: 0 10px;
  height: 32px;
  line-height: 28px;
  font-size: 14px;
}
.btn-thin i {
  line-height: 28px;
  font-size: 14px;
}
.btn [class*="icon-"] {
  line-height: 28px;
}
.btn-thin.btn-icon {
  padding: 0 7px 0;
}
.btn-thin.btn-icon i {
  font-size: 18px;
  line-height: 32px;
  margin-top: -1px !important;
}
.btn-thin.small {
  padding: 0 7px;
  font-size: 12px;
}
.bar {
  display: block;
  background-image: none;
  padding: 9px 15px 0;
  height: 36px;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  vertical-align: middle;
  color: #FFFFFF;
}
.bar:active, .bar:hover {
  text-decoration: none;
  color: #FFFFFF;
}
.btn:active, .btn:hover, .btn:visited {
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: none;
}
.btn-large {
  padding: 0 30px 0;
  height: 54px;
  font-size: 24px;
  line-height: 50px;
}
.btn-line {
  border-color: #CCCCCC;
  color: #333333;
  background: #FFFFFF;
}
.btn-line i {
  color: #333333;
}
.btn-line:active, .btn-line:hover, .btn-line:visited, .btn-line:focus, .btn-line:link {
  color: #333333;
}
.btn-line.red, .btn-line.red:active, .btn-line.red:hover, .btn-line.red:visited, .btn-line.red:focus, .btn-line.red:link {
  border-color: #CC0000;
  color: #CC0000;
  background: transparent;
  cursor: default;
}
.btn-line.green, .btn-line.green:active, .btn-line.green:hover, .btn-line.green:visited, .btn-line.green:focus, .btn-line.green:link {
  border-color: #5BB75B;
  color: #5BB75B;
  background: transparent;
  cursor: default;
}
.btn-blue, .dropdown .btn-blue:hover {
  border-color: #418fde;
  background: #418fde;
  box-shadow: none;
}
.btn-black {
  border-color: #000000;
  background: #000000;
  box-shadow: none;
}
.btn-blue-trn {
  border-color: #418fde;
  border-color: rgba(65,143,222, 0.85);
  background: #418fde;
  background: rgba(65,143,222, 0.85);
  box-shadow: none;
}
.btn-white-line {
  border-color: #DDDDDD;
  color: #EEEEEE;
  background: transparent;
}
.btn-white-line i {
  color: #EEEEEE;
}
.btn-white-line:active, .btn-white-line:hover, .btn-white-line:visited, .btn-white-line:focus, .btn-white-line:link {
  color: #EEEEEE;
}
.btn-light-blue { 
  border-color: #D2E5FF;
  background: #D2E5FF;
  box-shadow: none;
  color: #555555;
}
.btn-white-line i {
  color: #555555;
}
.bar-blue {
  display: block;
  background: #418fde;
}
.btn-trn {
  border-color: transparent;
  box-shadow: none;
  background: transparent;
  background-color: transparent;
  color: #555555;
}
.btn-trn i {
  color: #555555;
}
.btn-trn-white {
  border-color: transparent;
  box-shadow: none;
  background: #FFFFFF;
  background: rgba(255,255,255,0.15);
}
.btn-green {
  border-color: #5BB75B;
  box-shadow: none;
  background: #5BB75B;
}
.btn-green-trn {
  border-color: #5BB75B;
  border-color: rgba(91,183,91, 0.85);
  box-shadow: none;
  background: #5BB75B;
  background: rgba(91,183,91, 0.85);
}
.bar-green {
  display: block;
  background: #5BB75B;
}
.btn-orange {
  border-color: #FF991F;
  box-shadow: none;
  background: #FF991F;
}
.btn-orange-trn {
  border-color: #FF991F;
  border-color: rgba(255,153,31,0.85);
  box-shadow: none;
  background: #FF991F;
  background: rgba(255,153,31,0.85);
}
.btn-red {
  border-color: transparent;
  box-shadow: none;
  background: #CC0000;
}
.btn-dark-gray {
  border-color: #505050;
  box-shadow: none;
  background: #505050;
}
.btn-dark-gray-trn {
  border-color: #505050;
  background: #505050;
  border-color: rgba(80,80,80,0.95);
  box-shadow: none;
  background: rgba(80,80,80,0.95);
}
.btn-gray {
  border-color: rgba(215,215,215, 1.0);
  background: #E1E1E1;
  background: rgba(225,225,225, 1.0);
  color: #000000;
  box-shadow: none;
}
.label-gray-expired {
  border-color: rgba(215,215,215, 1.0);
  background: #E1E1E1;
  color: rgba(153,153,153, 1.0);
  border-radius: 4px;
  padding: 6px 12px;
  margin-right: 5px;
  font-size: 0.95em;
}
.btn:hover {
  background-image: linear-gradient(rgba(255,255,255,0.10), rgba(255,255,255,0.10));
  color: #FFFFFF;
}
.btn-line:hover {
  border-color: #000000;
  color: #000000;
}
.btn-white-trn, .btn-white-trn:hover, .btn-white-trn:active, .btn-white-trn:visited, .btn-white-trn:link  {
  border-color: rgba(255,255,255, 0.90);
  background: rgba(255,255,255, 0.90);
  box-shadow: none;
  color: #000000 !important;
}
.btn-trn:hover, .btn-trn:active, .btn-trn:visited, .btn-trn:link  {
  border-color: transparent;
  background: rgba(255,255,255, 0.10);
  color: #555555;
  box-shadow: none;
}
.btn-white, .btn-white:hover, .btn-white:active, .btn-white:visited, .btn-white:link  {
  border-color: #FFFFFF;
  background: #FFFFFF;
  box-shadow: none;
  color: #555555 !important;
}
.btn-gray, .btn-gray:hover, .btn-gray:active, .btn-gray:visited, .btn-gray:link {
  border-color: rgba(225,225,225, 1.0);
  color: #000000;
  box-shadow: none;
}
.btn-gray i {
  color: #666666;
}
.btn-sdw {
  box-shadow: 0 0 1px 1px rgba(255,255,255,0.6);
}
.btn-pg-back {
  position: fixed;
}
.btn-pg-back.bl {
  left: 10px;
  bottom: 10px;
}
.btn-pg-back.br {
  right: 10px;
  bottom: 10px;
}
.btn-pg-back.tl {
  left: 10px;
  top: 10px;
}
.btn-pg-back.tr {
  top: 10px;
  right: 10px;
}
.btn-sdw:hover {
  background-color: rgba(255,255,255,0.2);
}
.btn-gray:hover {
  background: rgba(240,240,240, 1.0);
}
.btn:active, .btn.active {
  background-image: linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.30));
}
.btn-light-blue:active, .btn-light-blue:hover, .btn-light-blue:visited, .btn-light-blue:focus, .btn-light-blue:link { 
  color: #555555;
}
.btn:disabled, .btn[disabled], .btn.disabled {
  border-color: #BBBBBB;
  background: #BBBBBB;
  color: #DDDDDD;
  box-shadow: none;
}
.btn-blue-txt  {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #418fde;
}
.btn-blue-txt:hover, .btn-blue-txt:active, .btn-blue-txt:visited, .btn-blue-txt:link  {
  border-color: transparent;
  background: rgba(0,0,0,0.10);
  box-shadow: none;
  color: #418fde !important;
}
.btn-group > .btn-gray,
.btn-group > .btn-gray:hover,
.btn-group > .btn-gray:active,
.btn-group > .btn-gray:link,
.btn-group > .btn-gray:visited {
  margin-left: 0;
  border-color: #BBBBBB;
}
.btn-group > .btn:not(:first-child):not(.dropdown-toggle) {
  border-left: none;
}
.btn > .arrow, .bar > .arrow {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: -6px;
  margin-top: -2px;
  background-image: url(../images2/icons/icon_arrow_btn-r.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
input.btn {
  padding-top: 0;
  padding-bottom: 0;
}
.btn.first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  border-right-width: 1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
  .btn > .arrow {
    background-image: url(../images2/icons/icon_arrow_btn-r@2x.png);
  }
}
.btn-large > .arrow {
  margin-top: 0px;
  margin-bottom: -4px;
}
.seg-ctl-fltr {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0;
}
.seg-ctl-fltr > div {
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-table;
  background-color: #FFFFFF;
  border-color: #418fde;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.seg-ctl-fltr > div.on {
  background-color: #418fde;
} 
.seg-ctl-fltr > div.on > a {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #418fde;
}
.seg-ctl-fltr > div > a {
  text-decoration: none;
}
.seg-ctl {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}
.seg-ctl > li {
  display: table-cell;
  border-color: #418fde;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  width: 50%;
  vertical-align: middle;
  background-color: #FFFFFF;
  height: 32px;
}
.seg-ctl > li.w25 {
  width: 25%;
}
.seg-ctl > li.w33 {
  width: 33%;
}
.seg-ctl.wauto > li {
  width: auto;
}
.seg-ctl > li:first-child {
  border-width: 1px 1px 1px 1px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.seg-ctl > li:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.seg-ctl > li > a {
  display: block;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  color: #418fde;
  text-decoration: none;
}
.seg-ctl.lh24 > li > a {
  line-height: 30px;
}
.seg-ctl > li > a [class*="icon-24-"] {
  line-height: 30px;
  font-size: 16px !important;
}
.seg-ctl.mini {
  display: inline-block;
  margin-bottom: -3px;
}
.seg-ctl.mini > li, .seg-ctl.squared > li {
  border-radius: 0 0 0 0;
}
.seg-ctl.mini > li > a {
  display: block;
  text-align: center;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  padding: 0;
}
.seg-ctl.full > li {
  border-radius: 0 0 0 0;
  border-width: 0;
  background-color: #CCCCCC;
}
.seg-ctl.full > li > a {
  color: #333333;
}
.seg-ctl > li.on {
  background-color: #418fde;
}
.seg-ctl > li.disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
}
.seg-ctl > li.disabled > a {
  color: #999999;
}
.seg-ctl.full > li.on {
  background-color: #FFFFFF;
}
.seg-ctl.lgr > li.on {
  background-color: #F2F2F2;
  background-color: rgba(242,242,242,0.9);
}
.seg-ctl.lgray > li.on {
  background-color: #EAEAEA;
}
.seg-ctl > li.on > a {
  color: #FFFFFF;
  vertical-align: top;
}
.seg-ctl.full > li.on > a {
  color: #333333;
}
.seg-ctl.gray > li {
  border-color: #DDDDDD;
}
.seg-ctl.gray > li.on {
  background-color: #E1E1E1;
}
.seg-ctl.gray > li > a, .seg-ctl.gray > li.on > a {
  color: #000000;
}
.seg-ctl.gray > li > a [class*="icon-"] {
  font-size: 14px;
  line-height: 14px;
}
.seg-ctl.ckbx.gray > li:first-child.on {
  border-color: #C8C8C8 #FFFFFF #C8C8C8 #C8C8C8;
}
.seg-ctl.white-bg > li {
  background-color: #FFFFFF;
  border-color: #BBBBBB;
}
.seg-ctl.white-bg > li.on {
  background: #BBBBBB;
}
.seg-ctl.white-bg > li > a {
  color: #888888;
}
.seg-ctl.white-bg > li.on > a {
  color: #FFFFFF;
}
.seg-ctl.orange > li {
  border-color: #FF991F;
}
.seg-ctl.orange > li > a {
  color: #FF991F;
}
.seg-ctl.orange > li.on {
  background: #FF991F;
}
.seg-ctl.orange > li.on > a {
  color: #FFFFFF;
}
.seg-ctl.red > li {
  border-color: #DD0000;
}
.seg-ctl.red > li > a {
  color: #DD0000;
}
.seg-ctl.red > li.on {
  background: #DD0000;
}
.seg-ctl.red > li.on > a {
  color: #FFFFFF;
}
.seg-ctl.ib {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  white-space: nowrap !important;
}
.seg-ctl.ib > li {
  display: inline-block;
  float: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: auto;
}
.seg-ctl.ib.blk {
  display: block;
  position: relative;
  font-size: 0;
  vertical-align: top;
  white-space: nowrap;
}
.seg-ctl.blk > li {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.seg-ctl.wau > li {
  width: auto;
}
.sub-seg-ctl {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}
.sub-seg-ctl > li {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  height: 32px;
}
.sub-seg-ctl> li > a {
  display: block;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
}
.sub-seg-ctl.ib {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  white-space: nowrap !important;
}

.check-box {
  display: inline-block;
  border: 1px solid #BBBBBB;
  background-color: #FFFFFF;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
}
.check-box [class*="icon-"] {
  font-size: 12px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  vertical-align: top;
}
.check-box.small {
  width: 16px;
  height: 16px;
  padding: 0;
  vertical-align: top;
  text-align: middle;
  line-height: 16px;
}
.check-box.small [class*="icon-"] {
  font-size: 8px !important;
  line-height: 14px !important;
}
.check-box.on {
  background-color: #2594FF;
  border-color: #2594FF;
}
.check-box.dark-gray.on {
  background-color: #555555;
  border-color: #555555;
}
.check-box .icon-white {
  display: none;
}
.check-box.on .icon-white {
  display: inline-block;
  margin: -1px 0 -7px 0;
}
.check-box.small .icon-white {
  margin: -1px 0 0 -1px;
}
.grwl .btn {
  height: 24px;
  line-height: 22px;
  padding-top: 0;
  font-size: 13px;
}
.dcfg input[type="text"] {
  padding: 5px;
  font-size: 14px;
}
.dcfg select {
  font-size: 14px;
  height: 26px;
  padding: 2px 5px 0;
}
.invisible {
  opacity: 0;
}
.input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  box-shadow: none;
}
.input-group .btn {
  border-top: 1px solid rgba(0,0,0,0.07);
  border-right: 1px solid rgba(0,0,0,0.07);
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.pbar {
  display: block;
  border: 1px solid #418fde;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.pbar .brp {
  display: block;
  height: 10px;
  background-color: #418fde;
}
.cir-tick {
  border: 1px solid #DDDDDD;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  padding: 1px 0 0 0;
}
.cir-tick i {
  vertical-align: top;
  margin-left: 1px;
}
.cir-tick.on .icon-16 icon-tick {
   font-size: 11px; 
   font-weight: 600; 
   line-height: 11px; 
   padding: 3px 3px; 
}
.cir-tick.on {
  border-color: #5BB75B;
  background-color: #5BB75B;
}
.posrl { position: relative; }
.posab { position: absolute; }
.posfx { position: fixed; }
.posfp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cn-proijected .posfp {
  top: 44px;
}

.disbl { display: block; }
.disib { display: inline-block; }
.distb { display: table; }
.distc { display: table-cell; }
.disfl { float: left; }
.disfr { float: right; }
.hide { display: none; }
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.mau { margin: auto; }
.ac { align: center; }

.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }

.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }

.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m40 { margin: 40px; }

.mt5 { margin-top: 5px; }
.mt-5 { margin-top: -5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }

.mb1 { margin-bottom: 1px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }

.w100, button.w100, input[type="submit"].w100 { width: 100%; }
.w80, button.w80, input[type="submit"].w80 { width: 80%; }
.w70, button.w70, input[type="submit"].w70 { width: 70%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w33 { width: 33.3%; }
.w25 { width: 25%; }
.wfc { width: fit-content; }
.h100 { height: 100%; }

.nowrap { white-space: nowrap; }
.norwrap { white-space: normal; }
.underline { text-decoration: underline; }

.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }
.tac { text-align: center; }

.fnts-0 { font-size: 0; }
.fnts-xxs { font-size: 9px; line-height: 1.0em; }
.fnts-xs { font-size: 11px; line-height: 1.0em; }
.fnts-s { font-size: 12px; line-height: 1.2em; }
.fnts { font-size: 14px; line-height: 1.2em; }
.fnts-m { font-size: 16px; line-height: 1.2em; }
.fnts-l { font-size: 20px; line-height: 1.2em; }
.fnts-xl { font-size: 24px; line-height: 1.2em; }
.fnts-xxl { font-size: 32px; line-height: 1.2em; }

.fnt-b { font-weight: bold !important; }
.fntw-l { font-weight: 100; letter-spacing: 1px; }

.fntc-white, a.fntc-white, a.fntc-white:hover, a.fntc-white:link, a.fntc-white:visited, .fntc-white i { color: #FFFFFF; text-decoration: none; }
.fntc-lgr, .fntc-lgr i { color: #cccccc; }
.fntc-dgr, .fntc-dgr i { color: #888888; }
.fntc-ddgr, .fntc-ddgr i { color: #555555; }
.fntc-blue, .fntc-blue i { color: #1E7CD6; }
.fntc-black, .fntc-black i, a.fntc-black, a.fntc-black:link, a.fntc-black:visited { color: #000000; }
.fntc-gr { color: #999999; }
.fntc-lightblue { color: #D2E5FF; }
.fntc-green, .fntc-green i { color: #7ccb7c; }
.fntc-orange, .fntc-orange i { color: #ffcb7f; }
.fntc-red, .fntc-red i, .fntc-red i { color: #CC0000; }
a.fntc-lgr:hover {
  color: #FFFFFF;
  text-decoration: none;
}
a.fntc-black:hover {
  color: #1E7CD6;
}
.cn-search-highlight { background-color: #FFFF00 }

.bg-w, .bg-ww { background-color: #FFFFFF; }
.bg-ddgr { background-color: #555555; }
.bg-mgr { background-color: #AAAAAA; }
.bg-gr { background-color: #DDDDDD; }
.bg-lgr { background-color: #F9F9F9; }
.bg-blue { background-color: #418fde; }
.bg-dblue { background-color: #003063; }
.bg-green { background-color: #5BB75B; color: #FFF; }
.bg-orange { background-color: #FF991F; }
.bg-light-yellow { background-color: #F5E3BC; }
.bg-light-blue { background-color: #D2E5FF; }
.bg-red { background-color: #DD0000; color: #FFFFFF; }
.bg-black { background-color: #000000; color: #FFFFFF; }
.bg-header { background-color: #003063; color: #FFFFFF; }
.bg-trn-light { background-color: rgba(255,255,255,0.4); }
.bg-trn-dark { background-color: rgba(0,0,0,0.15); }
.bg-trn-darker { background-color: rgba(0,0,0,0.35); }
.bg-row-bad, .bg-row-bad td { background-color: rgb(255, 164, 164); }
.bg-row-ok, .bg-row-ok td { background-color: rgb(255, 205, 164); }
.bg-edit { background-color: #EEEEEE; }
.bdr-not-selected {
  border: 3px solid transparent;
}
.bdr-selected {
  border: 3px solid #418fde;
}
.bdr {   border: 1px solid #DDDDDD; }
.bdrt {   border-top: 1px solid #DDDDDD; }
.bdrr {   border-right: 1px solid #DDDDDD; }
.bdrb {   border-bottom: 1px solid #DDDDDD; }
.bdrl {   border-left: 1px solid #DDDDDD; }

.bdrtt {   border-top: 2px solid #000000; }

.bdd {   border: 1px solid #BBBBBB; }
.bddt {   border-top: 1px solid #BBBBBB; }
.bddr {   border-right: 1px solid #BBBBBB; }
.bddb {   border-bottom: 1px solid #BBBBBB; }
.bddl {   border-left: 1px solid #BBBBBB; }

.bdw {   border: 1px solid #FFFFFF; }
.bdwt {   border-top: 1px solid #FFFFFF; }
.bdwr {   border-right: 1px solid #FFFFFF; }
.bdwb {   border-bottom: 1px solid #FFFFFF; }
.bdwl {   border-left: 1px solid #FFFFFF; }

.bdsl {   border: 1px solid rgba(255,255,255,0.3); }
.bdslt {   border-top: 1px solid rgba(255,255,255,0.3); }
.bdslr {   border-right: 1px solid rgba(255,255,255,0.3); }
.bdslb {   border-bottom: 1px solid rgba(255,255,255,0.3); }
.bdsll {   border-left: 1px solid rgba(255,255,255,0.3); }

.bdsd {   border: 1px solid rgba(0,0,0,0.1); }
.bdsdt {   border-top: 1px solid rgba(0,0,0,0.1); }
.bdsdr {   border-right: 1px solid rgba(0,0,0,0.1); }
.bdsdb {   border-bottom: 1px solid rgba(0,0,0,0.1); }
.bdsdl {   border-left: 1px solid rgba(0,0,0,0.1); }

.bdno {   border: none; }
.bdnot {   border-top: none; }
.bdnor {   border-right: none; }
.bdnob {   border-bottom: none; }
.bdnol {   border-left: none; }

.el-opacity5 { opacity: 0.5 }

.scrollable {
  overflow-y: auto;
}
body, .scrollable, .resized-panel {
  -webkit-overflow-scrolling: touch;
}

.wordwrap { 
  word-wrap: break-word;
}

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

.overflow-y { overflow:hidden; overflow-y: auto; }

.sdw-r {
  box-shadow: 1px 0 3px 0px rgba(0,0,0,0.2);
}
.sdw-t-i {
  box-shadow: inset 0 2px 5px 0px rgba(0,0,0,0.2);
}
.sdw-light {
  box-shadow: 0 0 1px 1px rgba(255,255,255,0.6);
}
a.plain, a.plain:hover, a.plain span, a.plain div {
  text-decoration: none;
}
.h-strkthru {
  background-image: url(../images2/dot_dark-1px.png);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: center center;
}
.h-strkthru.red {
  background-image: url(../images2/dot_red-1px.png);
}
.h-strkthru.dotted {
  background-image: url(../images2/dotted_light-1px.png);
  background-size: 2px 1px;
}
h1 {
  font-size: 32px; 
  display: inline-block; 
  vertical-align: top; 
  padding: 0; 
  margin: 0;
  line-height: 1.2em;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}
h1.fnt-r { font-size: 14px; line-height: 1em; }
h1.fnt-m { font-size: 16px; line-height: 1em; }
h1.fnt-l { font-size: 20px; line-height: 1em; }
h1.fnt-xl { font-size: 24px; line-height: 1em; }
h1.fnt-xxl { font-size: 32px; line-height: 1em; }
h1.invisible {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 1px;
  color: transparent;
}
.cover-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fnt-sdw {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

@media only screen and (max-width : 320px) {
  h1.fnt-r { font-size: 14px; }
  h1.fnt-m { font-size: 16px; }
  h1.fnt-l { font-size: 18px; }
  h1.fnt-xl { font-size: 20px; }
  h1.fnt-xxl { font-size: 28px; }
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.checkbox {
  min-height: 27px;
  margin-top: 0;
  margin-bottom: 0;
}
.checkbox label {
  font-weight: 300;
}
.checkbox input {
  margin-top: 2px;
}
.dd-el {
  position: relative;
}
.dd-el .twitter-typeahead {
  display: block !important;
}
.dd-el .clear-x {
  display: block;
  position: absolute;
  top: -2%;
  right: 0;
  background-image: url(../images2/icons/input_icon-x.png);
  background-size: 16px 16px;
  background-position: center center;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.dd-el > .dd {
  position: absolute;
  z-index: 200;
  top: 105%;
  left: 0;
  background-color: #FFFFFF;
  list-style: 0;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.dd-el > .dd > li > a {
  padding: 8px 15px;
  white-space: wrap;
  border-top: 1px solid #DDDDDD;
  text-decoration: none;
  color: #555555;
}
.dd-el > .dd > li > a:hover {
  background: #EEEEEE;
}
.dd-el > .dd > li > a > span {
  min-width: 320px;
  max-width: 360px;
  white-space: normal;
}
.dd-el > .dd > li:first-child > a {
  border-top: none;
}
.l50 .pbar { border-color: #DD0000; }
.l50 .pbar .brp { background-color: #DD0000; }
.l50 span { color: #DD0000; }
.l75 .pbar { border-color: #FF991F; }
.l75 .pbar .brp { background-color: #FF991F; }
.l75 span { color: #FF991F; }
.l100 .pbar { border-color: #5BB75B; }
.l100 .pbar .brp { background-color: #5BB75B; }
.l100 span { color: #5BB75B; }
.beta {
  display: inline-block;
  background-image: url(../images2/beta.png);
  background-size: 25px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 12px;
}
@media print {
    * {-webkit-print-color-adjust:exact;}
}
.cert-payment-estimate {
  width: 90%;
  display: block;
  text-align: left;
  padding: 20px;
  font-size: 12px;
  line-height: 1.2em;
}
@media (min-width:676px) {
.cert-payment-estimate {
    width: 290px;
    display: inline-block;
    text-align: left;
    padding: 20px;
    font-size: 12px;
    line-height: 1.2em;
  }
}
.toggle-button {
  width:20px;
  padding:0 10px;
  color:white;
  border-radius:3px;
}
.toggle-button.enabled {
  background-color:#5BB75B;
}
.toggle-button.disabled {
  background-color:#999999;
}
.rule-read-mode.enabled {
  border-left: 4px solid #5BB75B !important;
}
.rule-read-mode.disabled {
  border-left: 4px solid #999999 !important;
}

.backdrop {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1; }
  .backdrop.--show {
    z-index: 300;
    opacity: 1; }
    .backdrop.--show-add {
      z-index: 105;
      animation: fadeIn 0.5s both; }
    .backdrop.--show-remove {
      z-index: 105;
      animation: fadeOut 1s both; }

.backdrop-transparent {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  background-color: transparent; }
  .backdrop-transparent.--show {
    z-index: 300;
    opacity: 1; }
    .backdrop-transparent.--show-add {
      z-index: 105;
      animation: fadeIn 0.5s both; }
    .backdrop-transparent.--show-remove {
      z-index: 105;
      animation: fadeOut 1s both; }

.backdrop-popup {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1; }
  .backdrop-popup.--show {
    z-index: 300;
    opacity: 1; }
    .backdrop-popup.--show-add {
      z-index: 105;
      animation: fadeIn 0.5s both; }
    .backdrop-popup.--show-remove {
      z-index: 105;
      animation: fadeOut 1s both; }
  .backdrop-popup.--show {
    z-index: 401; }

.backdrop-alert {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1; }
  .backdrop-alert.--show {
    z-index: 300;
    opacity: 1; }
    .backdrop-alert.--show-add {
      z-index: 105;
      animation: fadeIn 0.5s both; }
    .backdrop-alert.--show-remove {
      z-index: 105;
      animation: fadeOut 1s both; }
  .backdrop-alert.--show {
    z-index: 501; }

    .carnow-module-modal-popup {
      position: fixed;
      float: left;
      top: 200%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: top 1s ease;
      border-radius: 6px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
      background-color: #ffffff;
      z-index: 500;
      max-height: 100vh;
      max-width: 95vw;
      min-width: 640px;
      /*.popup-close,
        .popup-close:focus {
            @include button;
            color: $gray-300;
            position: absolute;
            background: none;
            box-shadow: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            top: 10px;
            right: 10px;
            line-height: 36px;
            font-size: 32px;
            z-index: 100;
        }*/ }
      .carnow-module-modal-popup.--show {
        top: 50%; }
      .carnow-module-modal-popup.carnow-transparent-background {
        background: transparent;
        box-shadow: none;
        min-width: 0; }
      .carnow-module-modal-popup .carnow-module-modal-popup-inner {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
      .carnow-module-modal-popup .carnow-module-modal-popup-panel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel.--smaller-modal-popup-width {
          max-width: 640px;
          min-width: 632px; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-header {
          flex: 1 1 auto;
          padding: 32px 32px calc(32px / 4) 32px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-header .carnow-module-modal-popup-panel-header-title {
            font-size: 2.5rem;
            flex-wrap: nowrap; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-send-offer {
          width: 640px;
          min-width: 640px; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-spinner-container {
          height: 100px; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-body {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          flex-grow: 1;
          overflow-y: auto;
          max-height: 90vh;
          padding: 0 32px 32px 32px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body.--modal-body-top-padding {
            padding-top: 32px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body.no-padding {
            padding: 0 0 0 0; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body-horizontal-scrolling {
            overflow-x: auto;
            overflow-y: auto; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-form-section-gap {
            padding-left: 32px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-modal-body-header {
            font-size: 2.25rem;
            line-height: 1; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-header-wrap {
            white-space: normal; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body label textarea {
            padding: 16px;
            resize: none; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body input.carnow-module-modal-panel-fill-width-field {
            width: -webkit-fill-available !important;
            width: -moz-available !important; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body p.carnow-module-modal-panel-form-checkbox-field-label {
            font-weight: normal; }
            .carnow-module-modal-popup .carnow-module-modal-popup-panel-body p.carnow-module-modal-panel-form-checkbox-field-label > span {
              font-weight: normal; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body span.carnow-module-modal-panel-form-phone-message {
            display: block;
            font-size: 0.75rem;
            color: #525252;
            margin-top: 0;
            padding-left: 28px;
            padding-top: 3px;
            font-weight: normal; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-custom-file-upload-label {
            position: relative; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body input[type=file] {
            visibility: visible;
            opacity: 0;
            z-index: 1;
            cursor: pointer; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-custom-file-upload {
            position: absolute;
            left: 0;
            z-index: -1;
            top: 22px;
            display: flex;
            align-items: center;
            flex: 1;
            width: 100%; }
            .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-custom-file-upload span.carnow-module-file-upload-value-text {
              color: #525252;
              font-size: 0.875rem;
              font-weight: normal; }
            .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-custom-file-upload button.carnow-module-file-upload-custom-button {
              color: #0073ea;
              font-weight: bold;
              padding: 6px 16px;
              border-radius: 6px;
              border: solid 1px #e0e9ff;
              background-color: #ffffff;
              margin-right: 8px;
              cursor: pointer; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-text {
            margin-top: 20px;
            margin-bottom: 10px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-pre-text {
            white-space: pre-wrap; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-label {
            color: #166abf;
            display: block;
            font-weight: normal;
            margin-bottom: 5px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-icon {
            width: 136px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-key-value {
            color: #00af4a;
            font-size: 2.25rem;
            font-weight: bold; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-value .carnow-module-modal-popup-panel-value-bold {
            font-weight: bold; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-value .carnow-module-modal-popup-panel-value-light {
            color: #525252; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-body .carnow-module-modal-popup-panel-error {
            color: #de1515; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel span.carnow-module-modal-popup-msg-status-icon {
          font-size: 136px;
          color: #b7daff;
          padding: 0 64px 0 48px;
          display: flex;
          flex: 0 0 auto; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel h2.carnow-module-modal-popup-panel-body-status-msg {
          font-size: 2.5rem;
          overflow: visible;
          white-space: break-spaces !important; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel div.carnow-module-modal-popup-panel-body-request-msg {
          margin-top: 16px;
          color: #525252; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-form-buttons {
          margin-top: 24px;
          display: flex;
          justify-content: flex-end;
          align-items: baseline; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-form-buttons button {
            margin-left: 24px; }
            .carnow-module-modal-popup .carnow-module-modal-popup-panel-form-buttons button:first-child {
              margin: 0; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-form-errors {
          margin-top: 24px;
          display: flex;
          justify-content: flex-start;
          flex: 1 1 auto; }
        .carnow-module-modal-popup .carnow-module-modal-popup-panel-footer {
          flex: 1 0 auto;
          padding: 24px 32px 32px 32px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-panel-footer.no-padding {
            padding: 0 0 0 0; }
      .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info {
        width: 100%; }
        .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-image {
          width: 96px;
          height: 96px;
          line-height: 48px;
          overflow: hidden;
          border-radius: 6px; }
          .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-image img {
            width: 100%;
            height: 100%; }
        .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-name {
          font-weight: bold;
          margin-bottom: 8px; }
        .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-value {
          font-weight: bold;
          text-align: right; }
        .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-trim, .carnow-module-modal-popup .carnow-module-modal-popup-trade-in-info .carnow-module-modal-trade-car-mileage {
          font-weight: normal;
          color: #525252;
          font-size: 0.875rem; }