/* Global Elements */
/*body { background-color: #202e39;background-image: url(/customer-support-portal/assets/grad-gray.svg);background-repeat: repeat-y;background-size: cover; }*/
[class*="col-"] { border: none;padding:0; }
.row { margin: 0 auto; }
  a { cursor: pointer }
  .float-right { float: right !important; }
.btn-primary { margin-bottom: 15px; }
.hdr { height: 80px; }

/* Header */
.fw-vp { padding: 0 15px;z-index: 1; }
.fw-vp .hdr-brand { text-align: left;float: none;padding: 20px 0 0;display: inline-block; }
.hdr-brand img { margin: 0; }
.fw-vp .login-utility { float: right; }
.hdr-overlay { max-width: 1200px;margin: 0 auto;z-index: 1; }
.hdr-navbar .navbar { background-color: transparent; }

/* Login & registration */
.form-group { margin-bottom: 30px;background-color: rgba(222, 228, 232, 0.6);padding: 9px;border-radius: 4px; }
.form-group:hover, .reg-form .col-md-6:hover { background-color: rgba(222, 228, 232, 1); }
.form-control, .form-control:focus, .form-control.is-invalid:focus { box-shadow: none; }
.vp-form-bdr label { background-color: transparent;font-weight: 700;color: #fff; }
.login-bg-img-container { background-image: url(/customer-support-portal/assets/new_continental.jpg) !important;background-repeat: none;background-size: cover;min-height:600px;padding: 80px 0; }
.bg-grd-overlay { width: 100%;height: 100%;opacity: 0.89;background-image: linear-gradient(to bottom, rgba(32, 46, 57, 0.8), rgba(97, 119, 134, 0.1));-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
.login-bg-img-container .col-md-5 { background-color: #fff;margin: 0 auto;float: none;max-width: 400px;border-radius: 6px; }
.login-content { padding: 30px; }
.login-bg-img-container .col-md-5 h2 { text-align: center;color: #202E39; }
.login-bg-img-container .col-md-5 button, .login-bg-img-container .col-md-6 button, #vehiclesModal .add-vehicle-modal-btn button { width: 100%; }
.login-bg-img-container .col-md-5 .need2reg { font-size: 18px;font-weight: 300;text-align: center;color: #202E39;border-top: 1px solid #efefef;padding-top: 20px;margin-top: 20px; }
.login-bg-img-container .col-md-5 .btn-link, .login-bg-img-container .col-md-6 .btn-link, #vehiclesModal .btn-link {color: #202E39;text-decoration: underline;border: 1px solid transparent;width: auto;padding: 0;font-size: 18px;font-weight: 300; }
.btn-link:hover, .btn-link:active, .btn-link:focus { background-color: transparent; }
.login-bg-img-container .col-md-5 .reset-password, .login-bg-img-container .col-md-6 .cancel-reg, #vehiclesModal .cancel-reg { width: 100%;margin: 0 auto;margin-bottom: 15px; }
.login-bg-img-container .col-md-6 { margin: 0 auto;float: none;background-color: #fff;max-width: 400px;border-radius: 6px; }
.login-bg-img-container .col-md-6 h2, .login-bg-img-container .col-md-6 h3 { color: #202E39;text-align: center; }
.text-danger, .terms-use, .terms-use a { color: #202E39; }
.text-danger-delete { color: #a94442; }
.required-indicator { color: #202E39; }
.country-selector { text-align: left;width: 100%; }
.form-group.vp-focus { background-color: #dee4e8;box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.5); }
.gradient1 { background-image: linear-gradient(to right, #00528c, #26A1A1);width: 100%;height: 8px;border-radius: 6px 6px 0 0; }
.reg-form .col-md-6 { background-color: rgba(222, 228, 232, 0.6);margin-bottom: 30px;display: inline-block;width: 49%;margin-right: 2%; }
.reg-form .col-md-6:nth-child(6), .reg-form .col-md-6:nth-child(13) { margin-right: 0; }

/* Password */
.toggle-password { z-index: 5;cursor: pointer;float: right;position:relative;top: -23px;right: 15px; }

/* Modal */
.modal-content { max-height: 400px;overflow: scroll; }
.device-bg-container h3 { color: #fff; }
.modal-content ol { counter-reset: item }
.modal-content li{ display: block }
.modal-content li:before { content: counters(item, ".") " "; counter-increment: item }
.modal-content ol ol ol li:before { content: ""; }
#vehiclesModal .modal-content { max-height: 600px; }
#customerSupportModal .modal-content li:before, #serviceSupportModal .modal-content li:before, #troubleshootSupportModal .modal-content li:before { content: "- "; }
#customerSupportModal .modal-content li { font-size: 15px; }


/* Card module */
.bg-img-container { background-image: url(/customer-support-portal/assets/Mulsanne2.jpg) !important;background-repeat: none;background-size: cover;min-height:600px;padding: 80px 0;margin-top: -80px; }
.searchContainer { width: 100%; }
.searchContainer input { height: 49px; }
.card { overflow: hidden;max-width: 1200px;margin: 0 auto;border: none;clear: both;padding: 0 15px; }
.card-body { overflow: hidden;clear: both; }
.card-item-container { clear: both;margin: 15px 0;padding: 15px;width: 100%;background-color: rgba(255, 255, 255, 0.8); }
.card-item-container .col-md-6 { float: none;display: inline-block;vertical-align: top; }
.card h1 { display: inline-block; }
.card h2 { margin-bottom: 15px;font-weight: 400;text-shadow: 0.5px 0.5px 1px #dee4e8; }
.card .add-vehicle-btn { position: relative;top: 30px; }
.card-item { width: 48%;display: inline-block;margin-right: 2%;padding: 15px;vertical-align: top; }
.card-info { background-color: #fff;padding: 15px;min-height: 120px; }
.card-info li span { float: right; }
.card-info textarea { max-width:100%;overflow: scroll;margin-top: 10px;border: 1px solid #e6e7e8; }
.card-info-label { height: 35px;font-size: 18px;font-weight: 400;line-height: 35px;text-align: left;color: #fff;
    background-color: #202e39;margin: 0;padding: 0 15px; }
.bentley-vin-label { clear: both;padding: 5px; }
.bentley-vin-label h3 { margin: 0;display: inline-block; }
.card-item ul { padding: 0; }
.card-item li { list-style-type: none;font-size: 16px; }
.card-btn, .delete-account-btn { padding: 0;margin: 0;min-width: 100px;margin-left: 15px; }
.card-btn { min-width: 150px;padding: 4px;margin-right:30px;float: right; }
.reboot-btn { min-width: 100%;float: none;margin: 15px 0 0; }
.delete-account-btn { min-width: 140px; }
dealerships .card { margin-bottom: 40px; }
.breadcrumb > li:before { position: relative;top: 1px;display: inline-block;font-family: 'Material Icons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\E314";font-size: 11px;color: #ffffff;background-color: #1b9198;border-radius: 10px;padding: 5px;margin-right: 10px;margin-left: 0px; }

/* Router Search Form */
.routerSearchForm { max-width: 500px;margin: 0 auto; }

/* History Card */
.device-history-card { width: 98%; }

/* Table */
.table-editable { overflow-y: auto; }
.vp-table tr td, .vp-table tr th { text-align: left !important; }
.results tr[visible='false'],
.no-result { display:none; }
.results tr[visible='true']{ display:table-row; }
.counter{ padding:8px;color:#000; }

/* Breacrumbs */
.breadcrumb > li > a { color: #fff;text-shadow: 1px 1px 1px #000; }
.breadcrumb > li > a:hover { color: #fff;text-shadow: 1px 1px 1px #000; }

/* Footer */
.single-ftr .ftr-lnk-logo { border-right: none; }
.single-ftr .ftr-gradient { border-radius: 0; }

@media (max-width: 860px) {
  .card h1 { display: block; }
  .card .add-vehicle-btn { top: 0;float: none;display: inline-block; }
  .card-body { padding: 30px 0; }
  .card-btn { margin: 15px 15px 15px 0; }
}
@media (max-width: 768px) {
  .fw-vp .hdr-brand img { margin-top: -10px; }
  .card-btn { float:none; }
}

@media screen and (max-width:575px) {
  .hdr { height: 55px; }
  .hdr-navbar .navbar { position: absolute;z-index: 1; }
  .card-item { width: 100%;margin-right: 0; }
  .float-right { float: none !important; }
  .fw-vp .hdr-brand { padding: 0; }
  .fw-vp .hdr-brand img { margin-top: 10px; }
  .fw-vp .login-utility { padding: 20px 0 0; }
  .card-info li span { float: right; }
  .reg-form .col-md-6 { width: 100%;margin-right: 0; }
}