html {
  font-size: 14px; }

body {
  background: #F8F8F8; }

#critical-notice {
  padding: 20px;
  background: #C71414;
  color: #fff;
  width: 100%; }
  #critical-notice .content {
    text-align: center;
    margin: 0 0 15px 0; }
    #critical-notice .content p {
      padding: 0;
      margin: 0; }
  #critical-notice .button p {
    float: none;
    text-align: center;
    margin: 7px 0 0 0; }
    #critical-notice .button p a {
      border: 1px solid #fff;
      outline: none;
      font-weight: normal;
      color: #fff;
      height: 43px;
      line-height: 43px;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.8571rem;
      padding: 0 15px;
      background: none;
      text-decoration: none;
      display: block; }
    #critical-notice .button p a:hover {
      text-decoration: none; }

header {
  height: 65px;
  background: #000;
  color: #fff;
  padding: 0 20px; }
  header h2 {
    float: left;
    font-size: 1.143rem;
    padding: 23px 0 0 0;
    color: #fff; }
    header h2 a {
      text-decoration: none;
      color: #fff; }
    header h2 a:hover {
      text-decoration: none;
      color: #272727; }
    header h2 .secondary {
      font-size: 1rem;
      color: #818181;
      font-weight: normal; }
  header #m-cl-logo {
    padding: 22px 10px 0 0;
    float: left; }
    header #m-cl-logo h1 {
      float: left; }
      header #m-cl-logo h1 a {
        display: block;
        text-indent: -9999px;
        width: 27px;
        height: 21px;
        background: url(../img/admin/mobile-cl-logo.svg) no-repeat;
        background-size: 27px 21px; }
  header nav#secondary {
    float: right; }
    header nav#secondary ul {
      padding: 22px 0 0 0;
      margin: 0; }
      header nav#secondary ul li {
        list-style: none;
        display: inline-block;
        padding: 0 5px; }
        header nav#secondary ul li a {
          color: #fff; }
      header nav#secondary ul li:hover {
        cursor: pointer; }
  header #page-nav {
    float: right; }
    header #page-nav ul {
      margin: 16px 0 0 0; }
      header #page-nav ul li {
        margin: 0 0 0 5px;
        display: inline; }
        header #page-nav ul li a {
          border: 1px solid #229EC6;
          outline: none;
          font-weight: normal;
          color: #229EC6;
          height: 43px;
          border-radius: 3px;
          background-clip: padding-box;
          font-size: 0.8571rem;
          padding: 6px 15px;
          background: none; }
        header #page-nav ul li a:hover {
          border-color: #218CAF;
          color: #218CAF;
          cursor: pointer;
          text-decoration: none; }
      header #page-nav ul li.tertiary a {
        color: #939393;
        border-color: #939393; }

nav#main {
  width: 100vw;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  height: 100vh;
  min-height: 100vh;
  background: #141414;
  color: #fff;
  transition: all 0.3s;
  display: none;
  padding: 0 20px;
  overflow-y: scroll; }
  nav#main #cl-logo {
    display: none; }
  nav#main .closemenu {
    background: #484848;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 3px;
    background-clip: padding-box; }
    nav#main .closemenu p {
      font-size: 1rem;
      padding: 5px 10px 7px 10px;
      margin: 0;
      line-height: normal; }
    nav#main .closemenu p:hover {
      cursor: pointer;
      background: #727272;
      border-radius: 3px;
      background-clip: padding-box; }
  nav#main #sell {
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131; }
    nav#main #sell p {
      padding: 0;
      margin: 15px 0; }
      nav#main #sell p::after {
        display: block;
        content: "";
        clear: both; }
      nav#main #sell p a {
        text-align: center;
        border: 1px solid #A7E6FA;
        color: #A7E6FA;
        border-radius: 3px;
        background-clip: padding-box;
        padding: 10px 15px;
        display: block;
        margin: 0 auto;
        transition: all 0.3s; }
        nav#main #sell p a .text {
          padding: 0 0 0 8px; }
        nav#main #sell p a .tablettext {
          display: none; }
      nav#main #sell p a:hover {
        text-decoration: none;
        border: 1px solid #E0F8FF;
        color: #E0F8FF; }
  nav#main ul {
    width: 100%;
    padding: 0;
    margin: 0; }
    nav#main ul li {
      list-style: none; }
      nav#main ul li a {
        color: #CBCBCB;
        padding: 15px 0;
        display: block;
        width: 100%;
        line-height: normal; }
        nav#main ul li a .icon {
          font-size: 1rem; }
          nav#main ul li a .icon.dropdown {
            float: right;
            font-size: 0.5rem;
            margin: 4px 0 0 0; }
        nav#main ul li a .navtext {
          font-size: 1.143rem;
          padding: 0 0 0 10px; }
      nav#main ul li a:hover {
        text-decoration: none;
        color: #fff; }
      nav#main ul li a.active {
        font-weight: 600;
        color: #fff; }
      nav#main ul li ul.secondary {
        margin: 0 0 0 30px;
        display: none; }
        nav#main ul li ul.secondary li a {
          padding: 15px 0; }

#admin-page-container {
  padding: 20px 5px; }

/* re-usable loader */
.loading-outer {
  position: relative;
  min-height: 200px; }

#loading {
  padding: 100px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1001; }
  #loading .page-loader {
    position: absolute;
    top: 100px;
    left: 50%;
    height: 40px;
    width: 50px;
    margin: -20px 0 0 -25px; }
    #loading .page-loader .spinner {
      margin: 0 auto;
      width: 50px;
      height: 40px;
      text-align: center;
      font-size: 10px; }
    #loading .page-loader .spinner > div {
      background-color: #265AB7;
      background: #000;
      height: 100%;
      width: 6px;
      display: inline-block;
      animation: sk-stretchdelay 1.2s infinite ease-in-out; }
    #loading .page-loader .spinner .rect2 {
      animation-delay: -1.1s; }
    #loading .page-loader .spinner .rect3 {
      animation-delay: -1.0s; }
    #loading .page-loader .spinner .rect4 {
      animation-delay: -0.9s; }
    #loading .page-loader .spinner .rect5 {
      animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

#loading.middle .page-loader {
  position: absolute;
  top: 50%;
  left: 50%; }

#loading.bottom .page-loader {
  position: absolute;
  top: auto;
  bottom: 100px;
  left: 50%; }

.lds-dual-ring {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left; }

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#bare-page-container {
  padding: 60px 0; }

.page-container .sub-heading {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #BCBCBC; }
  .page-container .sub-heading h2 {
    font-size: 1.857rem;
    font-size: 2rem;
    padding: 0;
    margin: 0; }

.page-container .sub-heading.no-margin {
  margin-bottom: 0; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap */
/*
Small devices (landscape phones, 576px and up)
*/
/* // Medium devices (tablets, 768px and up) */
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  header {
    background: #fff;
    color: #000; }
    header h2 {
      color: #272727; }
      header h2 a {
        color: #272727; }
      header h2 a:hover {
        text-decoration: none;
        color: #272727; }
  header #m-cl-logo {
    display: none; }
  header nav#secondary {
    display: none; }
  #admin-container {
    min-height: 100vh;
    transition: all 0.3s;
    padding-left: 250px; }
  .closemenu {
    display: none; }
  nav#main {
    display: block !important;
    width: 250px;
    float: left;
    min-height: 100vh;
    color: #fff;
    transition: all 0.3s;
    padding: 0 30px; }
    nav#main #cl-logo {
      display: block; }
      nav#main #cl-logo h1 {
        margin: 35px 0 35px 0; }
        nav#main #cl-logo h1 a {
          text-indent: -9999px;
          display: block;
          width: 100%;
          height: auto;
          background: url(../img/admin/cl-logo.svg) no-repeat;
          background-position: 0 0;
          margin: 0; }
    nav#main ul li {
      text-align: left; }
      nav#main ul li a {
        padding: 20px 0; }
        nav#main ul li a .icon {
          float: left;
          width: 20px; }
        nav#main ul li a .navtext {
          width: auto;
          float: none;
          font-size: 1rem;
          padding: 0 0 0 10px; }
    nav#main #sell {
      margin: 0 0 15px 0; }
      nav#main #sell p {
        margin: 25px 0; }
        nav#main #sell p a .text {
          display: inline; }
        nav#main #sell p a .tablettext {
          display: none; }
  header h2 {
    font-size: 1.429rem;
    padding: 22px 0 0 0; }
  #critical-notice {
    padding: 0 20px;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: -ms-flexbox;
    display: flex; }
    #critical-notice .content {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      text-align: left;
      margin: 0; }
      #critical-notice .content p {
        line-height: 60px; }
  body.criticalnotice-activated #admin-container {
    min-height: calc(100vh - 60px);
    padding-top: 60px; }
  body.criticalnotice-activated nav#main {
    height: calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    top: 60px; } }

/*// Extra large devices (large desktops, 1200px and up)*/
@media screen and (max-width: 767px) {
  input, select, textarea {
    font-size: 16px; } }

/* Buttons - move into a common css file */
.form-submit-cta {
  /*background:#229EC6;*/
  background: #222222;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease;
  margin: 0 10px 0 0;
  width: 100%; }
  .form-submit-cta a {
    color: #fff;
    line-height: 43px;
    display: block;
    margin: 0 -20px; }
    .form-submit-cta a:hover {
      text-decoration: none; }

.form-submit-cta:hover {
  background: #000;
  cursor: pointer; }

.form-submit-cta.disabled {
  background: #F2F2F2;
  cursor: not-allowed; }

.form-submit-cta.disabled:hover {
  cursor: not-allowed; }

/* secondard cta */
.form-submit-secondary-cta {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  background: none;
  transition: all 0.3s ease-out;
  margin: 0 10px 0 0;
  width: 100%; }
  .form-submit-secondary-cta:hover {
    border-color: #218CAF;
    color: #218CAF;
    cursor: pointer; }

/* second cta grey */
.form-submit-secondary-cta.grey {
  border-color: #595959;
  color: #595959; }

.form-submit-secondary-cta.grey:hover {
  border-color: #000;
  color: #000; }

.form-submit-secondary-cta.marginleft {
  margin-left: 15px; }

.form-submit-secondary-cta.marginright {
  margin-right: 15px; }

/* Step Heading Buttons (currently unused) */
button.stepheaderaction {
  float: right;
  color: #229EC6;
  border: 1px solid #229EC6;
  background: none;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.6429rem;
  text-transform: uppercase;
  padding: 7px 10px 5px 10px;
  margin: -4px 0 0 0; }

button.stepheaderaction:hover {
  cursor: pointer; }

button.admin-secondary-header, ul.nav li.admin-secondary-header a {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.7143rem;
  padding: 7px 7px 5px 7px;
  margin: 0 0 0 5px;
  height: auto;
  background: none;
  text-decoration: none; }

/* Alternative use of button for href anchors - few hacks needed*/
ul.nav li.admin-secondary-header {
  margin-top: 3px;
  display: inline-block; }
  ul.nav li.admin-secondary-header::after {
    display: block;
    content: "";
    clear: both; }
  ul.nav li.admin-secondary-header a {
    padding: 8px 7px 7px 7px; }

button.admin-secondary-header:hover, ul.nav li.admin-secondary-header a:hover {
  border-color: #218CAF;
  color: #218CAF;
  cursor: pointer;
  text-decoration: none; }

button.tertiary {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 6px 15px 4px 15px;
  background: none; }

button.tertiary:hover {
  border-color: #218CAF;
  color: #218CAF;
  cursor: pointer;
  text-decoration: none; }

p.form-text-action {
  color: #272727;
  display: inline-block;
  font-size: 0.8571rem;
  margin: 13px 0 0 10px; }

p.form-text-action:hover {
  cursor: pointer; }

section.module .heading .dateselector {
  margin-top: -5px; }

.dateselector {
  float: right;
  border: 1px solid #707070;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 5px 0; }
  .dateselector .icon {
    color: #5D5D5D;
    font-size: 0.5714rem;
    float: left;
    padding: 3px 10px 0 10px;
    transition: color 0.5s ease; }
  .dateselector .icon:hover {
    cursor: pointer;
    color: #000; }
  .dateselector .text {
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #5D5D5D;
    padding: 2px 0 0 0;
    margin: 0;
    float: left;
    font-weight: normal; }

/* Card buttons */
button.primary {
  background: #1D1D1D;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }

button.primary:hover {
  background: #000;
  cursor: pointer; }

button.moreoptions {
  background: none;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #000;
  height: 43px;
  width: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.3rem;
  transition: background-color 0.5s ease; }

button.moreoptions:hover {
  cursor: pointer; }

button.delete-card {
  padding: 15px 20px;
  outline: none;
  border: none;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.9286rem;
  margin: 0 10px;
  transition: all 0.3s ease-out;
  background-color: #D82121;
  color: #fff; }

button.delete-card:hover {
  background-color: #BF1717;
  cursor: pointer; }

.card-btn {
  padding: 0;
  margin: 0;
  outline: none;
  font-weight: normal;
  border: 0; }
  .card-btn a {
    border-radius: 3px;
    background-clip: padding-box;
    transition: background-color 0.5s ease;
    line-height: 43px;
    float: left;
    font-size: 0.8571rem;
    padding: 0 20px; }
  .card-btn a:hover {
    text-decoration: none; }
  .card-btn.center a {
    float: none;
    display: block; }

.card-btn.primary a {
  background: #1D1D1D;
  color: #fff; }

.card-btn.primary a:hover {
  background: #000; }

button.form-add {
  background: #1D1D1D;
  color: #fff;
  font-size: 0.8571rem;
  border: none;
  outline: none;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  margin: 0 0 25px 0; }

button.form-add:hover {
  background: #000; }

button.form-cancel {
  font-size: 0.8571rem;
  border: none;
  outline: none;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  background: #fff;
  color: #535353;
  margin: 0 0 25px 0; }

button.form-cancel:hover {
  color: #000; }

#toggle-additional-feeds {
  text-align: center;
  padding: 30px 0 0 0; }
  #toggle-additional-feeds p {
    background: #222222;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border-radius: 25px;
    background-clip: padding-box;
    font-size: 0.8571rem;
    padding: 0 20px;
    margin: 0;
    transition: all 0.3s ease; }
    #toggle-additional-feeds p .text {
      padding: 0 0 0 5px; }
    #toggle-additional-feeds p:hover {
      cursor: pointer;
      background: #000; }

/* table action buttons */
/*table {*/
.actionbuttons ul {
  padding: 0;
  margin: 0; }
  .actionbuttons ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 5px; }
    .actionbuttons ul li a {
      border: 1px solid #ACACAC;
      border-radius: 3px;
      background-clip: padding-box;
      color: #9F9F9F;
      font-size: 0.7857rem;
      margin: 0 0 0 10px;
      padding: 7px 5px;
      transition: all 0.3s ease-out; }
      .actionbuttons ul li a .text {
        padding: 0 0 0 3px; }
    .actionbuttons ul li a:first-child {
      margin-left: 0; }
    .actionbuttons ul li a:hover {
      text-decoration: none;
      color: #55555A;
      border-color: #727379; }
  .actionbuttons ul li:first-child {
    margin-left: 0; }

/*}*/
/* leads contact view vehicle */
.slimprimary-cta {
  background: #229EC6;
  outline: none;
  font-weight: normal;
  text-align: center;
  border: 0;
  color: #fff;
  line-height: 33px;
  width: 100%;
  display: block;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }

.slimprimary-cta:hover {
  background: #218CAF;
  cursor: pointer;
  color: #fff;
  text-decoration: none; }

/* add vehicle VRM lookup */
.registration-lookup-primary {
  background: #000;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 42px;
  width: 100%;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }
  .registration-lookup-primary:hover {
    background: #222222;
    cursor: pointer; }

/* add vehicle VRM lookup */
.registration-lookup-secondary {
  background: none;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 42px;
  width: 100%;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #fff;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }
  .registration-lookup-secondary:hover {
    background: #fff;
    color: #000;
    cursor: pointer; }

/* add page add features */
.add-features {
  background: #070707;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 37px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 15px;
  transition: background-color 0.5s ease; }

.add-features.align-right {
  float: right; }

.connectfacebook {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .connectfacebook.center {
    margin: 0 auto;
    width: 100%; }
  .connectfacebook a {
    border-radius: 3px;
    background-clip: padding-box;
    display: inline-block;
    line-height: 47px;
    background: #4267B2;
    padding: 0 20px;
    color: #fff;
    font-size: 1rem;
    transition: background-color 0.5s ease; }
    .connectfacebook a:hover {
      text-decoration: none;
      background: #3C5EA2; }
    .connectfacebook a i.icon {
      width: auto;
      height: auto;
      margin: 0;
      display: inline-block; }

p.action-required {
  padding: 0;
  margin: 0;
  font-size: 0.8571rem;
  display: inline-block;
  width: 100%;
  text-align: center; }
  p.action-required a {
    background: #222222;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    background-clip: padding-box;
    transition: all 0.3s ease;
    display: block; }
    p.action-required a .text {
      padding: 0 0 0 10px;
      margin: 0 0 0 5px;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
    p.action-required a:hover {
      text-decoration: none;
      background: #000; }

p.action-requested {
  font-size: 0.8571rem;
  background: #007bff;
  color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 7px;
  margin: 0;
  text-align: center;
  display: block; }

#page-btns {
  margin: 0 0 20px 0; }
  #page-btns .btn:nth-child(2) {
    margin: 10px 0 0 0; }

.button-options {
  margin: 0 0 20px 0; }
  .button-options label.divider {
    text-align: center;
    width: 100%;
    margin: 5px 0 15px 0; }
  .button-options button {
    border: 1px solid #EDEDED;
    color: #595959;
    background: none;
    outline: none;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 0.8571rem;
    padding: 0 20px;
    transition: all 0.5s ease;
    margin: 0 0 10px 0;
    width: 100%; }
    .button-options button:hover {
      border-color: #7E7E7E;
      color: #000;
      text-decoration: none; }
    .button-options button.active {
      background: #0079FF;
      font-weight: bold;
      color: #fff;
      border-color: #0079FF; }
    .button-options button.sm {
      line-height: 40px;
      height: 40px;
      padding: 0 25px;
      width: auto; }

ul.button-options {
  padding: 0;
  margin: 0 0 20px 0; }
  ul.button-options li {
    display: inline-block; }
    ul.button-options li a {
      border: 1px solid #EDEDED;
      color: #595959;
      height: 38px;
      line-height: 38px;
      margin: 0 15px 0 0;
      display: block;
      padding: 0 20px;
      border-radius: 3px;
      background-clip: padding-box;
      transition: all 0.3s ease;
      font-size: 0.8571rem; }
      ul.button-options li a:hover {
        border-color: #7E7E7E;
        color: #000;
        text-decoration: none; }
      ul.button-options li a.active {
        border-color: #0079FF;
        background: #0079FF;
        color: #fff; }

@media (min-width: 768px) {
  #page-btns .btn:nth-child(2) {
    margin: 0 0 0 0; }
  .form-submit-cta, .form-submit-secondary-cta {
    width: auto; }
  .button-options label.divider {
    text-align: normal;
    width: auto;
    margin: 0 10px 0 0; }
  .button-options button {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 180px; } }

#pagination {
  border-top: 1px solid #EBEBEB;
  padding: 40px 0; }
  #pagination ul {
    text-align: center;
    padding: 0;
    margin: 0; }
    #pagination ul li {
      margin: 0 10px;
      list-style: none;
      display: inline-block; }
    #pagination ul li.page a {
      color: #A2A2A2;
      padding: 0 10px; }
    #pagination ul li.page a:hover {
      color: #000; }
    #pagination ul li.page.active a {
      font-weight: bold;
      color: #000; }
    #pagination ul li.first a, #pagination ul li.prev a, #pagination ul li.next a, #pagination ul li.last a {
      background: #000;
      color: #fff;
      padding: 10px 15px;
      border-radius: 3px;
      background-clip: padding-box; }
    #pagination ul li.first a:hover, #pagination ul li.prev a:hover, #pagination ul li.next a:hover, #pagination ul li.last a:hover {
      text-decoration: none; }
    #pagination ul li.disabled a {
      background: #D3D3D3; }
    #pagination ul li.page, #pagination ul li.first, #pagination ul li.last {
      display: none; }

@media (min-width: 768px) {
  #pagination ul li.page, #pagination ul li.first, #pagination ul li.last {
    display: inline-block; } }

/* Buttons - move into a common css file */
.form-submit-cta {
  /*background:#229EC6;*/
  background: #222222;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease;
  margin: 0 10px 0 0;
  width: 100%; }
  .form-submit-cta a {
    color: #fff;
    line-height: 43px;
    display: block;
    margin: 0 -20px; }
    .form-submit-cta a:hover {
      text-decoration: none; }

.form-submit-cta:hover {
  background: #000;
  cursor: pointer; }

.form-submit-cta.disabled {
  background: #F2F2F2;
  cursor: not-allowed; }

.form-submit-cta.disabled:hover {
  cursor: not-allowed; }

/* secondard cta */
.form-submit-secondary-cta {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  background: none;
  transition: all 0.3s ease-out;
  margin: 0 10px 0 0;
  width: 100%; }
  .form-submit-secondary-cta:hover {
    border-color: #218CAF;
    color: #218CAF;
    cursor: pointer; }

/* second cta grey */
.form-submit-secondary-cta.grey {
  border-color: #595959;
  color: #595959; }

.form-submit-secondary-cta.grey:hover {
  border-color: #000;
  color: #000; }

.form-submit-secondary-cta.marginleft {
  margin-left: 15px; }

.form-submit-secondary-cta.marginright {
  margin-right: 15px; }

/* Step Heading Buttons (currently unused) */
button.stepheaderaction {
  float: right;
  color: #229EC6;
  border: 1px solid #229EC6;
  background: none;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.6429rem;
  text-transform: uppercase;
  padding: 7px 10px 5px 10px;
  margin: -4px 0 0 0; }

button.stepheaderaction:hover {
  cursor: pointer; }

button.admin-secondary-header, ul.nav li.admin-secondary-header a {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.7143rem;
  padding: 7px 7px 5px 7px;
  margin: 0 0 0 5px;
  height: auto;
  background: none;
  text-decoration: none; }

/* Alternative use of button for href anchors - few hacks needed*/
ul.nav li.admin-secondary-header {
  margin-top: 3px;
  display: inline-block; }
  ul.nav li.admin-secondary-header::after {
    display: block;
    content: "";
    clear: both; }
  ul.nav li.admin-secondary-header a {
    padding: 8px 7px 7px 7px; }

button.admin-secondary-header:hover, ul.nav li.admin-secondary-header a:hover {
  border-color: #218CAF;
  color: #218CAF;
  cursor: pointer;
  text-decoration: none; }

button.tertiary {
  border: 1px solid #229EC6;
  outline: none;
  font-weight: normal;
  color: #229EC6;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 6px 15px 4px 15px;
  background: none; }

button.tertiary:hover {
  border-color: #218CAF;
  color: #218CAF;
  cursor: pointer;
  text-decoration: none; }

p.form-text-action {
  color: #272727;
  display: inline-block;
  font-size: 0.8571rem;
  margin: 13px 0 0 10px; }

p.form-text-action:hover {
  cursor: pointer; }

section.module .heading .dateselector {
  margin-top: -5px; }

.dateselector {
  float: right;
  border: 1px solid #707070;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 5px 0; }
  .dateselector .icon {
    color: #5D5D5D;
    font-size: 0.5714rem;
    float: left;
    padding: 3px 10px 0 10px;
    transition: color 0.5s ease; }
  .dateselector .icon:hover {
    cursor: pointer;
    color: #000; }
  .dateselector .text {
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #5D5D5D;
    padding: 2px 0 0 0;
    margin: 0;
    float: left;
    font-weight: normal; }

/* Card buttons */
button.primary {
  background: #1D1D1D;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }

button.primary:hover {
  background: #000;
  cursor: pointer; }

button.moreoptions {
  background: none;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #000;
  height: 43px;
  width: 43px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.3rem;
  transition: background-color 0.5s ease; }

button.moreoptions:hover {
  cursor: pointer; }

button.delete-card {
  padding: 15px 20px;
  outline: none;
  border: none;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.9286rem;
  margin: 0 10px;
  transition: all 0.3s ease-out;
  background-color: #D82121;
  color: #fff; }

button.delete-card:hover {
  background-color: #BF1717;
  cursor: pointer; }

.card-btn {
  padding: 0;
  margin: 0;
  outline: none;
  font-weight: normal;
  border: 0; }
  .card-btn a {
    border-radius: 3px;
    background-clip: padding-box;
    transition: background-color 0.5s ease;
    line-height: 43px;
    float: left;
    font-size: 0.8571rem;
    padding: 0 20px; }
  .card-btn a:hover {
    text-decoration: none; }
  .card-btn.center a {
    float: none;
    display: block; }

.card-btn.primary a {
  background: #1D1D1D;
  color: #fff; }

.card-btn.primary a:hover {
  background: #000; }

button.form-add {
  background: #1D1D1D;
  color: #fff;
  font-size: 0.8571rem;
  border: none;
  outline: none;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  margin: 0 0 25px 0; }

button.form-add:hover {
  background: #000; }

button.form-cancel {
  font-size: 0.8571rem;
  border: none;
  outline: none;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  background: #fff;
  color: #535353;
  margin: 0 0 25px 0; }

button.form-cancel:hover {
  color: #000; }

#toggle-additional-feeds {
  text-align: center;
  padding: 30px 0 0 0; }
  #toggle-additional-feeds p {
    background: #222222;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border-radius: 25px;
    background-clip: padding-box;
    font-size: 0.8571rem;
    padding: 0 20px;
    margin: 0;
    transition: all 0.3s ease; }
    #toggle-additional-feeds p .text {
      padding: 0 0 0 5px; }
    #toggle-additional-feeds p:hover {
      cursor: pointer;
      background: #000; }

/* table action buttons */
/*table {*/
.actionbuttons ul {
  padding: 0;
  margin: 0; }
  .actionbuttons ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 5px; }
    .actionbuttons ul li a {
      border: 1px solid #ACACAC;
      border-radius: 3px;
      background-clip: padding-box;
      color: #9F9F9F;
      font-size: 0.7857rem;
      margin: 0 0 0 10px;
      padding: 7px 5px;
      transition: all 0.3s ease-out; }
      .actionbuttons ul li a .text {
        padding: 0 0 0 3px; }
    .actionbuttons ul li a:first-child {
      margin-left: 0; }
    .actionbuttons ul li a:hover {
      text-decoration: none;
      color: #55555A;
      border-color: #727379; }
  .actionbuttons ul li:first-child {
    margin-left: 0; }

/*}*/
/* leads contact view vehicle */
.slimprimary-cta {
  background: #229EC6;
  outline: none;
  font-weight: normal;
  text-align: center;
  border: 0;
  color: #fff;
  line-height: 33px;
  width: 100%;
  display: block;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }

.slimprimary-cta:hover {
  background: #218CAF;
  cursor: pointer;
  color: #fff;
  text-decoration: none; }

/* add vehicle VRM lookup */
.registration-lookup-primary {
  background: #000;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 42px;
  width: 100%;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }
  .registration-lookup-primary:hover {
    background: #222222;
    cursor: pointer; }

/* add vehicle VRM lookup */
.registration-lookup-secondary {
  background: none;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 42px;
  width: 100%;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #fff;
  font-size: 0.8571rem;
  padding: 0 20px;
  transition: background-color 0.5s ease; }
  .registration-lookup-secondary:hover {
    background: #fff;
    color: #000;
    cursor: pointer; }

/* add page add features */
.add-features {
  background: #070707;
  outline: none;
  font-weight: normal;
  border: 0;
  color: #fff;
  height: 37px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.8571rem;
  padding: 0 15px;
  transition: background-color 0.5s ease; }

.add-features.align-right {
  float: right; }

.connectfacebook {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .connectfacebook.center {
    margin: 0 auto;
    width: 100%; }
  .connectfacebook a {
    border-radius: 3px;
    background-clip: padding-box;
    display: inline-block;
    line-height: 47px;
    background: #4267B2;
    padding: 0 20px;
    color: #fff;
    font-size: 1rem;
    transition: background-color 0.5s ease; }
    .connectfacebook a:hover {
      text-decoration: none;
      background: #3C5EA2; }
    .connectfacebook a i.icon {
      width: auto;
      height: auto;
      margin: 0;
      display: inline-block; }

p.action-required {
  padding: 0;
  margin: 0;
  font-size: 0.8571rem;
  display: inline-block;
  width: 100%;
  text-align: center; }
  p.action-required a {
    background: #222222;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    background-clip: padding-box;
    transition: all 0.3s ease;
    display: block; }
    p.action-required a .text {
      padding: 0 0 0 10px;
      margin: 0 0 0 5px;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
    p.action-required a:hover {
      text-decoration: none;
      background: #000; }

p.action-requested {
  font-size: 0.8571rem;
  background: #007bff;
  color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 7px;
  margin: 0;
  text-align: center;
  display: block; }

#page-btns {
  margin: 0 0 20px 0; }
  #page-btns .btn:nth-child(2) {
    margin: 10px 0 0 0; }

.button-options {
  margin: 0 0 20px 0; }
  .button-options label.divider {
    text-align: center;
    width: 100%;
    margin: 5px 0 15px 0; }
  .button-options button {
    border: 1px solid #EDEDED;
    color: #595959;
    background: none;
    outline: none;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 0.8571rem;
    padding: 0 20px;
    transition: all 0.5s ease;
    margin: 0 0 10px 0;
    width: 100%; }
    .button-options button:hover {
      border-color: #7E7E7E;
      color: #000;
      text-decoration: none; }
    .button-options button.active {
      background: #0079FF;
      font-weight: bold;
      color: #fff;
      border-color: #0079FF; }
    .button-options button.sm {
      line-height: 40px;
      height: 40px;
      padding: 0 25px;
      width: auto; }

ul.button-options {
  padding: 0;
  margin: 0 0 20px 0; }
  ul.button-options li {
    display: inline-block; }
    ul.button-options li a {
      border: 1px solid #EDEDED;
      color: #595959;
      height: 38px;
      line-height: 38px;
      margin: 0 15px 0 0;
      display: block;
      padding: 0 20px;
      border-radius: 3px;
      background-clip: padding-box;
      transition: all 0.3s ease;
      font-size: 0.8571rem; }
      ul.button-options li a:hover {
        border-color: #7E7E7E;
        color: #000;
        text-decoration: none; }
      ul.button-options li a.active {
        border-color: #0079FF;
        background: #0079FF;
        color: #fff; }

@media (min-width: 768px) {
  #page-btns .btn:nth-child(2) {
    margin: 0 0 0 0; }
  .form-submit-cta, .form-submit-secondary-cta {
    width: auto; }
  .button-options label.divider {
    text-align: normal;
    width: auto;
    margin: 0 10px 0 0; }
  .button-options button {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 180px; } }

/* generic form styles cross app */
.app-forms .step {
  margin: 40px 0 0 0; }
  .app-forms .step h2 {
    font-size: 1.286rem;
    float: left;
    padding: 0;
    margin: 0; }
    .app-forms .step h2 .secondary {
      font-size: 1rem;
      font-weight: normal;
      font-style: italic; }
  .app-forms .step .step-header {
    padding: 0 0 10px 0; }

.app-forms .cl-form-row {
  /*margin: 0 0 20px 0;*/ }
  .app-forms .cl-form-row .password-container {
    padding: 0 0 20px 0; }
  .app-forms .cl-form-row .inline-form-message {
    background: #333333;
    padding: 10px 15px;
    margin: 20px 0;
    border-radius: 3px;
    background-clip: padding-box; }
    .app-forms .cl-form-row .inline-form-message.nomargin {
      margin: 0; }
    .app-forms .cl-form-row .inline-form-message.nomargin-top {
      margin-top: 0; }
    .app-forms .cl-form-row .inline-form-message p {
      color: #fff;
      font-size: 0.8571rem;
      padding: 0;
      margin: 0; }
    .app-forms .cl-form-row .inline-form-message .icon {
      font-size: 0.8571rem;
      margin: 0 5px 0 0;
      color: #fff;
      float: left;
      display: block; }
  .app-forms .cl-form-row label {
    font-size: 1rem;
    color: #000; }
  .app-forms .cl-form-row label.error {
    color: #B91212; }
  .app-forms .cl-form-row label[for] {
    padding: 0;
    margin: 0; }
  .app-forms .cl-form-row label[for]:hover {
    cursor: pointer; }
  .app-forms .cl-form-row input[type="text"], .app-forms .cl-form-row input[type="password"] {
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    background-clip: padding-box;
    height: 50px;
    width: 100%;
    padding: 0 0 0 15px;
    font-size: 0.8571rem;
    margin: 0 0 25px 0;
    transition: border 500ms ease-out; }
    .app-forms .cl-form-row input[type="text"].uppercase, .app-forms .cl-form-row input[type="password"].uppercase {
      text-transform: uppercase; }
  .app-forms .cl-form-row input[type="text"]:focus, .app-forms .cl-form-row input[type="password"]:focus {
    border: 1px solid #898989; }
  .app-forms .cl-form-row input[type="text"].error, .app-forms .cl-form-row input[type="password"].error {
    border-color: #B91212; }
  .app-forms .cl-form-row input[type="radio"]:hover {
    cursor: pointer; }
  .app-forms .cl-form-row input[readonly="readonly"] {
    border-color: #E2E2E2;
    cursor: not-allowed; }
  .app-forms .cl-form-row input[type="text"].uppercase {
    text-transform: uppercase; }
  .app-forms .cl-form-row input[type="text"].uppercase:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none; }
  .app-forms .cl-form-row input[type="text"].uppercase::placeholder {
    /* Recent browsers */
    text-transform: none; }
  .app-forms .cl-form-row input[type="text"].nomarginbottom {
    margin-bottom: 0; }
  .app-forms .cl-form-row textarea {
    width: 100%;
    height: 200px;
    /*border:1px solid #898989;*/
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 15px;
    margin: 0 0 25px 0;
    transition: border 500ms ease-out; }
  .app-forms .cl-form-row textarea.error {
    border-color: #B91212; }
  .app-forms .cl-form-row textarea:focus {
    border: 1px solid #898989; }
  .app-forms .cl-form-row textarea.usercomments {
    height: 333px; }
  .app-forms .cl-form-row .faux-input {
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    background-clip: padding-box;
    height: 50px;
    width: 100%;
    padding: 0 0 0 15px;
    font-size: 0.8571rem;
    margin: 0 0 25px 0;
    transition: border 500ms ease-out;
    display: -ms-flexbox;
    display: flex; }
    .app-forms .cl-form-row .faux-input input[type="text"] {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      float: left;
      height: 48px;
      width: auto;
      padding: 0 0 0 15px;
      margin: 0;
      border: 0; }
    .app-forms .cl-form-row .faux-input select {
      -ms-flex: 0 0 95px;
          flex: 0 0 95px;
      float: left;
      display: block;
      padding: 16px 0 15px 0 !important;
      width: auto;
      height: auto !important;
      border: 0;
      border-right: 1px solid #E2E2E2;
      border-radius: 0;
      background-color: #fff;
      color: #000;
      font-size: 12px;
      line-height: 16px !important;
      appearance: none;
      /* this is must */
      -webkit-appearance: none;
      -moz-appearance: none; }
      .app-forms .cl-form-row .faux-input select:hover, .app-forms .cl-form-row .faux-input select.filled {
        cursor: pointer; }
  .app-forms .cl-form-row .single-checkbox {
    margin: 25px 0 0 0; }
  .app-forms .cl-form-row .opening-hours {
    padding: 0 0 20px 0; }
    .app-forms .cl-form-row .opening-hours::after {
      display: block;
      content: "";
      clear: both; }
    .app-forms .cl-form-row .opening-hours .day-choose {
      float: left; }
      .app-forms .cl-form-row .opening-hours .day-choose label.day {
        width: 90px;
        float: left;
        padding: 7px 0 0 0;
        margin: 0; }
      .app-forms .cl-form-row .opening-hours .day-choose .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 0.8571rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
      .app-forms .cl-form-row .opening-hours .day-choose .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff; }
      .app-forms .cl-form-row .opening-hours .day-choose .btn-default {
        color: #000;
        background-color: #C9C8C8;
        border-color: #C9C8C8; }
      .app-forms .cl-form-row .opening-hours .day-choose .toggle-handle {
        position: relative;
        margin: 0 auto;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 100%;
        width: 0px;
        border-width: 0 1px;
        background-color: #fff; }
      .app-forms .cl-form-row .opening-hours .day-choose .toggle-group label, .app-forms .cl-form-row .opening-hours .day-choose .toggle-group span {
        cursor: pointer; }
      .app-forms .cl-form-row .opening-hours .day-choose .app-forms .cl-form-row label.btn-primary {
        color: #fff;
        font-size: 0.8571rem; }
      .app-forms .cl-form-row .opening-hours .day-choose .app-forms .cl-form-row label.btn-light {
        color: #000;
        font-size: 0.8571rem; }
    .app-forms .cl-form-row .opening-hours .opening-closing {
      float: right; }
      .app-forms .cl-form-row .opening-hours .opening-closing::after {
        display: block;
        content: "";
        clear: both; }
      .app-forms .cl-form-row .opening-hours .opening-closing .hours {
        float: left;
        padding: 0 0 0 10px; }
        .app-forms .cl-form-row .opening-hours .opening-closing .hours .cl-dropdown {
          width: 100%; }
        .app-forms .cl-form-row .opening-hours .opening-closing .hours .cl-dropdown button.dropdown-toggle {
          width: 115px;
          height: 36px;
          line-height: 36px;
          padding: 0 10px;
          margin: 0; }
          .app-forms .cl-form-row .opening-hours .opening-closing .hours .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
            line-height: 36px; }
  .app-forms .cl-form-row.disabled > * {
    color: #ADADAD; }
    .app-forms .cl-form-row.disabled > *:hover {
      cursor: not-allowed; }
  .app-forms .cl-form-row.disabled input:disabled {
    background-color: #F5F5F5; }

.app-forms .cl-form-row.divider-top {
  border-top: 1px solid #E2E2E2;
  padding-top: 20px; }

.app-forms .cl-form-row.divider-bottom {
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 20px; }

.app-forms #form-submit {
  text-align: left; }
  .app-forms #form-submit p.terms {
    font-size: 1rem;
    color: #4D4D4D;
    padding: 0;
    margin: 0 0 20px 0; }
    .app-forms #form-submit p.terms a {
      color: #4D4D4D;
      text-decoration: underline; }
      .app-forms #form-submit p.terms a:hover {
        text-decoration: none; }
  .app-forms #form-submit p.forgot-password {
    margin: 15px 0 0 0; }
    .app-forms #form-submit p.forgot-password a {
      color: #595959;
      font-size: 1rem;
      transition: color 0.5s ease; }
    .app-forms #form-submit p.forgot-password a:hover {
      color: #000;
      text-decoration: none; }

.app-forms ul.feature-list {
  padding: 0;
  margin: 0;
  max-height: 295px;
  overflow-y: scroll; }
  .app-forms ul.feature-list li {
    border-radius: 5px;
    background-clip: padding-box;
    color: #000;
    border: 1px solid #EDEDED;
    list-style: none;
    display: inline-block;
    margin: 0 7px 10px 0;
    position: relative; }
    .app-forms ul.feature-list li .text {
      font-size: 0.7857rem;
      line-height: 35px;
      padding: 0 10px;
      line-height: 35px;
      display: inline-block; }
      .app-forms ul.feature-list li .text:hover {
        cursor: move; }
    .app-forms ul.feature-list li .icon {
      border-radius: 0 5px 5px 0;
      background-clip: padding-box;
      font-size: 0.7857rem;
      background: #AD1212;
      padding: 0 5px;
      color: #fff;
      display: none;
      line-height: 35px;
      transition: background-color 0.5s ease;
      position: absolute;
      right: 0;
      top: 0; }
      .app-forms ul.feature-list li .icon:hover {
        cursor: pointer; }
    .app-forms ul.feature-list li:hover .icon {
      display: inline-block; }

.app-forms #list-ono {
  margin: 0 0 25px 0;
  display: -ms-flexbox;
  display: flex; }
  .app-forms #list-ono .checkbox {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .app-forms #list-ono .checkbox:last-child {
      margin-bottom: 0; }

/* TOGGLES */
.togglechk .btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 0.8571rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.togglechk .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.togglechk .btn-default {
  color: #000;
  background-color: #C9C8C8;
  border-color: #C9C8C8; }

.togglechk .toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  width: 0px;
  border-width: 0 1px;
  background-color: #fff; }

.togglechk .toggle-group label, .togglechk .toggle-group span {
  cursor: pointer; }

.togglechk .app-forms .cl-form-row label.btn-primary {
  color: #fff;
  font-size: 0.8571rem; }

.togglechk .app-forms .cl-form-row label.btn-light {
  color: #000;
  font-size: 0.8571rem; }

#internal-forms #seller-types {
  padding: 20px 0 40px 0; }
  #internal-forms #seller-types .choose-seller-type {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 20px; }
    #internal-forms #seller-types .choose-seller-type .icon {
      float: left;
      display: block;
      width: 30px;
      font-size: 2rem;
      opacity: 0.3;
      transition: opacity 0.5s ease; }
    #internal-forms #seller-types .choose-seller-type .text {
      position: relative;
      padding: 0 0 0 50px;
      opacity: 0.3;
      transition: opacity 0.5s ease; }
      #internal-forms #seller-types .choose-seller-type .text h3 {
        font-size: 1.429rem;
        font-weight: normal; }
      #internal-forms #seller-types .choose-seller-type .text p {
        font-size: 0.8571rem;
        padding: 0;
        margin: 0; }
  #internal-forms #seller-types .choose-seller-type:last-child {
    border-right: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 20px; }
  #internal-forms #seller-types .choose-seller-type.active .icon, #internal-forms #seller-types .choose-seller-type.active .text, #internal-forms #seller-types .choose-seller-type:hover .icon, #internal-forms #seller-types .choose-seller-type:hover .text {
    opacity: 1;
    cursor: pointer; }

#internal-forms .field-set {
  border: 1px solid #BCBCBC;
  padding: 20px 20px 0 20px; }
  #internal-forms .field-set input.createpasswordstrength {
    margin-bottom: 0; }
  #internal-forms .field-set .pass-graybar {
    margin-top: -3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    #internal-forms .field-set .pass-graybar .pass-colorbar {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px; }
  #internal-forms .field-set .pass-text {
    font-size: 0.7143rem;
    padding: 5px 0;
    display: block; }

#internal-forms .field-set.socialmediaimages {
  padding-right: 0;
  padding-bottom: 0; }

#internal-forms #secondary-address-select {
  padding: 0 0 20px 0; }
  #internal-forms #secondary-address-select .secondary-address-option {
    text-align: center; }
  #internal-forms #secondary-address-select .border-right {
    border-right: 1px solid #E2E2E2; }

#internal-forms #secondary-address-fields {
  display: none;
  padding: 20px 0;
  border-top: 1px solid #E2E2E2; }

#internal-forms .form-next-btn {
  padding: 20px 0 0 0;
  text-align: right; }
  #internal-forms .form-next-btn p.cta-confirm-text {
    float: right;
    font-size: 0.8571rem;
    color: #272727;
    margin: 13px 0 0 0; }
  #internal-forms .form-next-btn p.cta-confirm-text.paddingright {
    margin-right: 15px; }
  #internal-forms .form-next-btn .form-submit-cta {
    float: right; }

#internal-forms .form-submit {
  margin: 30px 0 0 0; }
  #internal-forms .form-submit::after {
    display: block;
    content: "";
    clear: both; }
  #internal-forms .form-submit .form-submit-cta.alignleft {
    float: left; }
  #internal-forms .form-submit .form-submit-cta.alignright {
    float: right; }
  #internal-forms .form-submit .form-submit-cta.alignmiddle {
    margin: 0 auto; }

#internal-forms #list-ono {
  padding: 0 0 20px 0;
  text-align: center; }

#internal-forms #contact-options .listing-contact-type {
  border-bottom: 1px solid #E2E2E2;
  padding: 17px 0; }

#internal-forms #contact-options .listing-contact-type:last-child {
  border-bottom: none; }

#internal-forms .terms-wrapper label {
  font-size: 0.8571rem; }

#internal-forms .terms-wrapper .cl-form-row {
  padding: 0 0 15px 0; }

#internal-forms .terms-wrapper a {
  color: #229EC6; }

#internal-forms .terms-wrapper a:hover {
  color: #218CAF; }

#internal-forms .terms-wrapper p.gdpr-consent {
  font-size: 0.8571rem;
  padding: 0;
  margin: 0; }

#internal-forms .terms-wrapper h5 {
  font-size: 1rem;
  padding: 15px 0 0 0; }

/* notification styles - move out to notifications sass*/
.notification {
  border-radius: 3px;
  background-clip: padding-box;
  color: #fff;
  padding: 17px 15px;
  margin: 0 0 10px 0; }
  .notification ul {
    padding: 0;
    margin: 15px 0 0 0; }
    .notification ul li {
      display: block; }
  .notification p {
    padding: 0 0 0 30px !important;
    margin: 0 !important;
    font-size: 0.9286rem !important;
    color: #fff !important;
    font-style: normal !important; }
    .notification p a {
      color: #fff;
      font-weight: bold; }
  .notification .icon {
    float: left;
    display: block;
    height: auto;
    line-height: normal; }

.notification.nomargin {
  margin: 0; }

.notification.info {
  background: #333333; }

.notification.infosecondary {
  background: #229EC6; }

.notification.error {
  background: #C71414; }

.notification.success {
  background: #4EAC59; }

.info-notification {
  border-radius: 3px;
  background-clip: padding-box;
  background: #000;
  color: #fff;
  padding: 17px 15px;
  margin: 0 0 30px 0; }
  .info-notification::after {
    display: block;
    content: "";
    clear: both; }
  .info-notification .messaging {
    text-align: center; }
    .info-notification .messaging p {
      padding: 0;
      margin: 0; }
    .info-notification .messaging p.heading {
      font-size: 1rem;
      margin: 0;
      padding: 0;
      text-decoration: none;
      border: none;
      height: auto; }
    .info-notification .messaging p.message {
      font-size: 1rem;
      clear: both; }
      .info-notification .messaging p.message a {
        color: #fff;
        text-decoration: underline; }
        .info-notification .messaging p.message a:hover {
          text-decoration: none; }
  .info-notification p.actionbtn {
    margin: 15px 0 0 0;
    float: none;
    text-align: center; }
    .info-notification p.actionbtn a {
      border: 1px solid #fff;
      outline: none;
      font-weight: normal;
      color: #fff;
      height: 43px;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.8571rem;
      padding: 8px 15px;
      background: none; }
    .info-notification p.actionbtn a:hover {
      text-decoration: none; }

.info-notification.success {
  background: #4EAC59; }

/* custom dropdowns */
section#filters #filter-fields .cl-dropdown {
  width: 100%; }

.cl-dropdown {
  width: 100% !important;
  /* ADDED */ }
  .cl-dropdown button.dropdown-toggle {
    background: #fff;
    border: 1px solid #E2E2E2;
    color: #595959;
    outline: none;
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 0.8571rem;
    padding: 0 15px;
    height: 50px;
    /* ADDED */
    line-height: 50px;
    /* ADDED */
    margin: 0 0 25px 0;
    /* ADDED */ }
    .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
      line-height: 50px;
      /* ADDED */ }
      .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
        color: #212529; }
  .cl-dropdown button.dropdown-toggle.error {
    border-color: #B91212; }
  .cl-dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 0.5rem 1.5rem; }
    .cl-dropdown ul.dropdown-menu li a.dropdown-item .check-mark {
      font-size: 0.8rem;
      margin: 0.5rem 0; }

/* overwrite for filter sort in s/m */
#filter-sort .cl-dropdown button.dropdown-toggle {
  height: 40px;
  line-height: 40px;
  margin: 0; }
  #filter-sort .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
    line-height: 40px; }

/* default styles are for opening hours with overwrites for regular form dropdowns */
/* for efficiency, reverse this and have the opening hours dropdown as the overwrite *
/* add dropdown overwrite */
section.module {
  /* add dropdown overwrite for warranty */ }
  section.module #vehicle-details .cl-dropdown {
    width: 100%; }
    section.module #vehicle-details .cl-dropdown button.dropdown-toggle {
      height: 50px;
      line-height: 50px;
      margin: 0 0 25px 0; }
      section.module #vehicle-details .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
        line-height: 50px; }
  section.module #vehicle-price .cl-dropdown, section.module #schedulng-options .cl-dropdown {
    width: 100%; }
    section.module #vehicle-price .cl-dropdown button.dropdown-toggle, section.module #schedulng-options .cl-dropdown button.dropdown-toggle {
      height: 50px;
      line-height: 50px;
      margin: 0 0 25px 0; }
      section.module #vehicle-price .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner, section.module #schedulng-options .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
        line-height: 50px; }

/* generic form dropdown overwrite */
#sm-container .cl-dropdown, #manual-post .cl-dropdown {
  width: 100%; }
  #sm-container .cl-dropdown button.dropdown-toggle, #manual-post .cl-dropdown button.dropdown-toggle {
    height: 50px;
    line-height: 50px;
    margin: 0 0 25px 0; }
    #sm-container .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner, #manual-post .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
      line-height: 50px; }

/* customer dropdown overwrite */
#existing-customer-fields .cl-dropdown, #newcustomer-fields .cl-dropdown {
  width: 100%; }
  #existing-customer-fields .cl-dropdown button.dropdown-toggle, #newcustomer-fields .cl-dropdown button.dropdown-toggle {
    height: 50px;
    line-height: 50px;
    margin: 0 0 25px 0; }
    #existing-customer-fields .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner, #newcustomer-fields .cl-dropdown button.dropdown-toggle .filter-option .filter-option-inner {
      line-height: 50px; }

/* inline class overwrite */
/*
.cl-home-dropdown {
	button.dropdown-toggle {
		background: #fff;
		color: #000;
		border: none;
		outline: none;
		height: 60px;

		.filter-option {
			padding: 0 1rem;

			.filter-option-inner {
				line-height: 60px;
			}
		}
	}

	ul.dropdown-menu {
		li {
			a.dropdown-item {
				padding: 1rem 1.5rem;

				.check-mark {
					font-size: 0.8rem;
					margin: 0.9rem 0;
				}
			}
		}
	}

}
*/
@media (min-width: 768px) {
  .app-forms .cl-form-row .single-checkbox {
    margin: 43px 0 0 0; } }

@media (min-width: 992px) {
  /* desktop styles for choose type selectors */
  #internal-forms #seller-types {
    padding: 20px 0 40px 0; }
    #internal-forms #seller-types .choose-seller-type {
      border-bottom: none;
      border-right: 1px solid #F0F0F0;
      padding-bottom: 0; }
    #internal-forms #seller-types .choose-seller-type:last-child {
      padding-top: 0; }
  #internal-forms #list-ono {
    padding: 43px 0 0 0;
    text-align: left; }
  .info-notification .messaging {
    float: left;
    text-align: left; }
  .info-notification p.actionbtn {
    float: right;
    margin: 8px 0 0 0; } }

/* V3 */
.card {
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0 0 30px 0;
  position: relative;
  box-shadow: 1px 1px 0px 0px #e2e2e2; }
  .card .menu {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.95);
    border-radius: 5px;
    background-clip: padding-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .card .menu .close {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #fff;
      padding: 10px; }
    .card .menu .close:hover {
      cursor: pointer; }
    .card .menu .main-menu ul {
      padding: 0;
      margin: 0;
      text-align: center;
      max-width: 250px;
      margin: 55px auto 0 auto; }
      .card .menu .main-menu ul li {
        color: #B4B4B4;
        list-style: none;
        font-size: 1.143rem;
        border-bottom: 1px solid #3C3C3C;
        padding: 25px 0; }
        .card .menu .main-menu ul li a {
          color: #B4B4B4; }
        .card .menu .main-menu ul li a:hover {
          color: #fff;
          text-decoration: none; }
      .card .menu .main-menu ul li:last-child {
        border-bottom: none; }
    .card .menu .delete-menu {
      display: none;
      max-width: 340px;
      padding: 0 20px;
      margin: 70px auto 0 auto;
      text-align: center;
      color: #fff; }
      .card .menu .delete-menu h5 {
        font-size: 1.286rem;
        padding: 0;
        margin: 0 0 25px 0; }
      .card .menu .delete-menu p {
        font-size: 1rem;
        line-height: 2.5em;
        margin: 0 0 40px 0;
        padding: 0; }
      .card .menu .delete-menu p.cancel {
        padding: 0;
        margin: 15px 0 0 0;
        color: #B5B5B5; }
      .card .menu .delete-menu p.cancel:hover {
        color: #fff;
        cursor: pointer; }
  .card .card-container {
    /* manage accounst */ }
    .card .card-container.package-container {
      padding: 40px 30px; }
    .card .card-container .card-cta {
      height: 461px; }
      .card .card-container .card-cta .emptystate {
        padding: 140px 30px 0 30px;
        margin: 0; }
    .card .card-container .img-container {
      position: relative;
      padding: 0 0 58px 0; }
      .card .card-container .img-container .title {
        width: 100%;
        padding: 0 20px;
        background: #000;
        position: absolute;
        bottom: 0; }
        .card .card-container .img-container .title p {
          color: #fff;
          text-align: center;
          font-weight: normal;
          font-size: 0.8571rem;
          padding: 20px 0;
          margin: 0; }
      .card .card-container .img-container .img-container-inner {
        width: 100%;
        padding-top: 66.66%;
        position: relative;
        overflow: hidden;
        border-radius: 5px 5px 0 0;
        background-clip: padding-box;
        background: #EFEFEF; }
        .card .card-container .img-container .img-container-inner img.stock {
          object-fit: cover;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .card .card-container .img-container .img-container-inner .status {
          position: absolute;
          top: 10px;
          left: 10px;
          border-radius: 3px;
          background-clip: padding-box;
          color: #fff;
          font-size: 0.8571rem;
          padding: 5px 10px; }
        .card .card-container .img-container .img-container-inner .status.active {
          background: #2222C6; }
        .card .card-container .img-container .img-container-inner .status.sold {
          background: #4EAC59; }
        .card .card-container .img-container .img-container-inner .status.archived {
          background: #B91212; }
        .card .card-container .img-container .img-container-inner .status.draft {
          background: #A5A5A5; }
        .card .card-container .img-container .img-container-inner .reg {
          position: absolute;
          top: 10px;
          right: 10px;
          background: #FAF45A;
          color: #000;
          border-radius: 3px;
          background-clip: padding-box;
          font-size: 0.8571rem;
          padding: 5px 10px; }
        .card .card-container .img-container .img-container-inner .no-image-outer {
          background: #fff;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          .card .card-container .img-container .img-container-inner .no-image-outer .no-image {
            position: absolute;
            top: calc(50% - 31px);
            left: calc(50% - 31px);
            border: 1px solid #D8D8D8;
            border-radius: 50%;
            background-clip: padding-box;
            width: 63px;
            height: 63px;
            text-align: center;
            padding: 12px 0 0 0; }
            .card .card-container .img-container .img-container-inner .no-image-outer .no-image .icon {
              color: #D8D8D8;
              font-size: 1.8rem; }
      .card .card-container .img-container .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); }
        .card .card-container .img-container .overlay .sm-account {
          margin: 65px auto 0 auto;
          width: 118px;
          height: 118px; }
          .card .card-container .img-container .overlay .sm-account .sm-account-inner {
            background: #fff;
            border-radius: 50%;
            background-clip: padding-box;
            width: 118px;
            height: 118px;
            position: relative; }
            .card .card-container .img-container .overlay .sm-account .sm-account-inner img.profile {
              width: 90px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
              background-clip: padding-box; }
            .card .card-container .img-container .overlay .sm-account .sm-account-inner img.network {
              width: 28px;
              height: 28px;
              position: absolute;
              bottom: -14px;
              left: 50%;
              transform: translateX(-50%); }
    .card .card-container .img-container.coverphoto {
      background-repeat: no-repeat;
      background-size: cover; }
    .card .card-container .details {
      padding: 0 20px; }
      .card .card-container .details .title {
        text-align: center; }
        .card .card-container .details .title p.name {
          font-weight: 600;
          font-size: 1.143rem;
          margin: 0;
          padding: 30px 0 10px 0; }
        .card .card-container .details .title span.status {
          background: #000;
          color: #fff;
          font-size: 0.8571rem;
          font-weight: 400;
          border-radius: 3px;
          background-clip: padding-box;
          padding: 5px 10px;
          display: inline-block; }
        .card .card-container .details .title span.status.active {
          background: #4EAC59; }
        .card .card-container .details .title span.status.disabled {
          background: #D82121; }
      .card .card-container .details .stats {
        padding: 15px 0; }
        .card .card-container .details .stats ul {
          padding: 0;
          margin: 0;
          text-align: center; }
          .card .card-container .details .stats ul li {
            display: inline-block;
            list-style: none;
            width: 33.33333%; }
            .card .card-container .details .stats ul li .icon {
              font-size: 1.3rem; }
            .card .card-container .details .stats ul li .icon.icon-eye {
              font-size: 1.6rem; }
            .card .card-container .details .stats ul li .text {
              width: 100%;
              clear: both;
              float: left;
              font-size: 0.8571rem; }
      .card .card-container .details .published-to {
        border-top: 1px solid #EFEFEF;
        padding: 15px 0; }
        .card .card-container .details .published-to ul {
          padding: 0;
          margin: 0;
          text-align: center; }
          .card .card-container .details .published-to ul li {
            display: inline-block;
            list-style: none;
            width: 20px;
            height: 20px;
            text-indent: -10000px;
            margin: 0 5px; }
            .card .card-container .details .published-to ul li.fbmarketplace {
              background: url("/build/assets/img/thirdparties/marketplace.svg") no-repeat; }
            .card .card-container .details .published-to ul li.carlover {
              background: url("/build/assets/img/thirdparties/carlover.svg") no-repeat; }
            .card .card-container .details .published-to ul li.autotrader {
              background: url("/build/assets/img/thirdparties/autotrader.svg") no-repeat; }
            .card .card-container .details .published-to ul li.usedcarsni {
              background: url("/build/assets/img/thirdparties/usedcarsni.svg") no-repeat; }
            .card .card-container .details .published-to ul li.yourredcar {
              background: url("/build/assets/img/thirdparties/yourredcar.svg") no-repeat; }
            .card .card-container .details .published-to ul li.carloverwebsite {
              background: url("/build/assets/img/thirdparties/carloverwebsite.svg") no-repeat; }
            .card .card-container .details .published-to ul li.pistonheads {
              background: url("/build/assets/img/thirdparties/pistonheads.svg") no-repeat; }
            .card .card-container .details .published-to ul li.cargurus {
              background: url("/build/assets/img/thirdparties/cargurus.svg") no-repeat; }
            .card .card-container .details .published-to ul li.no-channels {
              width: auto;
              line-height: 20px;
              text-indent: 0;
              margin: 0;
              padding: 0;
              color: #595959;
              font-size: 0.8571rem; }
      .card .card-container .details .price {
        border-top: 1px solid #EFEFEF;
        border-bottom: 1px solid #EFEFEF;
        padding: 15px 0;
        margin: 15px 0; }
        .card .card-container .details .price p {
          text-align: center;
          padding: 0;
          margin: 0; }
      .card .card-container .details .actions {
        border-top: 1px solid #EFEFEF;
        padding: 15px 0;
        margin: 0; }
        .card .card-container .details .actions::after {
          display: block;
          content: "";
          clear: both; }
        .card .card-container .details .actions.no-border {
          border-top: none; }
        .card .card-container .details .actions.no-padding-top {
          padding-top: 0; }
        .card .card-container .details .actions button.primary {
          float: left; }
        .card .card-container .details .actions button.moreoptions.align-right {
          float: right; }
        .card .card-container .details .actions button.moreoptions.align-left {
          float: left; }
        .card .card-container .details .actions button.moreoptions.align-middle {
          margin: 0 auto;
          display: block;
          float: none; }
        .card .card-container .details .actions ul {
          padding: 0;
          margin: 0;
          display: -ms-flexbox;
          display: flex; }
          .card .card-container .details .actions ul li {
            list-style: none;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
            text-align: center;
            border-right: 1px solid #EFEFEF; }
            .card .card-container .details .actions ul li:last-child {
              border-right: none; }
            .card .card-container .details .actions ul li a {
              width: 100%;
              color: #595959; }
              .card .card-container .details .actions ul li a:hover {
                text-decoration: none;
                color: #000; }
      .card .card-container .details .details {
        padding: 0 0 15px 0; }
        .card .card-container .details .details::after {
          display: block;
          content: "";
          clear: both; }
        .card .card-container .details .details button.primary {
          float: left; }
        .card .card-container .details .details button.moreoptions.align-right {
          float: right; }
        .card .card-container .details .details button.moreoptions.align-left {
          float: left; }
        .card .card-container .details .details button.moreoptions.align-middle {
          margin: 0 auto;
          display: block;
          float: none; }
        .card .card-container .details .details ul {
          padding: 0;
          margin: 0; }
          .card .card-container .details .details ul li {
            list-style: none;
            display: inline-block;
            width: 33.333333333333333%;
            text-align: center;
            border-right: 1px solid #EFEFEF; }
            .card .card-container .details .details ul li:last-child {
              border-right: none; }
            .card .card-container .details .details ul li a {
              width: 100%;
              color: #595959; }
              .card .card-container .details .details ul li a:hover {
                text-decoration: none;
                color: #000; }
    .card .card-container .package-title {
      text-align: center; }
      .card .card-container .package-title h3 {
        font-size: 2.857rem;
        font-weight: bold; }
      .card .card-container .package-title h4 {
        font-size: 1rem;
        font-weight: normal; }
    .card .card-container .package-details.topup {
      text-align: center;
      border-top: 1px solid #E6E6E6;
      border-bottom: 1px solid #E6E6E6;
      margin: 30px 0;
      padding: 30px 0; }
      .card .card-container .package-details.topup h5 {
        font-size: 1.714rem; }
      .card .card-container .package-details.topup p {
        font-size: 1rem;
        color: #595959;
        font-style: italic;
        padding: 0;
        margin: 0; }
    .card .card-container .actions::after {
      display: block;
      content: "";
      clear: both; }
    .card .card-container .actions.center {
      text-align: center; }
    .card .card-container.socialmedia .img-container {
      padding: 0;
      height: 250px; }
  .card.sold .card-container a:hover, .card.archived .card-container a:hover {
    cursor: default; }

/* Generic re-usable full width row cards */
.row-card {
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0 0 20px 0;
  padding: 20px;
  position: relative;
  box-shadow: 1px 1px 0px 0px #e2e2e2; }
  .row-card::after {
    display: block;
    content: "";
    clear: both; }
  .row-card .status-label {
    position: absolute;
    z-index: 501;
    top: 0;
    left: 0;
    background-color: rgba(78, 172, 89, 0.9);
    border-radius: 5px 0 5px 0;
    background-clip: padding-box;
    padding: 10px 15px; }
    .row-card .status-label p {
      color: #fff;
      text-transform: uppercase;
      font-size: 0.8571rem;
      padding: 0;
      margin: 0;
      line-height: normal; }
  .row-card .cell {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px;
    text-align: center;
    /* re-usable image */ }
    .row-card .cell::after {
      display: block;
      content: "";
      clear: both; }
    .row-card .cell .post-img {
      margin: 0 auto;
      width: 66px; }
      .row-card .cell .post-img::after {
        display: block;
        content: "";
        clear: both; }
      .row-card .cell .post-img .img .img-inner {
        position: relative;
        overflow: hidden;
        width: 66px;
        height: 66px;
        border-radius: 50%;
        background-clip: padding-box; }
        .row-card .cell .post-img .img .img-inner img {
          position: absolute;
          z-index: 500;
          top: 50%;
          left: 50%;
          width: 66px;
          transform: translate(-50%, -50%) scale(1.5); }
        .row-card .cell .post-img .img .img-inner .no-image {
          width: 66px;
          height: 66px;
          text-align: center;
          border: 2px solid #E5E5E5;
          border-radius: 50%;
          background-clip: padding-box; }
          .row-card .cell .post-img .img .img-inner .no-image .icon {
            font-size: 1.5rem;
            color: #040506;
            margin: 15px 0 0 0;
            display: block; }
      .row-card .cell .post-img span.img-count {
        position: relative;
        z-index: 1001;
        display: block;
        width: 31px;
        height: 31px;
        background: #000;
        color: #fff;
        font-size: 0.7857rem;
        border-radius: 50%;
        background-clip: padding-box;
        text-align: center;
        line-height: 31px;
        margin: -15px auto 0 auto; }
    .row-card .cell .details p {
      padding: 0;
      margin: 0;
      line-height: normal; }
    .row-card .cell .details p.title {
      font-size: 1.143rem;
      font-weight: 600;
      padding: 0 0 7px 0; }
    .row-card .cell .details p.secondary {
      padding: 0 0 9px 0; }
      .row-card .cell .details p.secondary .type {
        font-weight: 500; }
    .row-card .cell .details p.datetime {
      font-size: 1rem;
      font-weight: normal;
      color: #808080; }
    .row-card .cell span.reg {
      background: #FAF45A;
      color: #000;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.8571rem;
      padding: 10px 15px;
      display: inline-block; }
    .row-card .cell .social-networks ul.socialmedia {
      text-align: center;
      padding: 0;
      margin: 0; }
      .row-card .cell .social-networks ul.socialmedia li {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        width: 25px;
        height: 25px;
        margin: 0 0 0 5px;
        text-indent: -100000px; }
      .row-card .cell .social-networks ul.socialmedia li.facebook {
        background: url("../img/admin/socialmedia/facebooksm-bg.svg") no-repeat center center; }
      .row-card .cell .social-networks ul.socialmedia li.twitter {
        background: url("../img/admin/socialmedia/twittersm-bg.svg") no-repeat center center; }
      .row-card .cell .social-networks ul.socialmedia li.instagram {
        background: url("../img/admin/socialmedia/instagramsm-bg.svg") no-repeat center center; }
    .row-card .cell .social-networks ul.social-login {
      background: yellow;
      text-align: center;
      padding: 0;
      margin: 0; }
      .row-card .cell .social-networks ul.social-login li {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        width: 25px;
        height: 25px;
        text-indent: -100000px; }
      .row-card .cell .social-networks ul.social-login li.facebook {
        background: url("../img/socialmedia/fb_login.svg") no-repeat center center; }
      .row-card .cell .social-networks ul.social-login li.twitter {
        background: url("../img/socialmedia/fb_login.svg") no-repeat center center; }
  .row-card .cell.no-border {
    border: none; }
  .row-card .row-primary::after {
    display: block;
    content: "";
    clear: both; }
  .row-card .row-secondary {
    margin: 30px 0 0 0; }
    .row-card .row-secondary .contact-information {
      background: #212121;
      color: #fff;
      padding: 30px;
      border-radius: 5px;
      background-clip: padding-box;
      margin: 0 0 30px 0; }
    .row-card .row-secondary .vehicle-lead .contact-information .section {
      border-bottom: 1px solid #4A4A4A;
      padding: 20px 0; }
      .row-card .row-secondary .vehicle-lead .contact-information .section ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .row-card .row-secondary .vehicle-lead .contact-information .section ul li {
          padding: 0 0 5px 0; }
          .row-card .row-secondary .vehicle-lead .contact-information .section ul li a {
            color: #fff; }
          .row-card .row-secondary .vehicle-lead .contact-information .section ul li .icon {
            margin: 0 5px 0 0; }
        .row-card .row-secondary .vehicle-lead .contact-information .section ul li:last-child {
          padding-bottom: 0; }
    .row-card .row-secondary .vehicle-lead .contact-information .section:first-child {
      padding-top: 0; }
    .row-card .row-secondary .vehicle-lead .contact-information .section:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .row-card .row-secondary .vehicle-lead .contact-information .contact-head h5 {
      font-size: 1.143rem;
      padding: 0;
      margin: 0; }
    .row-card .row-secondary .vehicle-lead .contact-information .contact-action p {
      padding: 0;
      margin: 0; }
    .row-card .row-secondary .vehicle-lead .message-details .thread {
      padding: 0 0 20px 0; }
      .row-card .row-secondary .vehicle-lead .message-details .thread .message {
        background: #F7F7F7;
        border-radius: 5px;
        background-clip: padding-box;
        padding: 30px; }
        .row-card .row-secondary .vehicle-lead .message-details .thread .message p {
          padding: 0;
          margin: 0; }
    .row-card .row-secondary .vehicle-lead .message-details .notice {
      padding: 20px 0;
      border-top: 1px solid #E5E5E5;
      border-bottom: 1px solid #E5E5E5; }
      .row-card .row-secondary .vehicle-lead .message-details .notice p {
        padding: 0;
        margin: 0;
        font-size: 0.8571rem; }
    .row-card .row-secondary .vehicle-lead .message-details .tags {
      padding: 15px 0 0 0; }
      .row-card .row-secondary .vehicle-lead .message-details .tags ul {
        padding: 0;
        margin: 0; }
        .row-card .row-secondary .vehicle-lead .message-details .tags ul li {
          list-style: none;
          display: inline-block;
          border-radius: 5px;
          background-clip: padding-box;
          background: #C9C9C9;
          color: #fff;
          padding: 8px 13px;
          font-size: 0.8571rem;
          margin: 0 5px 5px 0; }
        .row-card .row-secondary .vehicle-lead .message-details .tags ul li.lead-source {
          background: #3EA59D; }
        .row-card .row-secondary .vehicle-lead .message-details .tags ul li.lead-type {
          background: #A53E99; }
  .row-card.valuation .title {
    margin: 0 0 20px 0; }
    .row-card.valuation .title p {
      padding: 0;
      margin: 0; }
      .row-card.valuation .title p .reg {
        font-size: 1.143rem;
        font-weight: 600; }
      .row-card.valuation .title p .additional {
        font-size: 1rem;
        color: #595959;
        font-style: italic;
        font-size: 0.8571rem; }
  .row-card.valuation .values .value-group {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px; }
    .row-card.valuation .values .value-group .value {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .row-card.valuation .values .value-group .value .inner {
        margin: 5px;
        text-align: center;
        border: 1px solid #E5E5E5;
        padding: 20px 0; }
        .row-card.valuation .values .value-group .value .inner p {
          padding: 0;
          margin: 0; }
        .row-card.valuation .values .value-group .value .inner p.price {
          font-weight: bold;
          margin: 0 0 5px 0; }
        .row-card.valuation .values .value-group .value .inner p.label {
          color: #5A5A5A; }
        .row-card.valuation .values .value-group .value .inner.active {
          border: none;
          background: #448BF8; }
          .row-card.valuation .values .value-group .value .inner.active p {
            color: #fff; }
  .row-card.valuation .actions-bar {
    margin: 15px 0 0 0; }
    .row-card.valuation .actions-bar p {
      color: #595959;
      font-size: 0.8571rem;
      padding: 0;
      margin: 0;
      text-align: center;
      margin: 0 0 5px 0; }
    .row-card.valuation .actions-bar p.view-more .icon {
      font-size: 0.7143rem;
      margin: 0 0 0 3px; }
    .row-card.valuation .actions-bar p.view-more:hover {
      cursor: pointer; }
  .row-card.valuation .secondary {
    display: none; }
  .row-card.basic .row-inner .decsription p.title {
    font-size: 1.143rem;
    font-weight: 600;
    padding: 0 0 7px 0;
    margin: 0; }
  .row-card.basic .row-inner .decsription p.description {
    font-size: 1rem;
    font-weight: normal;
    color: #595959;
    padding: 0;
    margin: 0; }
  .row-card.basic .row-inner .actions {
    margin: 10px 0 0 0; }
    .row-card.basic .row-inner .actions::after {
      display: block;
      content: "";
      clear: both; }
    .row-card.basic .row-inner .actions .togglechk {
      float: left;
      margin: 8px 0 0 0; }
    .row-card.basic .row-inner .actions p.configure {
      float: left;
      margin: 15px 10px 0 10px; }
      .row-card.basic .row-inner .actions p.configure a {
        color: #595959;
        font-size: 0.8571rem;
        transition: all 0.3s ease; }
        .row-card.basic .row-inner .actions p.configure a:hover {
          color: #000;
          text-decoration: none; }
  .row-card.basic .automation-details {
    border-top: 1px solid #E5E5E5;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0; }
    .row-card.basic .automation-details p {
      font-size: 0.8571rem;
      padding: 0;
      margin: 0;
      font-style: italic;
      color: #000; }

@media (min-width: 768px) {
  .row-card.valuation .values .value-group .value {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%; }
  .row-card.valuation .actions-bar p {
    display: inline-block;
    text-align: center;
    margin: 0 0 5px 0; } }

@media (min-width: 992px) {
  .row-card.basic .row-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .row-card.basic .row-inner .decsription {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .row-card.basic .row-inner .actions {
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
      margin: 0; }
      .row-card.basic .row-inner .actions .togglechk {
        float: right; }
      .row-card.basic .row-inner .actions p.configure {
        float: right; } }

@media (min-width: 1200px) {
  /* Generic re-usable full width row cards */
  .row-card {
    background: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    margin: 0 0 20px 0;
    padding: 20px;
    position: relative; }
    .row-card::after {
      display: block;
      content: "";
      clear: both; }
    .row-card .row-primary {
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .row-card .cell {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      border-right: 1px solid #E5E5E5;
      border-bottom: none;
      padding: 0 20px;
      text-align: left; }
      .row-card .cell::after {
        display: block;
        content: "";
        clear: both; }
      .row-card .cell .post-img {
        margin: 0 auto;
        width: auto; }
        .row-card .cell .post-img::after {
          display: block;
          content: "";
          clear: both; }
        .row-card .cell .post-img .img {
          float: left;
          position: relative; }
        .row-card .cell .post-img span.img-count {
          margin: 18px 0 0 -15px;
          float: left; }
      .row-card .cell .details.doubleline {
        padding: 11px 0; }
      .row-card .cell span.reg {
        margin: 15px 0 0 0; }
      .row-card .cell .vehicle-details {
        padding: 12px 0 0 0; }
      .row-card .cell .actionbuttons {
        padding: 22px 0 0 0; }
        .row-card .cell .actionbuttons.no-padding-top {
          padding-top: 0; }
      .row-card .cell .social-networks {
        padding: 20px 0 0 0; }
      .row-card .cell.content {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .row-card .cell.no-padding-left {
      padding-left: 0; }
    .row-card .cell.no-padding-right {
      padding-right: 0; }
    .row-card .cell.border-left {
      border-left: 1px solid #E5E5E5;
      border-right: none; }
    .row-card .row-primary::after {
      display: block;
      content: "";
      clear: both; }
    .row-card .row-secondary {
      border-top: 1px solid #E5E5E5;
      padding: 30px 0 0 0; }
      .row-card .row-secondary .fixed-col {
        float: left;
        width: 330px; }
      .row-card .row-secondary .fluid-col {
        padding: 0 0 0 360px; }
      .row-card .row-secondary .contact-information {
        margin-bottom: 0; } }

#newfeature {
  /* Button Styles */ }
  #newfeature #body {
    background: #fff; }
  #newfeature .skip-toolbar {
    background: #000;
    color: #fff;
    height: 130px;
    text-align: right;
    padding: 0 50px; }
    #newfeature .skip-toolbar p {
      line-height: 128px;
      margin: 0;
      padding: 0; }
      #newfeature .skip-toolbar p a {
        color: #fff;
        font-size: 1.429rem; }
        #newfeature .skip-toolbar p a:hover {
          text-decoration: none; }
          #newfeature .skip-toolbar p a:hover .text {
            padding: 0 5px 0 0; }
        #newfeature .skip-toolbar p a .text {
          transition: all 0.3s ease; }
        #newfeature .skip-toolbar p a .icon {
          margin: 0 0 0 5px; }
  #newfeature #sell {
    background: #7500df;
    background: linear-gradient(313deg, #7500df 43%, #0049bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7500df",endColorstr="#0049bb",GradientType=1); }
    #newfeature #sell #sell-inner #messaging-outer {
      padding: 150px 0; }
      #newfeature #sell #sell-inner #messaging-outer #messaging {
        max-width: 500px;
        color: #fff; }
        #newfeature #sell #sell-inner #messaging-outer #messaging h1 {
          margin: 0 0 30px 0; }
        #newfeature #sell #sell-inner #messaging-outer #messaging h2 {
          margin: 0 0 40px 0;
          font-weight: 400;
          font-size: 1.429rem;
          line-height: 1.5em; }
        #newfeature #sell #sell-inner #messaging-outer #messaging h3 {
          margin: 0 0 30px 0;
          font-weight: 300; }
        #newfeature #sell #sell-inner #messaging-outer #messaging p {
          padding: 0;
          margin: 0 0 30px 0; }
          #newfeature #sell #sell-inner #messaging-outer #messaging p.medium {
            font-size: 1.143rem; }
        #newfeature #sell #sell-inner #messaging-outer #messaging ul {
          padding: 0;
          margin: 0 0 40px 0; }
          #newfeature #sell #sell-inner #messaging-outer #messaging ul li {
            font-size: 1.143rem;
            margin: 0 0 5px 0;
            list-style: inside; }
            #newfeature #sell #sell-inner #messaging-outer #messaging ul li:last-child {
              margin-bottom: 0; }
        #newfeature #sell #sell-inner #messaging-outer #messaging #supporting-image {
          max-width: 250px;
          margin: 0 0 30px 0; }
          #newfeature #sell #sell-inner #messaging-outer #messaging #supporting-image.small {
            max-width: 150px; }
          #newfeature #sell #sell-inner #messaging-outer #messaging #supporting-image img {
            width: 100%; }
        #newfeature #sell #sell-inner #messaging-outer #messaging p.skip {
          margin: 15px 0 0 0; }
          #newfeature #sell #sell-inner #messaging-outer #messaging p.skip a {
            color: #fff; }
            #newfeature #sell #sell-inner #messaging-outer #messaging p.skip a .icon {
              margin: 0 0 0 5px; }
            #newfeature #sell #sell-inner #messaging-outer #messaging p.skip a:hover {
              text-decoration: none; }
  #newfeature .testimonial-container {
    padding: 170px 0 100px 0; }
    #newfeature .testimonial-container .testimonial {
      padding: 0 0 19px 0;
      background: url("/build/assets/dealersite/img/testimonial_downarrow.png") no-repeat bottom; }
      #newfeature .testimonial-container .testimonial .inner {
        background: #030303;
        border-radius: 10px;
        background-clip: padding-box;
        color: #fff;
        padding: 30px 40px; }
        #newfeature .testimonial-container .testimonial .inner::after {
          display: block;
          content: "";
          clear: both; }
        #newfeature .testimonial-container .testimonial .inner p {
          font-size: 1.286rem;
          line-height: 2rem;
          margin: 0;
          text-align: center; }
    #newfeature .testimonial-container .author {
      text-align: center;
      padding: 20px 0 0 0; }
      #newfeature .testimonial-container .author p.name {
        font-size: 1.286rem;
        font-weight: 600;
        padding: 0;
        margin: 0; }
      #newfeature .testimonial-container .author p.role {
        margin: 0;
        padding: 0; }
      #newfeature .testimonial-container .author img {
        max-width: 100px;
        margin: 20px 0 20px 0; }
  #newfeature p.primary-cta {
    margin: 0 !important;
    width: 100%; }
    #newfeature p.primary-cta a {
      background-color: #000;
      color: #fff;
      font-weight: 400;
      font-size: 1rem;
      border-radius: 5px;
      background-clip: padding-box;
      height: 61px;
      width: 100%;
      line-height: 61px;
      display: block;
      text-align: center;
      transition: background-color 0.5s ease;
      font-weight: 600; }
      #newfeature p.primary-cta a:hover {
        text-decoration: none;
        background-color: #171717; }
      #newfeature p.primary-cta a .icon {
        margin: 0 0 0 5px; }
  #newfeature #media-container {
    position: relative; }
    #newfeature #media-container video, #newfeature #media-container img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    #newfeature #media-container #caption {
      position: absolute;
      bottom: 30px;
      left: 30px;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 20px; }
      #newfeature #media-container #caption p {
        color: #fff;
        padding: 0;
        margin: 0; }

@media (min-width: 768px) {
  #newfeature p.primary-cta {
    width: auto; }
    #newfeature p.primary-cta a {
      width: 180px; } }

@media (min-width: 992px) {
  #newfeature .testimonial-container .testimonial {
    margin: 0 15%; }
  #newfeature #sell #sell-inner.website {
    background: url("/build/assets/img/admin/newfeature/website/website-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -250px bottom 50%; }
  #newfeature #sell #sell-inner.socialmedia {
    background: url("/build/assets/img/admin/newfeature/socialmedia/sm-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; }
  #newfeature #sell #sell-inner.marketplace {
    background: url("/build/assets/img/admin/newfeature/socialmedia/marketplace-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; }
  #newfeature #sell #sell-inner.autotrader {
    background: url("/build/assets/img/admin/newfeature/autotrader/autotrader-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; }
  #newfeature #sell #sell-inner.glass-valuations {
    background: url("/build/assets/img/admin/newfeature/glassvaluations/glass-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; }
  #newfeature #sell #sell-inner.socialmedia-two {
    background: url("/build/assets/img/admin/newfeature/socialmedia2/social2-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; }
  #newfeature #sell #sell-inner.av-rebrand {
    background: url("/build/assets/img/admin/newfeature/autovici/av-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -150px bottom 50%; } }

@media (min-width: 1200px) {
  #newfeature #sell #sell-inner.website {
    background: url("/build/assets/img/admin/newfeature/website/website-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; }
  #newfeature #sell #sell-inner.socialmedia {
    background: url("/build/assets/img/admin/newfeature/socialmedia/sm-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.marketplace {
    background: url("/build/assets/img/admin/newfeature/marketplace/marketplace-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; }
  #newfeature #sell #sell-inner.autotrader {
    background: url("/build/assets/img/admin/newfeature/autotrader/autotrader-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; }
  #newfeature #sell #sell-inner.glass-valuations {
    background: url("/build/assets/img/admin/newfeature/glassvaluations/glass-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; }
  #newfeature #sell #sell-inner.socialmedia-two {
    background: url("/build/assets/img/admin/newfeature/socialmedia2/social2-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; }
  #newfeature #sell #sell-inner.av-rebrand {
    background: url("/build/assets/img/admin/newfeature/autovici/av-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right -100px bottom 50%; } }

@media (min-width: 1500px) {
  #newfeature #sell #sell-inner.website {
    background: url("/build/assets/img/admin/newfeature/website/website-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.marketplace {
    background: url("/build/assets/img/admin/newfeature/marketplace/marketplace-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.autotrader {
    background: url("/build/assets/img/admin/newfeature/autotrader/autotrader-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.glass-valuations {
    background: url("/build/assets/img/admin/newfeature/glassvaluations/glass-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.socialmedia-two {
    background: url("/build/assets/img/admin/newfeature/socialmedia2/social2-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; }
  #newfeature #sell #sell-inner.av-rebrand {
    background: url("/build/assets/img/admin/newfeature/autovici/av-header-img.png") no-repeat;
    background-size: 800px 461px;
    background-position: right 100px bottom 50%; } }

.spinner-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); }

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 40px;
  font-size: 10px; }

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  animation-delay: -1.1s; }

.spinner .rect3 {
  animation-delay: -1.0s; }

.spinner .rect4 {
  animation-delay: -0.9s; }

.spinner .rect5 {
  animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

#outer-container {
  display: -ms-flexbox;
  display: flex; }
  #outer-container #toolbar {
    background: #000;
    -ms-flex: 0 0 250px;
        flex: 0 0 250px;
    padding: 30px;
    height: 100vh; }
    #outer-container #toolbar #cl-logo {
      margin: 0 0 30px 0; }
    #outer-container #toolbar #intro {
      text-align: left;
      border-top: 1px solid #343434;
      border-bottom: 1px solid #343434;
      padding: 30px 0; }
      #outer-container #toolbar #intro p {
        color: #fff;
        padding: 0;
        margin: 0; }
    #outer-container #toolbar .button {
      margin: 30px 0 0 0; }
      #outer-container #toolbar .button button {
        background: none;
        outline: none;
        font-weight: normal;
        border: 1px solid #fff;
        color: #fff;
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        transition: all 0.5s ease; }
        #outer-container #toolbar .button button .text {
          margin: 0 0 0 5px; }
        #outer-container #toolbar .button button:hover {
          background: #fff;
          color: #000; }
  #outer-container #print-container {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    #outer-container #print-container #page {
      background: #fff;
      padding: 40px;
      max-width: 800px;
      margin: 50px auto;
      box-shadow: 10px 10px 27px -8px rgba(0, 0, 0, 0.05); }
      #outer-container #print-container #page #summary {
        text-align: center;
        display: -ms-flexbox;
        display: flex; }
        #outer-container #print-container #page #summary #photo {
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; }
          #outer-container #print-container #page #summary #photo img {
            width: 100%; }
          #outer-container #print-container #page #summary #photo .no-image {
            border: 1px solid #D6D6D6;
            height: 100%; }
            #outer-container #print-container #page #summary #photo .no-image .inner {
              margin: 75px 0; }
              #outer-container #print-container #page #summary #photo .no-image .inner i.icon {
                font-size: 20px; }
              #outer-container #print-container #page #summary #photo .no-image .inner p {
                margin: 5px 0 0 0;
                font-size: 12px; }
        #outer-container #print-container #page #summary #summary-content {
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
          padding: 0 0 0 20px; }
          #outer-container #print-container #page #summary #summary-content #customer-logo {
            text-align: center;
            margin: 0 0 30px 0; }
            #outer-container #print-container #page #summary #summary-content #customer-logo img {
              max-width: 180px; }
          #outer-container #print-container #page #summary #summary-content #summary-text {
            text-align: center; }
            #outer-container #print-container #page #summary #summary-content #summary-text h1 {
              font-size: 20px;
              padding: 0;
              margin: 20px 0 10px 0;
              padding: 0;
              font-weight: bold; }
            #outer-container #print-container #page #summary #summary-content #summary-text h2 {
              font-size: 14px;
              font-weight: normal;
              color: #626262;
              padding: 0;
              margin: 0 0 30px 0;
              padding: 0; }
            #outer-container #print-container #page #summary #summary-content #summary-text h3 {
              background: #000;
              -webkit-print-color-adjust: exact !important;
              color: #fff;
              font-size: 18px;
              font-style: italic;
              display: inline-block;
              padding: 15px 25px;
              margin: 0; }
      #outer-container #print-container #page #feature-contact {
        display: -ms-flexbox;
        display: flex;
        margin: 20px 0 0 0; }
        #outer-container #print-container #page #feature-contact #features {
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
          #outer-container #print-container #page #feature-contact #features #features-inner {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            margin: 0 -5px; }
            #outer-container #print-container #page #feature-contact #features #features-inner .feature {
              -ms-flex: 1 1 33.333%;
                  flex: 1 1 33.333%; }
              #outer-container #print-container #page #feature-contact #features #features-inner .feature .inner {
                text-align: center;
                border: 1px solid #D6D6D6;
                margin: 0 5px 10px 5px;
                padding: 15px 0; }
                #outer-container #print-container #page #feature-contact #features #features-inner .feature .inner img {
                  width: 30px;
                  height: 30px;
                  margin: 0 auto; }
                #outer-container #print-container #page #feature-contact #features #features-inner .feature .inner .icon {
                  font-size: 18px; }
                #outer-container #print-container #page #feature-contact #features #features-inner .feature .inner p {
                  font-size: 12px;
                  margin: 5px 0 0 0;
                  padding: 0; }
              #outer-container #print-container #page #feature-contact #features #features-inner .feature:nth-child(4) .inner {
                margin-bottom: 0; }
              #outer-container #print-container #page #feature-contact #features #features-inner .feature:nth-child(5) .inner {
                margin-bottom: 0; }
              #outer-container #print-container #page #feature-contact #features #features-inner .feature:nth-child(6) .inner {
                margin-bottom: 0; }
        #outer-container #print-container #page #feature-contact #contact-details {
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
          border-top: 1px solid #D6D6D6;
          border-bottom: 1px solid #D6D6D6;
          margin: 0 0 0 20px;
          text-align: center; }
          #outer-container #print-container #page #feature-contact #contact-details #numbers {
            margin: 17px 0 20px 0; }
            #outer-container #print-container #page #feature-contact #contact-details #numbers p {
              padding: 0;
              margin: 0; }
            #outer-container #print-container #page #feature-contact #contact-details #numbers p.primary {
              font-size: 20px;
              font-weight: bold; }
            #outer-container #print-container #page #feature-contact #contact-details #numbers p.secondary {
              font-size: 14px;
              color: #626262; }
          #outer-container #print-container #page #feature-contact #contact-details #email-web p {
            padding: 0;
            margin: 0; }
          #outer-container #print-container #page #feature-contact #contact-details #email-web p.email {
            font-size: 14px; }
          #outer-container #print-container #page #feature-contact #contact-details #email-web p.web {
            font-size: 14px;
            color: #626262; }
      #outer-container #print-container #page #description {
        padding: 30px 0;
        border-bottom: 1px solid #D6D6D6; }
        #outer-container #print-container #page #description h4 {
          font-size: 14px;
          font-weight: bold;
          margin: 0 0 10px 0; }
        #outer-container #print-container #page #description #description-text p {
          font-size: 12px;
          margin: 0; }
      #outer-container #print-container #page #feature-list {
        padding: 30px 0; }
        #outer-container #print-container #page #feature-list h4 {
          font-size: 14px;
          font-weight: bold;
          margin: 0 0 10px 0; }
        #outer-container #print-container #page #feature-list #features-text p {
          font-size: 12px;
          margin: 0; }
      #outer-container #print-container #page #cl-footer {
        padding: 30px 0 0 0;
        border-top: 1px solid #D6D6D6;
        width: 100%;
        background: #fff;
        z-index: 1000; }
        #outer-container #print-container #page #cl-footer::after {
          display: block;
          content: "";
          clear: both; }
        #outer-container #print-container #page #cl-footer #logo {
          text-align: center; }
          #outer-container #print-container #page #cl-footer #logo img {
            width: 160px; }
        #outer-container #print-container #page #cl-footer #qr-code {
          float: right; }
          #outer-container #print-container #page #cl-footer #qr-code::after {
            display: block;
            content: "";
            clear: both; }
          #outer-container #print-container #page #cl-footer #qr-code p {
            float: left;
            margin: 15px 10px 0 0; }
          #outer-container #print-container #page #cl-footer #qr-code img {
            float: right;
            width: 50px; }

@media print {
  #print-cta-overlay {
    display: none; }
  #print-container {
    max-width: none !important;
    margin: 0 !important; }
  #page {
    background: #fff;
    padding: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important; }
  #cl-footer {
    position: fixed;
    bottom: 0;
    left: 0; }
  #toolbar {
    display: none; } }

#fb-preview-container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  height: 100vh;
  width: 100%; }
  #fb-preview-container #close-preview {
    position: absolute;
    /*left: 80%;
        margin: 0 0 0 -22px;
        top: 120px;*/
    top: 20px;
    right: 20px;
    z-index: 1001;
    width: 42px;
    height: 42px;
    background: #125CAF;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    transition: all 0.3s ease;
    display: none; }
    #fb-preview-container #close-preview .icon {
      color: #fff;
      margin: 10px 0 0 0;
      display: block;
      font-size: 1rem;
      transition: all 0.3s ease; }
    #fb-preview-container #close-preview:hover {
      background: #115198;
      cursor: pointer; }
      #fb-preview-container #close-preview:hover .icon {
        font-size: 0.8571rem;
        margin: 12px 0 0 0;
        transform: rotate(90deg); }
  #fb-preview-container #fb-preview-container-inner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100vh;
    width: 0;
    background: rgba(0, 121, 255, 0.9);
    overflow-y: scroll; }
    #fb-preview-container #fb-preview-container-inner #content-container {
      max-width: 560px;
      margin: 100px auto;
      display: none;
      padding: 0 20px; }
      #fb-preview-container #fb-preview-container-inner #content-container #header h1 {
        color: #fff;
        font-size: 2.143rem;
        margin: 0 0 30px 0; }
      #fb-preview-container #fb-preview-container-inner #content-container #header h2 {
        color: #fff;
        font-size: 1rem;
        font-weight: normal;
        margin: 0;
        line-height: 1.5rem; }
      #fb-preview-container #fb-preview-container-inner #content-container #header #info {
        border-radius: 3px;
        background-clip: padding-box;
        background: #115198;
        padding: 10px 20px;
        color: #fff; }
        #fb-preview-container #fb-preview-container-inner #content-container #header #info p {
          padding: 0;
          margin: 0; }
      #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup {
        margin: 30px 0 0 0;
        padding: 20px;
        background: #fff;
        border-radius: 3px;
        background-clip: padding-box; }
        #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-header img {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background-clip: padding-box;
          display: inline-block; }
        #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-header p {
          display: inline-block;
          padding: 0;
          margin: 0;
          color: #365899;
          font-weight: 600;
          margin: 0 0 0 5px; }
        #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-body {
          margin: 20px 0 0 0; }
          #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-body textarea {
            width: 100%;
            border: none;
            outline: 0;
            padding: 0;
            margin: 0;
            resize: none;
            overflow: hidden;
            line-height: 22px; }
        #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-photos {
          margin: 20px 0 0 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-photos .photo {
            -ms-flex: 1 1 33.333%;
                flex: 1 1 33.333%; }
            #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-photos .photo.primary {
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%; }
            #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-photos .photo .inner {
              height: 100%; }
              #fb-preview-container #fb-preview-container-inner #content-container #body #fb-mockup #fb-photos .photo .inner img {
                width: 100%;
                height: 100%;
                padding: 1px;
                object-fit: cover; }
      #fb-preview-container #fb-preview-container-inner #content-container #footer {
        margin: 20px 0 0 0; }
        #fb-preview-container #fb-preview-container-inner #content-container #footer button.close-preview {
          width: 100%;
          border: 1px solid #fff;
          color: #fff;
          background: none;
          line-height: 57px;
          border-radius: 3px;
          background-clip: padding-box;
          transition: all 0.3s ease; }
          #fb-preview-container #fb-preview-container-inner #content-container #footer button.close-preview:hover {
            background: #fff;
            color: #000; }

@media (min-width: 768px) {
  #fb-preview-container #close-preview {
    left: 80%;
    margin: 0 0 0 -22px;
    top: 120px; } }

.return-to-previous p {
  font-size: 0.8571rem;
  padding: 0;
  margin: 0 0 20px 0; }
  .return-to-previous p a {
    color: #747474; }
  .return-to-previous p a:hover {
    color: #272727; }

#pagecontrol {
  padding: 0 0 20px 0; }
  #pagecontrol::after {
    display: block;
    content: "";
    clear: both; }
  #pagecontrol p.welcomemessage {
    float: left;
    padding: 4px 0 0 0;
    margin: 0; }
  #pagecontrol .dateselector {
    float: right; }

.module-tabs ul {
  padding: 0;
  margin: 0; }
  .module-tabs ul li {
    display: inline-block; }
    .module-tabs ul li a {
      color: #424242;
      height: 66px;
      line-height: 66px;
      display: block;
      padding: 0 45px;
      transition: all 0.3s ease; }
      .module-tabs ul li a:hover {
        text-decoration: none;
        color: #000; }
    .module-tabs ul li.active a {
      background: #fff;
      font-weight: 600;
      color: #000; }

section.module {
  background: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: 1px 1px #EAEAEA;
  margin: 0 0 40px 0;
  padding: 30px;
  /* post to sm */
  /* vehcile details */
  /* vehicle photos */ }
  section.module .heading {
    height: 42px;
    border-bottom: 1px solid #EDEDED;
    margin: 0 0 30px 0;
    /*.stock-search {
            float: right;
            border: 1px solid #898989;
            @include border-radius(3px);
            padding: 2px 0 0 0;
            margin: -10px 0 0 0;

            input {
                border:none;
                height: 33px;
                padding: 0 0 0 10px;
                width: 115px;
                font-size: 0.8571rem;
                float: left;
            }

            button {
                background: url('../img/admin/search.svg') no-repeat center center;
                height: 12px;
                width: 12px;
                margin: 10px 10px 0 12px;
                display: block;
                float: left;
                border:none;
                text-indent: -100000px;
            }

            button:hover {
                cursor: pointer;
            }
        }*/ }
    section.module .heading h3 {
      float: left;
      font-size: 1.286rem; }
      section.module .heading h3 .icon {
        font-size: 1rem; }
      section.module .heading h3 .icon:hover {
        cursor: pointer; }
    section.module .heading .action-btn {
      float: right;
      margin: -6px 0 0 0; }
    section.module .heading .emails-unread {
      float: right;
      border-radius: 3px;
      background-clip: padding-box;
      background: #C71414;
      color: #fff;
      padding: 7px 10px;
      margin: -6px 0 0 0; }
      section.module .heading .emails-unread .text {
        text-transform: uppercase;
        font-size: 0.7143rem;
        float: left;
        padding: 2px 0 0 0; }
      section.module .heading .emails-unread .icon {
        font-size: 0.7143rem;
        float: left;
        margin: 2px 5px 0 0; }
    section.module .heading .helper {
      display: none;
      float: right;
      font-size: 0.8571rem; }
      section.module .heading .helper::after {
        display: block;
        content: "";
        clear: both; }
      section.module .heading .helper p {
        float: left;
        margin: 0 3px 0 0; }
      section.module .heading .helper i {
        float: left; }
    section.module .heading ul.nav {
      float: right; }
      section.module .heading ul.nav li {
        display: inline;
        list-style-type: none; }
  section.module .body {
    /* add stock features */ }
    section.module .body .preferences-terms-wrapper p {
      margin: 0 0 15px 0; }
    section.module .body .preferences-terms-wrapper .termsselect {
      padding: 0 0 15px 0; }
      section.module .body .preferences-terms-wrapper .termsselect .term {
        padding: 0 0 5px 0; }
        section.module .body .preferences-terms-wrapper .termsselect .term label {
          padding: 0 0 0 5px; }
    section.module .body p.features-helper {
      font-size: 0.8571rem;
      color: #595959;
      text-align: right;
      margin: -5px 0 15px 0; }
    section.module .body #added-features {
      margin: 30px 0 0 0; }
      section.module .body #added-features #features-header {
        border-bottom: 1px solid #EDEDED; }
        section.module .body #added-features #features-header::after {
          display: block;
          content: "";
          clear: both; }
        section.module .body #added-features #features-header p {
          margin: 0;
          padding: 0; }
        section.module .body #added-features #features-header p.title {
          font-size: 1rem;
          float: left;
          margin-bottom: 0.5rem; }
        section.module .body #added-features #features-header p.delete {
          font-size: 0.8rem;
          float: right;
          color: #595959; }
          section.module .body #added-features #features-header p.delete:hover {
            cursor: pointer;
            color: #000; }
      section.module .body #added-features #features-body {
        padding: 20px 0 0 0; }
        section.module .body #added-features #features-body p.no-features {
          font-size: 1rem;
          color: #000;
          border: 1px solid #EDEDED;
          padding: 15px;
          line-height: 2rem; }
        section.module .body #added-features #features-body .ghost {
          background: none;
          border: 1px dashed #959595; }
    section.module .body #autofeed-toggle {
      padding: 15px 0 0 0; }
      section.module .body #autofeed-toggle::after {
        display: block;
        content: "";
        clear: both; }
      section.module .body #autofeed-toggle .togglechk {
        float: left; }
      section.module .body #autofeed-toggle p {
        float: left;
        padding: 0;
        margin: 8px 0 0 10px; }
    section.module .body #valuation-details {
      background: #448BF8;
      padding: 40px 30px;
      margin: 40px 0 0 0;
      position: relative; }
      section.module .body #valuation-details #valuation-header {
        padding: 0 0 15px 0; }
        section.module .body #valuation-details #valuation-header h3 {
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          font-size: 1rem; }
      section.module .body #valuation-details #valuation-body #secondary-list {
        padding: 15px 0 0 0;
        margin: 15px 0 0 0;
        border-top: 1px solid #639EF8; }
      section.module .body #valuation-details #valuation-body .val-row {
        border-bottom: 1px solid #639EF8;
        color: #fff;
        padding: 15px 0; }
        section.module .body #valuation-details #valuation-body .val-row::after {
          display: block;
          content: "";
          clear: both; }
        section.module .body #valuation-details #valuation-body .val-row p {
          padding: 0;
          margin: 0; }
        section.module .body #valuation-details #valuation-body .val-row p.label {
          float: left; }
        section.module .body #valuation-details #valuation-body .val-row p.value {
          float: right;
          font-weight: bold; }
        section.module .body #valuation-details #valuation-body .val-row:last-child {
          border-bottom: none;
          padding-bottom: 0; }
        section.module .body #valuation-details #valuation-body .val-row:first-child {
          padding-top: 0; }
      section.module .body #valuation-details #valuation-footer {
        margin: 30px 0 0 0; }
        section.module .body #valuation-details #valuation-footer p {
          font-size: 0.8571rem;
          color: #fff;
          text-align: center;
          padding: 0;
          margin: 0; }
          section.module .body #valuation-details #valuation-footer p .icon {
            font-size: 0.7143rem;
            margin: 0 0 0 5px; }
          section.module .body #valuation-details #valuation-footer p:hover {
            cursor: pointer; }
  section.module .chart {
    padding: 0 0 30px 0; }
  section.module .stats {
    border-top: 1px solid #EDEDED; }
    section.module .stats .statbox .statbox-inner {
      padding: 30px 0;
      text-align: center;
      border-bottom: 1px solid #EDEDED; }
      section.module .stats .statbox .statbox-inner h5 {
        padding: 0 0 5px 0;
        margin: 0;
        font-size: 2rem; }
      section.module .stats .statbox .statbox-inner p {
        padding: 0;
        margin: 0;
        font-size: 0.7143rem;
        text-transform: uppercase; }
    section.module .stats .statbox:last-child .statbox-inner {
      border-bottom: none;
      padding-bottom: 0; }
  section.module .sm-choose-vehicle #vehiclelookupresults {
    color: #000;
    max-height: 400px;
    overflow-y: scroll; }
    section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result {
      border-bottom: 1px solid #EDEDED;
      padding: 15px 0;
      opacity: 0.5;
      transition: all 0.5s ease; }
      section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result::after {
        display: block;
        content: "";
        clear: both; }
      section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result .img-outer {
        position: relative;
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-clip: padding-box;
        float: left;
        overflow: hidden; }
        section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result .img-outer img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: auto;
          height: 50px;
          transform: translate(-50%, -50%) scale(1.2); }
        section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result .img-outer .no-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-align: center; }
          section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result .img-outer .no-image .icon {
            position: static;
            display: block;
            margin: 5px 0 0 0; }
      section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result p {
        padding: 5px 0 0 40px;
        margin: 0; }
        section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result p .details {
          font-weight: 300; }
    section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result:hover {
      opacity: 1;
      cursor: pointer; }
    section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result:last-child {
      border-bottom: none; }
    section.module .sm-choose-vehicle #vehiclelookupresults .sm-vehicle-search-result.active {
      opacity: 1; }
    section.module .sm-choose-vehicle #vehiclelookupresults #vehicle-lists {
      max-height: 245px;
      overflow-y: scroll; }
  section.module .sm-choose-vehicle #chosen-vehicle {
    margin: 0 0 20px 0; }
    section.module .sm-choose-vehicle #chosen-vehicle .selected-row {
      background: #448BF8;
      padding: 15px;
      border-radius: 3px;
      background-clip: padding-box;
      position: relative; }
      section.module .sm-choose-vehicle #chosen-vehicle .selected-row::after {
        display: block;
        content: "";
        clear: both; }
      section.module .sm-choose-vehicle #chosen-vehicle .selected-row .img-outer {
        position: relative;
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-clip: padding-box;
        float: left;
        overflow: hidden; }
        section.module .sm-choose-vehicle #chosen-vehicle .selected-row .img-outer img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: auto;
          height: 50px;
          transform: translate(-50%, -50%) scale(1.2); }
        section.module .sm-choose-vehicle #chosen-vehicle .selected-row .img-outer .no-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-align: center; }
          section.module .sm-choose-vehicle #chosen-vehicle .selected-row .img-outer .no-image .icon {
            position: static;
            display: block;
            margin: 5px 0 0 0; }
      section.module .sm-choose-vehicle #chosen-vehicle .selected-row p {
        padding: 5px 40px 0 40px;
        margin: 0;
        color: #fff; }
        section.module .sm-choose-vehicle #chosen-vehicle .selected-row p .details {
          font-weight: 300; }
      section.module .sm-choose-vehicle #chosen-vehicle .selected-row i.icon {
        position: absolute;
        right: 15px;
        top: 20px;
        color: #fff; }
  section.module .social-media-account {
    border-bottom: 1px solid #EDEDED;
    padding: 20px 0; }
    section.module .social-media-account::after {
      display: block;
      content: "";
      clear: both; }
    section.module .social-media-account .account-image {
      float: left;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-clip: padding-box;
      opacity: 0.5;
      transition: opacity .25s ease;
      -moz-transition: opacity .25s ease;
      -webkit-transition: opacity .25s ease; }
    section.module .social-media-account .account-image.facebook {
      background: url("../img/admin/socialmedia/facebooksm-bg.svg") no-repeat center center;
      background-size: 40px; }
    section.module .social-media-account .account-image.twitter {
      background: url("../img/admin/socialmedia/twittersm-bg.svg") no-repeat center center;
      background-size: 40px; }
    section.module .social-media-account .account-image.instagram {
      background: url("../img/admin/socialmedia/instagramsm-bg.svg") no-repeat center center;
      background-size: 40px; }
    section.module .social-media-account p.account-name {
      padding: 9px 30px 0 50px;
      margin: 0;
      color: #272727;
      opacity: 0.5;
      transition: opacity .25s ease;
      -moz-transition: opacity .25s ease;
      -webkit-transition: opacity .25s ease; }
    section.module .social-media-account p.account-selected {
      opacity: 0;
      float: right;
      padding: 0;
      margin: 10px 0 0 0; }
  section.module .social-media-account:hover {
    cursor: pointer; }
    section.module .social-media-account:hover .account-image {
      opacity: 1; }
    section.module .social-media-account:hover p.account-name {
      opacity: 1; }
  section.module .social-media-account.active .account-image {
    opacity: 1; }
  section.module .social-media-account.active p {
    opacity: 1; }
  section.module .social-media-account.active p.account-selected {
    opacity: 1; }
  section.module .social-media-account:first-child {
    padding-top: 0; }
  section.module .social-media-account:last-child {
    border-bottom: none;
    margin: 0 0 20px 0;
    padding-bottom: 0; }
  section.module #post-images {
    margin: 0 0 -30px 0; }
    section.module #post-images #post-image-header {
      border-bottom: 1px solid #E5E5E5;
      padding: 0 0 20px 0;
      margin: 0 20px 20px 0; }
      section.module #post-images #post-image-header::after {
        display: block;
        content: "";
        clear: both; }
      section.module #post-images #post-image-header p {
        padding: 0;
        margin: 0; }
      section.module #post-images #post-image-header p.select {
        float: left; }
      section.module #post-images #post-image-header p.select:hover {
        cursor: pointer; }
      section.module #post-images #post-image-header p.counter {
        float: right; }
    section.module #post-images .post-image-outer .post-image {
      overflow: hidden;
      position: relative;
      margin: 0 0 30px 0; }
      section.module #post-images .post-image-outer .post-image img {
        border-radius: 3px;
        background-clip: padding-box;
        object-fit: cover;
        display: block;
        width: 100%; }
      section.module #post-images .post-image-outer .post-image .selected-label {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 7px 0;
        color: #fff;
        background-color: rgba(34, 177, 111, 0.8);
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s ease; }
        section.module #post-images .post-image-outer .post-image .selected-label p {
          padding: 0;
          margin: 0; }
          section.module #post-images .post-image-outer .post-image .selected-label p .text {
            padding: 0 0 0 3px; }
    section.module #post-images .post-image:hover {
      cursor: pointer; }
    section.module #post-images .post-image-outer.active .post-image .selected-label {
      opacity: 1; }
    section.module #post-images p.no-vehicle {
      padding: 0;
      margin: 0 0 20px 0; }
  section.module p.cleardatetime {
    color: #272727;
    opacity: 0.7; }
    section.module p.cleardatetime .icon {
      font-size: 0.7143rem; }
    section.module p.cleardatetime .text {
      font-size: 0.8571rem;
      padding: 1px 0 0 3px; }
  section.module p.cleardatetime:hover {
    cursor: pointer;
    opacity: 1; }
  section.module #schedulingoptions {
    display: none; }
  section.module #customer-details .section {
    padding: 0 0 30px 0; }
    section.module #customer-details .section p {
      font-size: 1rem; }
    section.module #customer-details .section ul {
      padding: 0;
      margin: 0; }
      section.module #customer-details .section ul li {
        font-size: 1rem;
        list-style: none; }
  section.module #customer-details .section.name p {
    font-weight: bold; }
  section.module #customer-details .section:last-child {
    padding-bottom: 0; }
  section.module #specs-description-features #specs {
    border-bottom: 1px solid #EDEDED;
    padding: 20px 0 50px 0;
    margin: 0 0 50px 0; }
    section.module #specs-description-features #specs .spec {
      text-align: center;
      border-right: 1px solid #EDEDED; }
      section.module #specs-description-features #specs .spec .icon {
        font-size: 2rem; }
      section.module #specs-description-features #specs .spec p {
        margin: 5px 0 0; }
    section.module #specs-description-features #specs .spec:last-child {
      border-right: none; }
  section.module #specs-description-features #description, section.module #specs-description-features #features {
    margin: 0 0 40px 0;
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 40px 0; }
    section.module #specs-description-features #description h4, section.module #specs-description-features #features h4 {
      font-size: 1.286rem;
      margin: 0 0 15px 0;
      padding: 0; }
    section.module #specs-description-features #description p, section.module #specs-description-features #features p {
      line-height: 2em;
      margin: 0; }
  section.module #specs-description-features #features {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  section.module #vehicle-photos .image-outer {
    margin: 0 0 30px 0; }
    section.module #vehicle-photos .image-outer .image {
      width: 100%;
      min-height: 50px;
      height: 200px;
      max-height: 350px;
      width: 100%;
      position: relative;
      overflow: hidden;
      background: #EFEFEF; }
      section.module #vehicle-photos .image-outer .image img {
        width: 100%;
        max-width: inherit;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.2); }
  section.module .sub-module {
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #EDEDED; }
    section.module .sub-module:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    section.module .sub-module .head {
      border-bottom: none;
      padding: 0; }
      section.module .sub-module .head h4 {
        font-size: 1.143rem;
        margin: 0 0 20px 0; }
        section.module .sub-module .head h4 .secondary {
          font-size: 0.8571rem;
          font-style: italic; }
  section.module .publish-option {
    border-bottom: 1px solid #EDEDED;
    padding: 30px 0; }
    section.module .publish-option:first-child {
      padding-top: 0; }
    section.module .publish-option:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    section.module .publish-option .publish-option-inner .content-actions .content {
      margin: 0 0 20px 0; }
      section.module .publish-option .publish-option-inner .content-actions .content h4 {
        font-size: 1.143rem; }
        section.module .publish-option .publish-option-inner .content-actions .content h4 .selected {
          font-size: 1rem;
          font-style: italic;
          font-weight: normal; }
      section.module .publish-option .publish-option-inner .content-actions .content p {
        font-size: 1rem;
        margin: 0; }
        section.module .publish-option .publish-option-inner .content-actions .content p em {
          font-weight: 600; }
    section.module .publish-option .publish-option-inner .content-actions .actions {
      margin: 10px 0 20px 0; }
      section.module .publish-option .publish-option-inner .content-actions .actions ul {
        padding: 0;
        margin: 0; }
        section.module .publish-option .publish-option-inner .content-actions .actions ul li {
          list-style: none;
          display: inline-block;
          margin: 0 10px 0 0; }
          section.module .publish-option .publish-option-inner .content-actions .actions ul li a {
            color: #595959;
            font-size: 0.8571rem; }
            section.module .publish-option .publish-option-inner .content-actions .actions ul li a .icon {
              margin: 0 3px 0 0; }
            section.module .publish-option .publish-option-inner .content-actions .actions ul li a:hover {
              color: #000;
              text-decoration: none; }
            section.module .publish-option .publish-option-inner .content-actions .actions ul li a.active {
              color: #000; }
    section.module .publish-option .publish-option-inner .content-actions .notice {
      border: 1px solid #EDEDED;
      font-size: 1rem;
      padding: 20px 30px;
      margin: 30px 0 30px 0;
      border-radius: 3px;
      background-clip: padding-box; }
      section.module .publish-option .publish-option-inner .content-actions .notice .message {
        display: -ms-flexbox;
        display: flex; }
        section.module .publish-option .publish-option-inner .content-actions .notice .message i.icon {
          -ms-flex: 0 0 25px;
              flex: 0 0 25px; }
        section.module .publish-option .publish-option-inner .content-actions .notice .message p {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          display: inline-block;
          font-weight: bold;
          padding: 0;
          margin: 0 0 10px 0; }
      section.module .publish-option .publish-option-inner .content-actions .notice .checkbox {
        display: -ms-flexbox;
        display: flex; }
        section.module .publish-option .publish-option-inner .content-actions .notice .checkbox .input-container {
          -ms-flex: 0 0 20px;
              flex: 0 0 20px; }
          section.module .publish-option .publish-option-inner .content-actions .notice .checkbox .input-container input[type="checkbox"] {
            display: inline-block;
            width: auto; }
        section.module .publish-option .publish-option-inner .content-actions .notice .checkbox label {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          display: inline-block;
          margin: 0 0 0 2px; }
          section.module .publish-option .publish-option-inner .content-actions .notice .checkbox label:hover {
            cursor: pointer; }
    section.module .publish-option .publish-option-inner .toggle {
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
      /* move desktop */ }
      section.module .publish-option .publish-option-inner .toggle .coming-soon p {
        background: #000;
        color: #fff;
        border-radius: 3px;
        background-clip: padding-box;
        font-size: 0.8571rem;
        padding: 7px 0;
        text-align: center; }
      section.module .publish-option .publish-option-inner .toggle .togglechk {
        float: left; }
      section.module .publish-option .publish-option-inner .toggle p.action-required {
        float: left; }
      section.module .publish-option .publish-option-inner .toggle p.configure {
        margin: 7px 7px 0 7px;
        padding: 0;
        float: right; }
        section.module .publish-option .publish-option-inner .toggle p.configure a {
          color: #595959;
          font-size: 0.8571rem;
          transition: all 0.3s ease; }
          section.module .publish-option .publish-option-inner .toggle p.configure a:hover {
            color: #000;
            text-decoration: none; }
    section.module .publish-option .extended-options {
      margin: 30px 0 0 0; }

.container-fluid .row:last-child .module {
  margin-bottom: 0; }

.content-section {
  border: 1px solid #EDEDED;
  padding: 30px;
  margin: 0 0 30px 0; }
  .content-section .head {
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .content-section .head::after {
      display: block;
      content: "";
      clear: both; }
    .content-section .head .helper {
      display: none;
      float: right;
      font-size: 0.8571rem;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin: 3px 0 0 0; }
      .content-section .head .helper::after {
        display: block;
        content: "";
        clear: both; }
      .content-section .head .helper label:hover, .content-section .head .helper input:hover {
        cursor: pointer; }
      .content-section .head .helper p, .content-section .head .helper label {
        float: left;
        margin: 0 5px 0 0; }
      .content-section .head .helper i {
        float: left; }
    .content-section .head h3 {
      float: left;
      font-size: 1.143rem;
      margin: 2px 0 0 0;
      padding: 0;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .content-section .head h3 .selected {
        font-weight: normal;
        font-style: italic;
        font-size: 0.8571rem; }
    .content-section .head i.icon {
      float: left;
      font-size: 1rem;
      color: #000;
      margin: 0 5px 0 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px; }
  .content-section .body {
    padding: 20px 0 0 0; }
    .content-section .body textarea {
      width: 100%;
      height: 390px;
      border: 1px solid #E2E2E2;
      border-radius: 3px;
      background-clip: padding-box;
      padding: 15px; }
    .content-section .body #include-cl-link {
      margin: 30px 0 0 0; }
      .content-section .body #include-cl-link input[type="checkbox"] {
        display: inline-block; }
      .content-section .body #include-cl-link label {
        display: inline-block; }
    .content-section .body .group {
      margin: 0 0 40px 0; }
      .content-section .body .group:last-child {
        margin-bottom: 0; }
      .content-section .body .group .header h5 {
        font-size: 1rem; }
      .content-section .body .group .checkrow {
        border-bottom: 1px solid #EDEDED;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0; }
        .content-section .body .group .checkrow::after {
          display: block;
          content: "";
          clear: both; }
        .content-section .body .group .checkrow:last-child {
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        .content-section .body .group .checkrow .template {
          width: 100%; }
          .content-section .body .group .checkrow .template select {
            display: block;
            padding: 17px 15px 17px 5px !important;
            width: 100%;
            height: auto !important;
            border: 1px solid #E2E2E2;
            border-radius: 0;
            background: #fff url("/build/assets/img/admin/select-drop-arrow.png") right 8px no-repeat;
            background-color: #fff;
            color: #000;
            font-size: 12px;
            line-height: 16px !important;
            appearance: none;
            /* this is must */
            -webkit-appearance: none;
            -moz-appearance: none;
            transition: border-color 0.3s ease-in-out; }
            .content-section .body .group .checkrow .template select:hover, .content-section .body .group .checkrow .template select.filled {
              cursor: pointer;
              background-position: right -59px; }
          @media (min-resolution: 192dpi) {
            .content-section .body .group .checkrow .template {
              /* Retina-specific stuff here */ }
              .content-section .body .group .checkrow .template select {
                background: #fff url("/build/assets/img/admin/select-drop-arrow@2x.png") right 8px no-repeat;
                background-size: 31px 104px; }
                .content-section .body .group .checkrow .template select:hover, .content-section .body .group .checkrow .template select.filled {
                  background-position: right -59px; } }
        .content-section .body .group .checkrow .account-details {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          margin: 20px 0 0 0; }
          .content-section .body .group .checkrow .account-details .account-icon {
            -ms-flex: 0 0 30px;
                flex: 0 0 30px;
            margin: 0 10px 0 0; }
            .content-section .body .group .checkrow .account-details .account-icon .pub-icon {
              width: 30px;
              height: 30px;
              display: block; }
              .content-section .body .group .checkrow .account-details .account-icon .pub-icon.fbpage {
                background: url("/build/assets/img/admin/publish-channels/publish_fbpages.svg") no-repeat; }
              .content-section .body .group .checkrow .account-details .account-icon .pub-icon.fbgroup {
                background: url("/build/assets/img/admin/publish-channels/publish_fbgroups.svg") no-repeat; }
          .content-section .body .group .checkrow .account-details .name {
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
            .content-section .body .group .checkrow .account-details .name label {
              margin: 5px 0 0 0;
              padding: 0; }
              .content-section .body .group .checkrow .account-details .name label[for] {
                cursor: pointer; }
          .content-section .body .group .checkrow .account-details .check {
            -ms-flex: 0 0 40px;
                flex: 0 0 40px;
            text-align: right; }
            .content-section .body .group .checkrow .account-details .check input {
              margin: 9px 0 0 0; }
              .content-section .body .group .checkrow .account-details .check input:hover {
                cursor: pointer; }
    .content-section .body .schedule-panel .clear-fields p {
      margin: 0;
      padding: 0;
      font-size: 0.8571rem;
      display: inline-block; }
      .content-section .body .schedule-panel .clear-fields p:hover {
        cursor: pointer; }

section.module .content-section:last-child {
  margin-bottom: 0; }

/* Add Vehicle Page */
#enter-registration {
  margin: 0 0 30px 0; }
  #enter-registration.stockpage {
    margin-bottom: 20px; }
  #enter-registration .view {
    border-radius: 3px;
    background-clip: padding-box;
    padding: 10px; }
    #enter-registration .view .content {
      width: 100%; }
    #enter-registration .view .cta {
      width: 100%; }
    #enter-registration .view#registration-lookup {
      background: #fff; }
      #enter-registration .view#registration-lookup .content {
        margin: 0 0 10px 0; }
        #enter-registration .view#registration-lookup .content input[type="text"] {
          width: 100%;
          border: none;
          outline: 0;
          height: 50px;
          font-size: 1rem;
          text-transform: uppercase;
          font-weight: 600;
          text-align: center;
          border: 1px solid #B5B5B5;
          width: 100%;
          border-radius: 3px;
          background-clip: padding-box; }
        #enter-registration .view#registration-lookup .content :-ms-input-placeholder {
          /* Internet Explorer 10+ */
          text-transform: none;
          font-weight: normal; }
        #enter-registration .view#registration-lookup .content ::placeholder {
          /* Recent browsers */
          text-transform: none;
          font-weight: normal; }
      #enter-registration .view#registration-lookup.error {
        border-color: #B91212; }
    #enter-registration .view#registration-result {
      background: #000; }
      #enter-registration .view#registration-result .content .manufacturer-logo {
        height: 42px;
        background: rgba(255, 255, 255, 0.9);
        height: 64px;
        border-radius: 3px;
        background-clip: padding-box;
        text-align: center; }
        #enter-registration .view#registration-result .content .manufacturer-logo img {
          height: 42px;
          max-width: 110px;
          padding: 0 10px;
          margin: 11px 0 0 0; }
      #enter-registration .view#registration-result .content .text p {
        padding: 0;
        margin: 20px 0;
        color: #fff;
        text-align: center; }
        #enter-registration .view#registration-result .content .text p strong {
          text-transform: uppercase; }
    #enter-registration .view#registration-error {
      background: #C97F1B; }
      #enter-registration .view#registration-error .content .text p {
        margin: 10px 0 20px 10px;
        text-align: center;
        color: #fff; }
        #enter-registration .view#registration-error .content .text p strong {
          text-transform: uppercase; }

#page-btns::after {
  display: block;
  content: "";
  clear: both; }

#page-btns .mainbtns p.secondary {
  text-align: center;
  padding: 0;
  margin: 15px 0 0 0; }
  #page-btns .mainbtns p.secondary a {
    color: #595959;
    font-size: 0.8571rem;
    transition: all 0.3s ease; }
    #page-btns .mainbtns p.secondary a:hover {
      text-decoration: none;
      color: #000; }

#page-btns .add-another {
  text-align: center;
  margin: 11px 0 0 0; }
  #page-btns .add-another label:hover {
    cursor: pointer; }

/* Generic re-usable table styles */
.table {
  padding: 0;
  margin: 0; }
  .table table {
    width: 100%;
    border: 1px solid #E5E5E5; }
  .table #loadmore {
    margin: 30px 0 0 0;
    text-align: center; }
  .table thead {
    border: none;
    border-bottom: 2px solid #E5E5E5; }
    .table thead th {
      border-bottom: none;
      font-size: 1rem;
      font-weight: 600;
      border-right: 1px solid #E5E5E5;
      padding: 1rem 0.75rem; }
    .table thead th.alignright {
      text-align: right; }
  .table tbody tr {
    border-bottom: 1px solid #E5E5E5; }
    .table tbody tr td {
      font-size: 1rem;
      border-right: 1px solid #E5E5E5;
      vertical-align: middle;
      padding: 1rem 0.75rem; }
    .table tbody tr td.alignright {
      text-align: right; }
    .table tbody tr td.img {
      text-align: center;
      padding: 0.5rem 0.75rem;
      text-align: center;
      width: 80px; }
      .table tbody tr td.img .image-outer {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-clip: padding-box;
        overflow: hidden;
        margin: 0 auto; }
        .table tbody tr td.img .image-outer img {
          height: 40px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(1.2); }
  .table tbody tr.unread {
    font-weight: 600; }
  .table tbody tr.unread td.actionbuttons {
    font-weight: normal; }
  .table tbody tr:hover, .table tbody tr.active {
    background: #F8F8F8; }
  .table tbody tr.leadthreadrow {
    background: #F8F8F8; }
    .table tbody tr.leadthreadrow .thread-container {
      padding: 30px; }
      .table tbody tr.leadthreadrow .thread-container .reply {
        padding: 30px 0; }
        .table tbody tr.leadthreadrow .thread-container .reply .user {
          width: 100%;
          text-align: center;
          padding: 0 0 20px 0; }
          .table tbody tr.leadthreadrow .thread-container .reply .user img {
            width: 65px;
            height: 65px;
            background: #fff;
            border-radius: 50%;
            background-clip: padding-box; }
          .table tbody tr.leadthreadrow .thread-container .reply .user p {
            font-weight: 400;
            color: #2C2C2C;
            font-size: 1rem;
            padding: 0;
            margin: 15px 0 0 0; }
        .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container {
          background: #fff;
          border-radius: 3px;
          background-clip: padding-box;
          padding: 30px; }
          .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container .message p {
            padding: 0;
            margin: 0;
            font-size: 1rem;
            line-height: 2rem; }
          .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container .contactdetails {
            padding: 20px 0 0 0; }
            .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container .contactdetails p {
              font-size: 1rem;
              padding: 0;
              margin: 0; }
          .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container .datetime {
            margin: 20px 0 0 0; }
            .table tbody tr.leadthreadrow .thread-container .reply .message-container .message-inner-container .datetime p {
              padding: 0;
              margin: 0;
              color: #A5A5A5;
              font-size: 0.8571rem; }
      .table tbody tr.leadthreadrow .thread-container .reply-box .reply-box-inner textarea {
        width: 100%;
        border: 1px solid #898989;
        border-radius: 3px;
        background-clip: padding-box;
        height: 150px;
        padding: 20px;
        font-size: 1rem; }
      .table tbody tr.leadthreadrow .thread-container .reply-box .reply-box-inner .send-email-reply {
        margin: 20px 0 0 0;
        text-align: center; }

/* Card layout for dealer stock */
section#search-filter {
  margin: 0 0 20px 0; }
  section#search-filter #search {
    position: relative;
    margin: 0 0 10px 0; }
    section#search-filter #search i.icon {
      position: absolute;
      top: 18px;
      left: 20px;
      font-size: 1.2rem; }
    section#search-filter #search input {
      border-radius: 5px;
      background-clip: padding-box;
      outline: none;
      border: none;
      width: 100%;
      height: 60px;
      padding: 0 0 0 55px; }

#filter-sort {
  border-radius: 3px;
  background-clip: padding-box;
  background: #fff;
  padding: 20px; }
  #filter-sort::after {
    display: block;
    content: "";
    clear: both; }
  #filter-sort.margin-bottom {
    margin: 0 0 20px 0; }
  #filter-sort #filter::after {
    display: block;
    content: "";
    clear: both; }
  #filter-sort #filter label {
    display: none; }
  #filter-sort #filter #options button {
    border-radius: 3px;
    background-clip: padding-box;
    background: none;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #909090;
    color: #595959;
    font-size: 0.8571rem;
    transition: all 0.3s ease;
    width: 100%;
    margin: 0 0 10px 0; }
  #filter-sort #filter #options button:hover {
    cursor: pointer;
    color: #000;
    border-color: #000; }
  #filter-sort #filter #options button.active {
    background: #000;
    color: #fff;
    border-color: #000; }
  #filter-sort #filter #options button:last-child {
    margin-right: 0; }
  #filter-sort #sort {
    margin: 20px 0 0 0; }
    #filter-sort #sort label {
      margin: 0 0 10px 0;
      font-size: 0.8571rem;
      text-align: center;
      width: 100%; }
    #filter-sort #sort .drop-container {
      float: left; }

section#vehicle-stock {
  margin: 0 0 30px 0; }
  section#vehicle-stock .no-results {
    text-align: center;
    width: 100%;
    margin: 0 0 30px 0; }
    section#vehicle-stock .no-results p {
      font-size: 1.286rem;
      font-weight: 400;
      margin: 0; }

/* Vehicle Detail */
section#common-toolbar #common-toolbar-inner {
  border-radius: 5px;
  background-clip: padding-box;
  background: #000;
  /* only need for desktop *; */ }
  section#common-toolbar #common-toolbar-inner #cover-image {
    display: none; }
  section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info {
    border-radius: 5px 5px 0 0;
    background-clip: padding-box;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #505050; }
    section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info::after {
      display: block;
      content: "";
      clear: both; }
    section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer {
      width: 80px;
      height: 80px;
      margin: 0 auto; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image {
        width: 80px;
        height: 80px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        background-clip: padding-box; }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image img {
          width: 100%;
          max-width: inherit;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(1.5); }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image .no-image {
          border: 1px solid #D8D8D8;
          border-radius: 50%;
          background-clip: padding-box;
          width: 100%;
          height: 100%;
          text-align: center;
          padding: 25px 0 0 0;
          background: #fff; }
          section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image .no-image .icon {
            color: #D8D8D8;
            font-size: 1.5rem; }
    section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info h2 {
      font-size: 1.286rem;
      padding: 20px 0;
      margin: 0; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info h2 .price {
        font-weight: normal;
        font-style: italic; }
    section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg {
      text-align: center; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg span.status {
        border-radius: 3px;
        background-clip: padding-box;
        color: #fff;
        font-size: 0.8571rem;
        padding: 10px 15px;
        display: inline-block; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg .status.active {
        background: #2222C6; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg .status.sold {
        background: #4EAC59; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg .status.draft {
        background: #A5A5A5; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg span.reg {
        background: #FAF45A;
        color: #000;
        border-radius: 3px;
        background-clip: padding-box;
        font-size: 0.8571rem;
        padding: 10px 15px;
        display: inline-block; }
  section#common-toolbar #common-toolbar-inner #summary {
    padding: 30px;
    color: #fff; }
    section#common-toolbar #common-toolbar-inner #summary .stat {
      padding: 0 0 20px 0;
      margin: 0 0 20px 0;
      text-align: center;
      border-bottom: 1px solid #3B3B3B; }
      section#common-toolbar #common-toolbar-inner #summary .stat i.icon {
        font-size: 1.8rem; }
      section#common-toolbar #common-toolbar-inner #summary .stat h3 {
        font-size: 1.571rem;
        font-weight: normal;
        padding: 20px 0 10px 0;
        margin: 0; }
      section#common-toolbar #common-toolbar-inner #summary .stat p {
        color: #9F9F9F;
        font-size: 1rem;
        padding: 0;
        margin: 0; }
    section#common-toolbar #common-toolbar-inner #summary .stat-outer:last-child .stat {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
  section#common-toolbar #common-toolbar-inner #actions {
    border-top: 1px solid #3B3B3B;
    padding: 20px; }
    section#common-toolbar #common-toolbar-inner #actions ul {
      padding: 0;
      margin: 0;
      text-align: center;
      display: -ms-flexbox;
      display: flex; }
      section#common-toolbar #common-toolbar-inner #actions ul li {
        list-style: none;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        color: #626262;
        border-right: 1px solid #272727;
        transition: color 0.5s ease; }
        section#common-toolbar #common-toolbar-inner #actions ul li a {
          color: #969696;
          transition: all 0.5s ease; }
          section#common-toolbar #common-toolbar-inner #actions ul li a .text {
            width: 100%;
            float: left;
            font-size: 1rem; }
          section#common-toolbar #common-toolbar-inner #actions ul li a .icon {
            width: 100%;
            float: left;
            height: 25px; }
        section#common-toolbar #common-toolbar-inner #actions ul li a:hover {
          text-decoration: none;
          color: #fff; }
      section#common-toolbar #common-toolbar-inner #actions ul li:last-child {
        border-right: none; }

#vehicle-detail-nav {
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 30px 0 0 0; }
  #vehicle-detail-nav nav ul {
    padding: 0;
    margin: 0; }
    #vehicle-detail-nav nav ul li {
      list-style: none;
      display: inline-block;
      width: 25%;
      text-align: center;
      padding: 25px 0;
      color: #959595;
      text-transform: uppercase;
      transition: color 0.5s ease; }
    #vehicle-detail-nav nav ul li:hover {
      cursor: pointer;
      color: #000; }
    #vehicle-detail-nav nav ul li:first-child {
      border-radius: 5px 0 0 5px;
      background-clip: padding-box; }
    #vehicle-detail-nav nav ul li:last-child {
      border-radius: 0 5px 5px 0;
      background-clip: padding-box; }
    #vehicle-detail-nav nav ul li.active {
      border-bottom: 5px solid #000;
      color: #000;
      padding: 25px 0 20px 0; }

#vehicle-detail-innerpages .vehicle-inner-page {
  margin: 20px 0 0 0;
  /* financial stat cards */ }
  #vehicle-detail-innerpages .vehicle-inner-page section#stats {
    margin: 0 0 0 0; }
    #vehicle-detail-innerpages .vehicle-inner-page section#stats .card {
      background: #fff;
      border-radius: 5px;
      background-clip: padding-box;
      box-shadow: 0px 1px 0px 0px #D9D9D9; }
      #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner {
        padding: 0 20px; }
        #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .top {
          text-align: center;
          border-bottom: 1px solid #EFEFEF;
          padding: 60px 0; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .top h4 {
            font-size: 2.857rem; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .top h4.positive {
            color: #359F07; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .top h4.negative {
            color: #9F0707; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .top p {
            color: #707070;
            padding: 0;
            margin: 0; }
        #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .bottom ul {
          padding: 0;
          margin: 0;
          text-align: center;
          padding: 50px 0; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .bottom ul li {
            list-style: none;
            padding: 0 0 30px 0; }
          #vehicle-detail-innerpages .vehicle-inner-page section#stats .card .inner .bottom ul li:last-child {
            padding-bottom: 0; }
  #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card {
    background: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0px 1px 0px 0px #D9D9D9;
    margin: 0 0 30px 0;
    padding: 60px 0; }
    #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card .inner {
      padding: 0 20px;
      text-align: center; }
      #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card .inner h4 {
        font-size: 2.857rem; }
      #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card .inner h4.positive {
        color: #359F07; }
      #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card .inner h4.negative {
        color: #9F0707; }
      #vehicle-detail-innerpages .vehicle-inner-page section#financial-stats .card .inner p {
        color: #707070;
        padding: 0;
        margin: 0; }
  #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost {
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0; }
    #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost::after {
      display: block;
      content: "";
      clear: both; }
    #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost input {
      border: 1px solid #E5E5E5;
      height: 50px;
      padding: 0 0 0 15px;
      clear: both;
      float: left;
      margin: 0 0 20px 0;
      width: 270px; }
    #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost input.error {
      border-color: #B91212; }
    #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost button {
      float: left;
      clear: both; }
  #vehicle-detail-innerpages .vehicle-inner-page section#preparation-costs #add-cost.no-costs {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }

/* sold page */
#sold-success {
  background: #1C1C1C;
  color: #fff;
  padding: 25px 30px;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0 0 40px 0; }
  #sold-success h2 {
    font-weight: normal;
    font-size: 1.286rem;
    margin: 0 0 5px 0; }
  #sold-success h3 {
    font-weight: normal;
    font-size: 1.143rem;
    color: #CECECE;
    margin: 0; }

/* breadcrumb */
#return-breadcrumb {
  margin: 0 0 20px 0; }
  #return-breadcrumb p {
    padding: 0;
    margin: 0; }
    #return-breadcrumb p a {
      color: #464646; }
    #return-breadcrumb p a:hover {
      color: #000;
      text-decoration: none; }

section#userinfo {
  margin: 0 0 30px 0; }
  section#userinfo::after {
    display: block;
    content: "";
    clear: both; }
  section#userinfo #useravatar {
    text-align: center;
    margin: 0 0 15px 0; }
    section#userinfo #useravatar img {
      /*width: 64px;*/
      max-height: 45px; }
  section#userinfo #usersname {
    text-align: center;
    padding: 0 0 15px 0; }
    section#userinfo #usersname p {
      font-size: 1.286rem;
      padding: 0 0 5px 0;
      margin: 0; }
    section#userinfo #usersname p.location {
      font-size: 0.8571rem;
      color: #A5A5A5; }

/* tools - valuations */
section#previous-valuations h3 {
  font-size: 1.286rem;
  margin: 0 0 20px 0; }

/* re-usable tabs */
ul.tabnav {
  padding: 0;
  margin: 0 0 24px 0;
  text-align: center;
  background: #fff;
  width: 100%; }
  ul.tabnav::after {
    display: block;
    content: "";
    clear: both; }
  ul.tabnav li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0; }
    ul.tabnav li a {
      text-decoration: none;
      text-align: center;
      display: block;
      color: #595959;
      transition: color 0.5s ease;
      text-transform: uppercase;
      font-size: 0.8571rem;
      padding: 20px 0; }
    ul.tabnav li a:hover {
      color: #000;
      cursor: pointer; }
  ul.tabnav li:first-child a {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  ul.tabnav li:last-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  ul.tabnav li.active a {
    color: #fff;
    background: #1D2021; }

ul.tabnav4items li {
  width: 25%; }

ul.tabnav5items li {
  width: 20%; }

ul.dynamic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  ul.dynamic li {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

/* re-usable body tabs */
ul.body-tabs {
  padding: 0;
  margin: 0 0 20px 0; }
  ul.body-tabs::after {
    display: block;
    content: "";
    clear: both; }
  ul.body-tabs li {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0; }
    ul.body-tabs li a {
      padding: 10px 0;
      color: #000;
      font-size: 0.8571rem;
      border-radius: 2px;
      background-clip: padding-box; }
      ul.body-tabs li a .text {
        padding: 0 40px;
        border-right: 1px solid #E0E0E0; }
    ul.body-tabs li a.active {
      background: #000;
      display: block;
      color: #fff; }
      ul.body-tabs li a.active .text {
        border-right: none; }
  ul.body-tabs li:last-child a .text {
    border-right: 0; }

/* empty states */
.emptystate {
  background: #fff;
  padding: 30px 0;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0 0 30px 0; }
  .emptystate .icon {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto; }
  .emptystate .icon.socialmedia {
    background: url("../img/admin/empty-state-icons/socialmedia.svg") no-repeat center center; }
  .emptystate .icon.facebook {
    background: url("../img/admin/empty-state-icons/facebook.svg") no-repeat center center; }
  .emptystate .icon.leads {
    background: url("../img/admin/empty-state-icons/leads.svg") no-repeat center center; }
  .emptystate .icon.stock {
    background: url("../img/admin/empty-state-icons/stock.svg") no-repeat center center; }
  .emptystate .icon.views {
    background: url("../img/admin/empty-state-icons/views.svg") no-repeat center center; }
  .emptystate .icon.turnover {
    background: url("../img/admin/empty-state-icons/turnover.svg") no-repeat center center; }
  .emptystate .icon.stock {
    background: url("../img/admin/empty-state-icons/stock.svg") no-repeat center center; }
  .emptystate p {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0; }
  .emptystate p.btn {
    margin: 0 auto; }
    .emptystate p.btn a {
      display: inline-block;
      padding: 0;
      margin: 0;
      /*background:#229EC6;*/
      background: #222222;
      outline: none;
      font-weight: normal;
      border: 0;
      color: #fff;
      height: 43px;
      line-height: 43px;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.8571rem;
      padding: 0 20px;
      transition: background-color 0.5s ease; }
      .emptystate p.btn a:hover {
        text-decoration: none; }
  .emptystate ul.socialmedia {
    text-align: center;
    padding: 0;
    margin: 20px 0 0 0; }
    .emptystate ul.socialmedia li {
      display: inline-block;
      list-style-type: none;
      margin: 0 5px; }
      .emptystate ul.socialmedia li a {
        width: 25px;
        height: 25px;
        display: block;
        text-indent: -100000px; }
    .emptystate ul.socialmedia li.facebook a {
      background: url("../img/admin/socialmedia/facebooksm-bg.svg") no-repeat center center; }
    .emptystate ul.socialmedia li.twitter a {
      background: url("../img/admin/socialmedia/twittersm-bg.svg") no-repeat center center; }
    .emptystate ul.socialmedia li.instagram a {
      background: url("../img/admin/socialmedia/instagramsm-bg.svg") no-repeat center center; }
  .emptystate ul.social-login {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0; }
    .emptystate ul.social-login li {
      display: block;
      text-align: center;
      list-style-type: none;
      margin: 0 auto 10px auto;
      width: 203px;
      height: 48px; }
      .emptystate ul.social-login li a {
        text-indent: -100000px;
        width: 203px;
        height: 48px;
        float: left; }
    .emptystate ul.social-login li:last-child {
      margin-bottom: 0; }
    .emptystate ul.social-login li.facebook a {
      background: url("../img/socialmedia/fb_login.svg") no-repeat center center; }
    .emptystate ul.social-login li.twitter a {
      background: url("../img/socialmedia/twt_login.svg") no-repeat center center; }

.emptystate.nomargin {
  margin-bottom: 0; }

.emptystate-alt {
  background: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 20px 20px;
  text-align: center; }
  .emptystate-alt .content p {
    padding: 0;
    margin: 14px 0 0 0; }
  .emptystate-alt .btn-container {
    margin: 20px 0 0 0; }

/* loading overlay */
#flo-overlay {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.90;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */ }

#flo-container {
  display: none;
  z-index: 2001;
  width: 440px;
  background: #000;
  border-radius: 5px;
  background-clip: padding-box; }
  #flo-container #flo-container-inner {
    padding: 50px;
    color: #fff;
    text-align: center; }
    #flo-container #flo-container-inner .loading-header h5 {
      font-size: 1.857rem;
      font-weight: 400; }
    #flo-container #flo-container-inner .loading-body {
      padding: 25px 0; }
      #flo-container #flo-container-inner .loading-body .spinner {
        margin: 0 auto;
        width: 50px;
        height: 40px;
        text-align: center;
        font-size: 10px; }
      #flo-container #flo-container-inner .loading-body .spinner > div {
        background-color: #555555;
        height: 100%;
        width: 6px;
        display: inline-block;
        animation: sk-stretchdelay 1.2s infinite ease-in-out; }
      #flo-container #flo-container-inner .loading-body .spinner .rect2 {
        animation-delay: -1.1s; }
      #flo-container #flo-container-inner .loading-body .spinner .rect3 {
        animation-delay: -1.0s; }
      #flo-container #flo-container-inner .loading-body .spinner .rect4 {
        animation-delay: -0.9s; }
      #flo-container #flo-container-inner .loading-body .spinner .rect5 {
        animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

/* modal - move out */
.clmodal .modal-content {
  padding: 40px 50px; }
  .clmodal .modal-content .closemodal {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0.8571rem;
    color: #BEBEBE; }
  .clmodal .modal-content .closemodal:hover {
    cursor: pointer; }
  .clmodal .modal-content .image-container {
    padding: 0 0 30px 0; }
    .clmodal .modal-content .image-container .icon {
      width: 73px;
      height: 73px;
      display: block;
      margin: 0 auto; }
    .clmodal .modal-content .image-container .icon.modal-delete {
      background: url("../img/admin/modal/modal-delete.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-success {
      background: url("../img/admin/modal/modal-success.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-help {
      background: url("../img/admin/modal/modal-support.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-image {
      background: url("../img/admin/modal/modal-image.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-settings {
      background: url("../img/admin/modal/modal-settings.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-usedcarsni {
      background: url("../img/admin/modal/modal-ucni.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-autotrader {
      background: url("../img/admin/modal/modal-autotrader.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-donedeal {
      background: url("../img/admin/modal/modal-donedeal.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-yourredcar {
      background: url("../img/admin/modal/modal-yourredcar.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-carloverwebsite {
      background: url("../img/admin/modal/modal-carloverwebsite.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-pistonheads {
      background: url("../img/admin/modal/modal-pistonheads.svg") no-repeat center center; }
    .clmodal .modal-content .image-container .icon.modal-cargurus {
      background: url("../img/admin/modal/modal-cargurus.svg") no-repeat center center; }
  .clmodal .modal-content .description {
    text-align: center; }
    .clmodal .modal-content .description h5 {
      font-size: 1.286rem;
      padding: 0;
      margin: 0 0 20px 0; }
    .clmodal .modal-content .description p {
      font-size: 1rem;
      line-height: 2em; }
  .clmodal .modal-content .buttons {
    text-align: center;
    padding: 15px 0 0 0; }
    .clmodal .modal-content .buttons button {
      padding: 15px 20px;
      outline: none;
      border: none;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.9286rem;
      margin: 0 10px;
      transition: all 0.3s ease-out; }
    .clmodal .modal-content .buttons button:hover {
      cursor: pointer; }
    .clmodal .modal-content .buttons button.close {
      background: none;
      border: 1px solid #BCBCBC;
      color: #9D9D9D; }
    .clmodal .modal-content .buttons button.close:hover {
      border-color: #767676;
      color: #767676; }
    .clmodal .modal-content .buttons button.delete {
      background-color: #D82121;
      color: #fff; }
    .clmodal .modal-content .buttons button.delete:hover {
      background-color: #BF1717; }
    .clmodal .modal-content .buttons button.confirm {
      background-color: #229EC6;
      color: #fff; }
    .clmodal .modal-content .buttons button.confirm:hover {
      background-color: #218CAF; }

/* re-usable pages */
#content-page .section {
  margin: 0 0 50px 0; }
  #content-page .section h2 {
    font-size: 1.714rem;
    font-weight: 600;
    margin: 0 0 20px 0; }
  #content-page .section ul {
    padding: 0;
    margin: 0; }
    #content-page .section ul li {
      border-left: 5px solid #5461CF;
      margin: 0 0 15px 0;
      padding: 0 0 0 10px;
      list-style: none; }

#quick-start {
  background: #0049BB;
  color: #fff;
  padding: 30px 20px; }
  #quick-start h2 {
    font-size: 1.286rem;
    margin: 0 0 10px 0; }
  #quick-start .quick-start-steps {
    margin: 0 -10px; }
    #quick-start .quick-start-steps .step {
      margin: 0 10px 20px 10px;
      background: #448BF8; }
      #quick-start .quick-start-steps .step a {
        color: #fff; }
        #quick-start .quick-start-steps .step a .inner {
          padding: 50px 30px;
          position: relative; }
          #quick-start .quick-start-steps .step a .inner i.icon {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 1.6rem;
            display: none; }
          #quick-start .quick-start-steps .step a .inner p {
            padding: 0;
            margin: 0; }
        #quick-start .quick-start-steps .step a:hover {
          text-decoration: none; }
      #quick-start .quick-start-steps .step.complete {
        background: #2367D1; }
        #quick-start .quick-start-steps .step.complete a .inner .icon {
          display: block; }

.dashboard-notice {
  background: #448BF8;
  color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 20px;
  margin: 0 0 30px 0; }
  .dashboard-notice.error {
    background: #C71414; }
    .dashboard-notice.error .date {
      border-right: 1px solid #D35454; }
  .dashboard-notice p {
    margin: 0;
    line-height: 1.5rem; }
    .dashboard-notice p a {
      color: #fff;
      text-decoration: underline; }
      .dashboard-notice p a:hover {
        text-decoration: none; }
  .dashboard-notice .date {
    border-right: 1px solid #64A1FF;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0; }
    .dashboard-notice .date p {
      font-weight: 600; }
    .dashboard-notice .date .icon {
      margin: 4px 0 0 0;
      display: block; }
  .dashboard-notice .content {
    text-align: center;
    margin: 0 0 15px 0; }
  .dashboard-notice .button p {
    float: none;
    text-align: center; }
    .dashboard-notice .button p a {
      border: 1px solid #fff;
      outline: none;
      font-weight: normal;
      color: #fff;
      height: 43px;
      border-radius: 3px;
      background-clip: padding-box;
      font-size: 0.8571rem;
      padding: 8px 15px;
      background: none;
      text-decoration: none; }
    .dashboard-notice .button p a:hover {
      text-decoration: none; }

#dashboard-info {
  background: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px 0; }
  #dashboard-info .content {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    -ms-flex-order: 2;
        order: 2;
    padding: 40px 40px 40px 50px; }
    #dashboard-info .content .head {
      border-bottom: 1px solid #E6E6E6;
      padding: 0 0 20px 0;
      margin: 0 0 20px 0; }
      #dashboard-info .content .head h3 {
        font-size: 1.571rem;
        margin: 0 0 5px 0; }
      #dashboard-info .content .head p {
        font-size: 1.143rem;
        margin: 0; }
    #dashboard-info .content .body {
      max-width: 600px; }
      #dashboard-info .content .body p {
        margin: 0 0 20px 0;
        line-height: 2rem; }
        #dashboard-info .content .body p:last-child {
          margin: 0; }
      #dashboard-info .content .body ul {
        padding: 0;
        margin: 0 0 20px 0;
        list-style-position: inside; }
        #dashboard-info .content .body ul.no-margin-bottom {
          margin-bottom: 0; }
        #dashboard-info .content .body ul li {
          margin: 0 0 8px 0; }
          #dashboard-info .content .body ul li:last-child {
            margin-bottom: 0; }
      #dashboard-info .content .body .action {
        max-width: 200px;
        text-align: center; }
  #dashboard-info .image {
    display: none; }
  #dashboard-info .image-standard {
    display: block;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    -ms-flex-order: 1;
        order: 1;
    padding: 40px 40px 0 40px; }
    #dashboard-info .image-standard .img-container img {
      max-width: 100%;
      width: 100%; }
    #dashboard-info .image-standard .action {
      margin: 10px 0 0 0; }
      #dashboard-info .image-standard .action p {
        margin: 0;
        padding: 0; }
        #dashboard-info .image-standard .action p a {
          background: #448BF8;
          color: #fff;
          border-radius: 3px;
          background-clip: padding-box;
          display: block;
          text-align: center;
          transition: all 0.5s ease; }
          #dashboard-info .image-standard .action p a .icon {
            margin: 0 5px 0 0;
            transition: all 0.5s ease;
            font-size: 1.7rem;
            line-height: 46px;
            display: inline-block;
            vertical-align: middle;
            height: 46px;
            line-height: 46px; }
          #dashboard-info .image-standard .action p a .text {
            line-height: 46px;
            display: inline-block;
            vertical-align: middle;
            height: 46px;
            line-height: 46px; }
          #dashboard-info .image-standard .action p a:hover {
            text-decoration: none;
            background: #3E7EE0; }
            #dashboard-info .image-standard .action p a:hover .icon {
              margin: 0 8px 0 0; }

#popular-stock .head {
  margin: 0 0 10px 0; }
  #popular-stock .head h2 {
    font-size: 1.571rem;
    margin: 0 0 20px 0; }

#dashboard-helpers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }
  #dashboard-helpers .dashboard-helper {
    background: #fff;
    margin: 0 10px 20px 10px;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    padding: 50px 5%;
    text-align: center; }
    #dashboard-helpers .dashboard-helper .head {
      border-bottom: 1px solid #E6E6E6;
      padding: 0 0 20px 0;
      margin: 0 0 30px 0; }
      #dashboard-helpers .dashboard-helper .head .icon {
        font-size: 4rem; }
    #dashboard-helpers .dashboard-helper .body {
      margin: 0 0 30px 0; }
      #dashboard-helpers .dashboard-helper .body h5 {
        font-size: 1.286rem;
        margin: 0 0 20px 0; }
      #dashboard-helpers .dashboard-helper .body p {
        line-height: 2rem;
        padding: 0;
        margin: 0 0 20px; }
        #dashboard-helpers .dashboard-helper .body p:last-child {
          margin-bottom: 0; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap */
/*
Small devices (landscape phones, 576px and up)
*/
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  section.module .stats .statbox .statbox-inner {
    border-bottom: none;
    padding: 0;
    margin: 30px 0 0 0;
    border-right: 1px solid #EDEDED; }
  section.module .statbox:last-child .statbox-inner {
    border-right: none; }
  section.module .body #added-features {
    margin: 0; }
  section.module .body #valuation-details {
    margin: 0; }
  section.module .publish-option .publish-option-inner {
    display: -ms-flexbox;
    display: flex; }
    section.module .publish-option .publish-option-inner .supporting-icon {
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
      margin: 0; }
      section.module .publish-option .publish-option-inner .supporting-icon .pub-icon {
        margin: 0;
        width: 50px;
        height: 50px;
        display: block; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.fbmarketplace {
          background: url("/build/assets/img/admin/publish-channels/publish_marketplace.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.fbpage {
          background: url("/build/assets/img/admin/publish-channels/publish_fbpages.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.autotrader {
          background: url("/build/assets/img/admin/publish-channels/publish_autotrader.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.ucni {
          background: url("/build/assets/img/admin/publish-channels/publish_ucni.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.donedeal {
          background: url("/build/assets/img/admin/publish-channels/publish_donedeal.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.carlover {
          background: url("/build/assets/img/admin/publish-channels/publish_carlover.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.yourredcar {
          background: url("/build/assets/img/admin/publish-channels/publish_yourredcar.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.carloverwebsite {
          background: url("/build/assets/img/admin/publish-channels/publish_carloverwebsite.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.instagram {
          background: url("/build/assets/img/admin/publish-channels/publish_instagram.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.twitter {
          background: url("/build/assets/img/admin/publish-channels/publish_twitter.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.thirdparty {
          background: url("/build/assets/img/admin/publish-channels/publish_thirdparty.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.pistonheads {
          background: url("/build/assets/img/admin/publish-channels/publish_pistonheads.svg") no-repeat; }
        section.module .publish-option .publish-option-inner .supporting-icon .pub-icon.cargurus {
          background: url("/build/assets/img/admin/publish-channels/publish_cargurus.svg") no-repeat; }
    section.module .publish-option .publish-option-inner .content-actions {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      section.module .publish-option .publish-option-inner .content-actions .content {
        text-align: left;
        margin: 0; }
      section.module .publish-option .publish-option-inner .content-actions .actions {
        margin: 10px 0 0 0; }
        section.module .publish-option .publish-option-inner .content-actions .actions ul {
          text-align: left; }
      section.module .publish-option .publish-option-inner .content-actions .notice {
        margin-bottom: 0; }
    section.module .publish-option .publish-option-inner .toggle {
      padding: 7px 0 0 0; }
      section.module .publish-option .publish-option-inner .toggle .togglechk {
        text-align: left;
        float: right; }
      section.module .publish-option .publish-option-inner .toggle p.action-required {
        float: right; }
  section.module .publish-option .extended-options {
    margin: 30px 0 0 70px; }
  section#userinfo #useravatar {
    text-align: left;
    padding: 0;
    margin: 5px 0 0 0;
    float: right; }
  section#userinfo #usersname {
    text-align: left;
    float: left;
    padding: 0; }
    section#userinfo #usersname p {
      font-size: 1.286rem;
      padding: 0 0 5px 0;
      margin: 0; }
    section#userinfo #usersname p.location {
      font-size: 0.8571rem;
      color: #A5A5A5; }
  section#common-toolbar #common-toolbar-inner {
    background: none;
    position: relative; }
    section#common-toolbar #common-toolbar-inner #cover-image {
      display: block;
      border-radius: 5px;
      background-clip: padding-box;
      position: absolute;
      overflow: hidden;
      width: 100%;
      height: 430px; }
      section#common-toolbar #common-toolbar-inner #cover-image #overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 501;
        background-color: rgba(0, 0, 0, 0.8); }
      section#common-toolbar #common-toolbar-inner #cover-image img {
        position: absolute;
        z-index: 500;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%) scale(1); }
    section#common-toolbar #common-toolbar-inner #vehicle-details {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 430px;
      z-index: 502; }
      section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info {
        background: #000;
        border-bottom: none;
        padding: 15px 20px; }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info::after {
          display: block;
          content: "";
          clear: both; }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer {
          width: 60px;
          height: 60px;
          float: left; }
          section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image {
            width: 60px;
            height: 60px; }
            section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #image-outer #image .no-image {
              padding-top: 15px; }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info h2 {
          float: left;
          padding: 18px 0 0 15px; }
        section#common-toolbar #common-toolbar-inner #vehicle-details #vehicle-info #status-reg {
          float: right;
          padding: 12px 0 0 0; }
    section#common-toolbar #common-toolbar-inner #summary .stat {
      border-right: 1px solid #505050;
      border-bottom: none;
      margin: 40px 0 0 0;
      padding: 0; }
    section#common-toolbar #common-toolbar-inner #summary .stat-outer:last-child .stat {
      border-right: none; }
    section#common-toolbar #common-toolbar-inner #actions {
      border-top: none;
      background: #000;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-radius: 0 0 5px 5px;
      background-clip: padding-box; }
  #page-btns::after {
    display: block;
    content: "";
    clear: both; }
  #page-btns .mainbtns {
    float: left; }
    #page-btns .mainbtns p.secondary {
      display: inline-block;
      text-align: center;
      margin: 0 0 0 10px; }
  #page-btns .add-another {
    float: left;
    text-align: left;
    margin: 10px 0 0 10px; }
  #enter-registration .view {
    height: 64px;
    display: -ms-flexbox;
    display: flex; }
    #enter-registration .view .content {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    #enter-registration .view .cta {
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
      padding: 0 0 0 20px; }
      #enter-registration .view .cta button {
        width: 100%; }
    #enter-registration .view#registration-lookup {
      padding: 10px 10px 10px 20px;
      border: 1px solid #B5B5B5; }
      #enter-registration .view#registration-lookup #registration-input input[type="text"] {
        text-align: left;
        border: none;
        height: 40px; }
    #enter-registration .view#registration-result .content {
      display: -ms-flexbox;
      display: flex; }
      #enter-registration .view#registration-result .content .manufacturer-logo {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        margin: -10px 0 0 -10px;
        border-radius: 3px 0 0 3px;
        background-clip: padding-box;
        text-align: left; }
      #enter-registration .view#registration-result .content .text {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
        #enter-registration .view#registration-result .content .text p {
          margin: 0 0 0 20px;
          line-height: 44px;
          text-align: left; }
    #enter-registration .view#registration-error .content .text p {
      margin: 0 0 0 10px;
      line-height: 44px;
      text-align: left; }
  #filter-sort {
    padding: 20px; }
    #filter-sort #filter {
      float: left; }
      #filter-sort #filter label {
        display: block;
        font-size: 1rem;
        float: left;
        padding: 10px 10px 0 0;
        margin: 0; }
      #filter-sort #filter #options {
        float: left; }
        #filter-sort #filter #options button {
          float: left;
          width: auto;
          margin: 0 10px 0 0; }
    #filter-sort #sort {
      float: right;
      margin: 0; }
      #filter-sort #sort label {
        float: left;
        text-align: left;
        width: auto;
        padding: 0;
        margin: 11px 5px 0 0; }
      #filter-sort #sort .cl-dropdown {
        width: auto;
        float: left; }
  #quick-start .quick-start-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #quick-start .quick-start-steps .step {
      -ms-flex: 1;
          flex: 1;
      margin: 0 10px; }
  #dashboard-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    #dashboard-info .content {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      -ms-flex-order: 2;
          order: 2; }
    #dashboard-info .image {
      display: block;
      -ms-flex: 0 1 400px;
          flex: 0 1 400px;
      -ms-flex-order: 1;
          order: 1;
      position: relative;
      background: url("/build/assets/img/admin/cl-laptop.jpg");
      background-size: cover; }
      #dashboard-info .image svg {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 100%;
        fill: #fff; }
      #dashboard-info .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #dashboard-info .image-standard {
      padding: 40px 0 0 40px;
      -ms-flex: 0 1 450px;
          flex: 0 1 450px; }
  #dashboard-helpers {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    #dashboard-helpers .dashboard-helper {
      margin: 0 10px;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  .dashboard-notice {
    display: -ms-flexbox;
    display: flex; }
    .dashboard-notice .date {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
    .dashboard-notice .content {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      text-align: left;
      margin: 0; }
  .content-section .body .group #post-times .cl-form-row:last-child button.dropdown-toggle {
    margin-bottom: 0; }
  .content-section .body .group .checkrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0; }
    .content-section .body .group .checkrow .template {
      width: auto;
      border-right: 1px solid #EDEDED;
      padding: 0 20px 0 0;
      margin: 0 20px 0 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px; }
      .content-section .body .group .checkrow .template select {
        display: block;
        padding: 17px 15px 17px 5px !important;
        width: 100%;
        height: auto !important;
        border: 1px solid #E2E2E2;
        border-radius: 0;
        background: #fff url("/build/assets/img/admin/select-drop-arrow.png") right 8px no-repeat;
        background-color: #fff;
        color: #000;
        font-size: 12px;
        line-height: 16px !important;
        appearance: none;
        /* this is must */
        -webkit-appearance: none;
        -moz-appearance: none;
        transition: border-color 0.3s ease-in-out; }
        .content-section .body .group .checkrow .template select:hover, .content-section .body .group .checkrow .template select.filled {
          cursor: pointer;
          background-position: right -59px; } }
    @media (min-width: 768px) and (min-resolution: 192dpi) {
      .content-section .body .group .checkrow .template {
        /* Retina-specific stuff here */ }
        .content-section .body .group .checkrow .template select {
          background: #fff url("/build/assets/img/admin/select-drop-arrow@2x.png") right 8px no-repeat;
          background-size: 31px 104px; }
          .content-section .body .group .checkrow .template select:hover, .content-section .body .group .checkrow .template select.filled {
            background-position: right -59px; } }

@media (min-width: 768px) {
    .content-section .body .group .checkrow .account-details {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 0; }
      .content-section .body .group .checkrow .account-details .account-icon {
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
        margin: 0 10px 0 0; }
      .content-section .body .group .checkrow .account-details .name {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
        .content-section .body .group .checkrow .account-details .name label {
          margin: 5px 0 0 0;
          padding: 0; }
          .content-section .body .group .checkrow .account-details .name label[for] {
            cursor: pointer; }
      .content-section .body .group .checkrow .account-details .check {
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
        text-align: right; } }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  ul.tabnav {
    text-align: left; }
  .table tbody tr.leadthreadrow .thread-container .reply .user {
    float: left;
    width: 100px; }
  .table tbody tr.leadthreadrow .thread-container .reply .message-container {
    padding: 0 0 0 120px;
    margin: 0 0 20px 0; }
  .table tbody tr.leadthreadrow .thread-container .reply-box {
    padding: 0 0 0 120px; }
  .emptystate-alt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    text-align: left; }
    .emptystate-alt .content {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .emptystate-alt .btn-container {
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
      margin: 0; } }

/*// Extra large devices (large desktops, 1200px and up)*/

/*# sourceMappingURL=admin.css.map */