html,
body {
width: 100%;
}
body {
overflow-x: hidden;
}
.theme-container,
.theme-container-content {
width: 100%;
}
.faded,
.opaque {
opacity: 0.75;
}
.loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.loading-spinner {
background: url("/content/img/loader.gif") center center no-repeat;
height: 40px;
width: 40px;
padding: 18px;
border: 1px solid lightgray;
position: relative;
margin: 200px auto;
z-index: 1000;
}
.loading-medium {
background: url("/content/img/loader.gif") center center no-repeat;
height: 80px;
width: 80px;
padding: 18px;
border: 1px solid lightgray;
position: relative;
margin: 100px auto;
z-index: 1000;
}
.loading-small {
background: url("/content/img/loader-small.gif");
width: 16px;
height: 16px;
display: inline-block;
margin-right: 5px;
}
.loading-small.form-element {
margin-right: 7px;
margin-top: 7px;
}
.loading-small.form-element.loading-small.input-loader {
float: right;
margin: 0;
position: relative;
top: -28px;
right: 10px;
}
.loading-table-data {
background: url("/content/img/table-data-loader.gif") center center no-repeat;
height: 200px;
margin-bottom: -200px;
position: relative;
z-index: 1;
}
.loading-table-data + table tr {
opacity: 0.3;
}
.viewportSized li {
font-weight: 700;
}
.ng-cloak {
display: none !important;
}
tr.as-sortable-item {
display: table-row;
}
pre {
margin: 0;
width: 100%;
margin-top: 10px;
}
/* This stylesheet pertains specifically to the Hero Layout with a max width of 1280px */
@media (max-width: 300px) {
body {
overflow-x: auto;
}
}
.audi-theme form .button-group.form-margin {
margin-bottom: 20px;
position: relative;
}
.audi-theme .form-group {
font-size: 1.4rem;
margin-bottom: 20px;
position: relative;
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
}
.audi-theme .form-group label {
display: block;
}
.audi-theme .form-group input[type="text"],
.audi-theme .form-group input[type="password"],
.audi-theme .form-group input[type="tel"],
.audi-theme .form-group input[type="email"],
.audi-theme .form-group input[type="number"],
.audi-theme .form-group input[type="date"],
.audi-theme .form-group select,
.audi-theme .form-group textarea {
width: 100%;
border: 1px solid #c8cdcc;
padding: 6px 10px;
font-size: 2rem;
color: #444;
}
.audi-theme .form-group input[type="text"].ng-invalid,
.audi-theme .form-group input[type="password"].ng-invalid,
.audi-theme .form-group input[type="tel"].ng-invalid,
.audi-theme .form-group input[type="email"].ng-invalid,
.audi-theme .form-group input[type="number"].ng-invalid,
.audi-theme .form-group input[type="date"].ng-invalid,
.audi-theme .form-group select.ng-invalid,
.audi-theme .form-group textarea.ng-invalid,
.audi-theme .form-group input[type="text"].rw-invalid,
.audi-theme .form-group input[type="password"].rw-invalid,
.audi-theme .form-group input[type="tel"].rw-invalid,
.audi-theme .form-group input[type="email"].rw-invalid,
.audi-theme .form-group input[type="number"].rw-invalid,
.audi-theme .form-group input[type="date"].rw-invalid,
.audi-theme .form-group select.rw-invalid,
.audi-theme .form-group textarea.rw-invalid {
border-color: #cc0033;
}
.audi-theme .form-group input[type="text"].ng-pristine,
.audi-theme .form-group input[type="password"].ng-pristine,
.audi-theme .form-group input[type="tel"].ng-pristine,
.audi-theme .form-group input[type="email"].ng-pristine,
.audi-theme .form-group input[type="number"].ng-pristine,
.audi-theme .form-group input[type="date"].ng-pristine,
.audi-theme .form-group select.ng-pristine,
.audi-theme .form-group textarea.ng-pristine {
border-color: #c8cdcc;
}
.audi-theme .form-group textarea.messageinput {
resize: vertical;
}
.audi-theme .form-group input[type="password"] {
font-family: arial;
}
.audi-theme .form-group textarea {
font-size: 1.4rem;
line-height: 2.1rem;
height: 15rem;
}
.audi-theme .form-group.search input {
width: 300px;
float: left;
font-size: 1.5rem;
}
.audi-theme .form-group.search a.search {
float: left;
padding: 10px;
margin-left: 5px;
}
.audi-theme .form-group .inline-form-element input,
.audi-theme .form-group .inline-form-element label {
display: inline-block;
margin-right: 5px;
}
.audi-theme .form-group .inline-form-element label span {
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
font-weight: normal;
}
.audi-theme .form-group .inline-form-element input {
position: relative;
top: 2px;
}
.audi-theme .form-group .sim-carrier-helper {
position: absolute;
right: 0;
top: 0;
}
.audi-theme .col-md-offset-2 .form-header {
margin-top: 50px;
}
.audi-theme .form-header h5 {
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
padding-bottom: 10px;
border-bottom: 1px solid #d5d9d8;
margin-bottom: 30px;
}
.audi-theme .form-header .form-header-action {
float: right;
position: relative;
top: -10px;
border: none;
}
.audi-theme .form-header .form-header-action.input {
top: -23px;
}
.audi-theme .tabForm {
margin-top: 30px;
}
.audi-theme .btn {
border-radius: 0;
}
.audi-theme .btn.btn-default {
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
-webkit-transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
display: inline-block;
line-height: 12px;
padding: 0.7em 1em 0.6em;
outline: none;
cursor: pointer;
text-align: center;
font-size: 12px;
text-decoration: none;
background-color: black;
color: white;
min-width: 60px;
border: none;
}
.audi-theme .btn.btn-default .icon {
margin: 0 0 3px 8px;
background-position: -35px -103px;
height: 9px;
width: 11px;
}
.audi-theme .btn.btn-default .icon.blank {
background-position: 0px 0px;
width: 0px;
}
.audi-theme .btn.btn-default .icon.back {
background-position: -38px -41px;
margin: 0 8px 3px 0;
}
.audi-theme .btn.btn-default:hover {
background-color: #434c53;
}
.audi-theme .button-group {
padding-top: 10px;
}
.audi-theme .button-group .action {
position: relative;
top: 5px;
}
.audi-theme .button-group .form-actions {
list-style: none;
padding: 0;
margin: -12px 0 0 0;
}
.audi-theme .button-group .form-actions li {
padding: 0;
margin: 0 0 5px 0;
}
.audi-theme .button-group.save-changes {
margin-bottom: 30px;
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
.carrier-small {
max-height: 17px;
}
.modal-dialog {
width: 66%;
}
#iframeAuthorizeNet {
border: none;
height: 100%;
min-height: 480px;
min-width: 480px;
width: 100%;
}
#iframeAuthorizeNet input {
padding: 5px;
}
.audi-theme {
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
font-size: 1.2rem;
line-height: 1.8rem;
}
.audi-theme .top-wrapper {
margin: 0px auto;
padding: 0px;
max-width: 1500px;
min-width: 300px;
}
.audi-theme .layout-container,
.audi-theme .theme-container-content,
.audi-theme .theme-container-wrapper {
width: 100%;
}
.audi-theme .container {
width: 100%;
}
.audi-theme .container.no-padding {
padding: 0;
}
.audi-theme h1,
.audi-theme h2,
.audi-theme h3,
.audi-theme h4,
.audi-theme h5,
.audi-theme h6 {
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
font-weight: normal;
margin: 0;
text-rendering: optimizeLegibility;
}
.audi-theme h1 {
padding: 35px 0;
font-size: 2.8rem;
}
.audi-theme h1 .audi-red {
font-family: "AudiTypeExtendedBold", verdana, tahoma, sans-serif;
color: #df0826;
}
.audi-theme h1 sup {
font-size: 1.2rem;
position: relative;
top: -12px;
}
.audi-theme h5 {
font-family: "AudiTypeExtendedBold", verdana, tahoma, sans-serif;
margin-bottom: 15px;
}
.audi-theme a {
outline: 0;
cursor: pointer;
-moz-outline-style: none;
color: black;
-webkit-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
.audi-theme a.action {
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
}
.audi-theme a.action .icon {
margin: 0 8px 3px 0;
background-position: 0 -148px;
height: 9px;
width: 7px;
}
.audi-theme a.action:hover {
color: #df0826;
}
.audi-theme p.callout {
text-align: center;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
font-size: 1.8rem;
margin-top: 100px;
}
.audi-theme p strong {
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
font-weight: normal;
}
.audi-theme p.error {
border: 1px solid #ddd;
background: #fff;
color: #cc0033;
padding: 10px;
}
.audi-theme .audi-red,
.audi-theme .off,
.audi-theme .invalid {
color: #cc0033;
}
.audi-theme .audi-success,
.audi-theme .on {
color: #3daf16;
}
.audi-theme .emphasis {
font-weight: bold;
text-decoration: underline;
}
.audi-theme .clickable {
cursor: pointer;
}
.audi-theme .clickableText {
text-decoration: underline;
}
.audi-theme .loading-spinner {
border: 1px solid #d5d9d8 !important;
}
.audi-theme .loading-medium {
border: 1px solid #d5d9d8 !important;
}
.audi-theme .icon {
display: inline-block;
vertical-align: middle;
background: url("/content/img/sprite.png") no-repeat;
}
.audi-theme .icon.icon-download {
background-position: -64px -589px;
height: 32px;
width: 32px;
}
.audi-theme .icon.icon-pdf {
background: url('/content/img/icons/16x16/pdf.png') no-repeat;
height: 16px;
width: 16px;
}
.audi-theme .icon.icon-print-pdf {
background-position: -128px -845px;
height: 27px;
width: 28px;
}
.audi-theme .icon.icon-print-pdf:hover {
background-position: 0 -909px;
}
.audi-theme .icon.icon-deactivate {
background-position: -70px -1172px;
height: 20px;
width: 20px;
}
.audi-theme .icon-new-window {
display: inline-block;
background: url("/content/img/new-tab.png") no-repeat;
vertical-align: middle;
height: 15px;
width: 15px;
padding: 0px;
margin-left: 2px;
}
.audi-theme .icon-new-window-placeholder {
display: inline-block;
height: 15px;
width: 15px;
padding: 0px;
margin-left: 2px;
}
.audi-theme .tag {
background: #000;
padding: 3px 6px;
color: #fff;
margin-right: 5px;
font-size: 10px;
border-radius: 3px;
}
.audi-theme .tag.red {
background: #cc0033;
}
.audi-theme .tag.is-active {
background: #3daf16;
}
.audi-theme .tag.is-hidden {
visibility: visible;
background: #666;
}
.audi-theme .tag.is-sold {
visibility: visible;
background: #666;
}
.audi-theme table {
color: #444;
width: 100%;
}
.audi-theme table tr {
border-bottom: 1px solid #d5d9d8;
}
.audi-theme table tr.clickable {
cursor: pointer;
}
.audi-theme table tr.clickable:hover {
background: #d5d9d8;
color: #434c53;
}
.audi-theme table tr th {
padding: 5px;
}
.audi-theme table tr th:hover {
color: #cc0033;
cursor: pointer;
}
.audi-theme table tr:nth-child(even) {
background: #f5f6f6;
}
.audi-theme table tr td {
padding: 0 5px;
}
.audi-theme table tr td.vehicle {
width: 320px;
}
.audi-theme table tr.opaque {
opacity: 0.5;
}
.audi-theme table.simple tr th,
.audi-theme table.simple tr td {
border-right: 1px solid #d5d9d8;
}
.audi-theme table.simple tr th:last-child,
.audi-theme table.simple tr td:last-child {
border-right: none;
}
.audi-theme table.simple tr th {
padding: 5px 8px;
}
.audi-theme table.simple tr td {
padding: 8px 8px;
}
.audi-theme table.simple tr.totals {
background: none;
border: none;
}
.audi-theme table.simple tr.totals td[colspan="3"] {
text-align: right;
}
.audi-theme table.simple tr.opaque {
opacity: 0.5;
}
.audi-theme ul.pagination > li > a,
.audi-theme ul.pagination > li:first-child > a,
.audi-theme ul.pagination > li:last-child > a {
border: none;
border-radius: 0;
background: #000;
color: #fff;
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
font-size: 1.1rem;
margin-right: 5px;
}
.audi-theme ul.pagination > li:last-child > a {
margin-right: 0;
}
.audi-theme ul.pagination > li.active > a,
.audi-theme ul.pagination > li.active:hover > a,
.audi-theme ul.pagination > li:hover > a {
background: #cc0033;
}
.audi-theme ul.pagination > li a.active {
background: #434c53;
}
.audi-theme .ng-table-counts.btn-group {
margin-top: 20px;
}
.audi-theme .ng-table-counts.btn-group > .btn {
min-width: 0;
padding: 6px 12px;
margin-left: 5px;
line-height: 1.42857143;
}
.audi-theme .ng-table-counts.btn-group > .btn.active {
background: #cc0033;
}
.audi-theme .upperCaseInput {
text-transform: uppercase;
}
.centered-col {
text-align: center;
}
.notifications .notification {
margin: 12px;
padding: 8px;
}
.notifications .notification a {
color: inherit;
font-weight: bold;
}
.notifications .notification .icon {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.notifications .notification.info {
background: #c5e9f3;
border: 3px solid #28a1c5;
color: #28a1c5;
}
.notifications .notification.warn {
background: #fae3c4;
border: 3px solid #df8a13;
color: #df8a13;
}
.notifications .notification.error {
background: #f0b9b8;
border: 3px solid #b52b27;
color: #b52b27;
}
/* This stylesheet pertains specifically to the Hero Layout with a min width of the bs phone (768px) */
.audi-theme .top-bar-container {
height: 75px;
width: 100%;
min-width: 300px;
}
.audi-theme .top-bar-container .top-bar-background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 75px;
background-color: #fff;
background-image: -moz-linear-gradient(left, #e5eaee, #fff);
background-image: -ms-linear-gradient(left, #e5eaee, #fff);
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e5eaee), to(#fff));
background-image: -webkit-linear-gradient(left, #e5eaee, #fff);
background-image: -o-linear-gradient(left, #e5eaee, #fff);
background-image: linear-gradient(left, #e5eaee, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#e5eaee", endColorStr="#fff", GradientType=1);
}
.audi-theme .top-bar-container .top-bar-content {
margin: 0px;
border: 0px;
height: 75px;
width: 100%;
min-width: 300px;
*z-index: 2;
overflow: visible;
}
.audi-theme .top-bar-container .top-bar-content .col-md-12 {
margin: 0px auto;
padding: 0px;
display: inline;
min-width: 300px;
max-width: 1500px;
}
.audi-theme .top-bar-container .navbar-collapse {
padding: 0;
}
.audi-theme .top-bar-container ul li {
position: relative;
display: block;
}
.audi-theme .top-bar-container ul li span {
cursor: pointer;
}
.audi-theme .top-bar-container ul li a {
cursor: default !important;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
color: #434c53;
line-height: 1;
display: inline-block;
font-size: 1.1rem;
padding: 0;
margin-bottom: 10px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: border-bottom 0.15s linear;
-moz-transition: border-bottom 0.15s linear;
-o-transition: border-bottom 0.15s linear;
transition: border-bottom 0.15s linear;
}
.audi-theme .top-bar-container ul li a:hover {
border-color: #cc0033;
background: none;
}
.audi-theme .top-bar-container ul li.current a {
border-color: #cc0033;
background: none;
}
.audi-theme .top-bar-container ul li a.selected {
font-family: "AudiTypeExtendedBold", verdana, tahoma, sans-serif;
border-color: #cc0033;
background: none;
}
.audi-theme .top-bar-container ul li ul.dropdown-menu {
padding: 0;
margin: 0;
position: relative;
display: block;
background-color: transparent;
border: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.audi-theme .top-bar-container ul li ul li a .caret {
border-top-color: #000;
border-bottom-color: #000;
}
.audi-theme .top-bar-container ul li ul li a:hover .caret {
border-top-color: #cc0033;
border-bottom-color: #cc0033;
-webkit-transition: border-color 0.2s ease-in;
-moz-transition: border-color 0.2s ease-in;
-o-transition: border-color 0.2s ease-in;
transition: border-color 0.2s ease-in;
}
.audi-theme .top-bar-container button {
margin-top: 16px;
margin-right: 0;
}
.audi-theme .top-bar-container button:hover {
background-color: #d5d9d8;
}
.audi-theme .top-bar-container button .icon-bar {
margin-top: 3px;
width: 30px;
background-color: #cc0033;
}
.audi-theme .top-bar-container button .icon-bar + .icon-bar {
margin-top: 6px;
margin-bottom: 3px;
}
.audi-theme .top-bar-container .logo {
background: url("/content/img/audi-connect-logo.png");
width: 316px;
height: 30px;
margin-top: 22px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
/*
&.desktop {
display: none;
}
&.mobile {
display: block;
}*/
}
.audi-theme .top-bar-extend {
border-bottom: 1px solid #e2e5e4;
padding: 0;
}
.audi-theme .top-bar-extend p {
color: #6b7774;
padding: 8px 0;
margin: 0;
}
.audi-theme .top-bar-extend p a {
color: #cc0033;
}
.audi-theme .top-bar-extend img {
margin-top: 9px;
}
.audi-theme .top-bar-extend + .container > .row > h1 {
padding: 20px 0 27px 0;
}
.audi-theme .top-bar-extend + .container > .row > .account {
margin-top: -60px;
}
.audi-theme .tab-control .tab-content {
padding: 45px 10px 20px 0px;
}
.audi-theme .tab-control .tab-menu-container {
padding-right: 5px;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills {
margin-top: 20px;
margin-bottom: 20px;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div {
border-bottom: 1px solid #eee;
text-align: right;
padding-right: 15px;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li + li,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div + li {
margin-top: 0;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li.active > a,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div.active > a,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li.active > a:focus,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div.active > a:focus,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li.active > a:hover,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div.active > a:hover {
color: #df0826;
background-color: transparent;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li > a,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div > a,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li > a:focus,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div > a:focus {
background-color: transparent;
border-radius: 0px;
color: black;
}
.audi-theme .tab-control .tab-menu-container ul.nav-pills > li > a:hover,
.audi-theme .tab-control .tab-menu-container ul.nav-pills > div > a:hover {
color: black;
}
.audi-theme .nav.nav-tabs {
margin-top: 40px;
}
.audi-theme .nav.nav-tabs li a {
background: #000;
color: #fff;
border-radius: 0;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
padding: 7px 10px 9px;
}
.audi-theme .nav.nav-tabs li.active a {
background: #fff;
color: #000;
}
.audi-theme .nav.nav-tabs li a:hover {
border-color: #000;
}
.audi-theme .nav.nav-tabs li.active a:hover {
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.audi-theme .footer-wrapper {
margin: 20px auto;
padding: 0px;
min-width: 300px;
max-width: 1500px;
background-color: white;
border-top: 1px solid #d5d9d8;
}
.audi-theme .footer-wrapper .secondary {
padding: 10px;
font-size: 10px;
}
.audi-theme .footer-wrapper .secondary .footer-disclaimer {
color: #888;
}
.audi-theme .footer-wrapper .secondary .footer-item {
color: #cc0033;
display: block;
padding: 10px;
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .footer-wrapper .secondary .seperator {
display: none;
margin: 0 8px;
}
.audi-theme .footer-wrapper .secondary .col-md-12 {
margin-bottom: 10px;
}
.audi-theme .footer-wrapper .social {
padding: 0;
margin: 10px;
}
.audi-theme .footer-wrapper .social li {
list-style: none;
float: left;
margin-right: 15px;
}
.audi-theme .footer-wrapper .social li a {
width: 30px;
height: 30px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.audi-theme .footer-wrapper .social li a.icon-facebook {
background-position: -120px -185px;
}
.audi-theme .footer-wrapper .social li a.icon-facebook:hover {
background-position: -90px -185px;
}
.audi-theme .footer-wrapper .social li a.icon-twitter {
background-position: -90px -215px;
}
.audi-theme .footer-wrapper .social li a.icon-twitter:hover {
background-position: -90px -335px;
}
.audi-theme .footer-wrapper .social li a.icon-g-plus {
background-position: -60px -185px;
}
.audi-theme .footer-wrapper .social li a.icon-g-plus:hover {
background-position: -30px -185px;
}
.audi-theme .footer-wrapper .social li a.icon-youtube {
background-position: -30px -305px;
}
.audi-theme .footer-wrapper .social li a.icon-youtube:hover {
background-position: -150px -185px;
}
.audi-theme .footer-wrapper .social li:last-child {
margin-right: 0;
}
.audi-theme .title-bar {
margin: 0px;
padding: 0px 10px;
min-width: 300px;
background-color: white;
}
.audi-theme .title-bar .account {
text-align: right;
color: #999;
margin-top: 25px;
}
.audi-theme .title-bar .account span {
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
color: #000;
}
.audi-theme .title-bar .account a {
color: #cc0033;
}
/* This stylesheet pertains specifically to the Hero Layout with a min width of the bs phone (768px) */
@media (min-width: 768px) {
.audi-theme .top-bar-container {
/*
.logo {
&.mobile {
display: none;
}
&.desktop {
display: block !imporatnt;
}
}*/
}
.audi-theme .top-bar-container ul li {
float: left;
margin: 32px 50px 0 0;
}
.audi-theme .top-bar-container ul li a {
float: left;
padding: 0 0 9px 0;
}
.audi-theme .top-bar-container ul li a.dropdown-toggle {
display: block;
}
.audi-theme .top-bar-container ul li.dropdown {
position: relative;
}
.audi-theme .top-bar-container ul li.dropdown .dropdown-menu {
display: none;
}
.audi-theme .top-bar-container ul li.dropdown.open a {
border-color: #cc0033;
}
.audi-theme .top-bar-container ul li.dropdown.open a .caret {
border-top-color: #cc0033;
border-bottom-color: #cc0033;
}
.audi-theme .top-bar-container ul li.dropdown.open .dropdown-menu {
/* Restore bootstrap values that were overridden */
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
/*Add Audi styles to dropdown menu*/
margin: 0;
padding: 0;
display: block;
position: absolute;
top: 20px;
left: 0;
border-top: 1px solid #cc0033;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.audi-theme .top-bar-container ul li.dropdown.open .dropdown-menu li {
border-bottom: 1px solid #d5d9d8;
width: 100%;
padding: 0;
margin: 0;
}
.audi-theme .top-bar-container ul li.dropdown.open .dropdown-menu li a {
float: none;
display: block;
padding: 8px 10px;
border: none;
margin: 0;
}
.audi-theme .top-bar-container ul li.dropdown.open .dropdown-menu li a.selected {
color: #cc0033;
}
.audi-theme .top-bar-container ul li.dropdown.open .dropdown-menu li a:hover {
border: none;
color: #cc0033;
background: #eee;
}
.audi-theme .footer-wrapper .footer-item {
display: inline !important;
padding: 0px !important;
border-bottom: 0px !important;
}
.audi-theme .footer-wrapper .seperator {
display: inline !important;
}
}
/* This stylesheet pertains specifically to the Hero Layout with a min width of the bs phone (768px) */
@media (min-width: 992px) {
.audi-theme .tab-menu-container ul.nav-pills {
margin-top: 20px;
margin-bottom: 20px;
border: 0px;
border-right: 1px solid #d5d9d8;
padding: 20px 0;
}
.audi-theme .tab-menu-container ul.nav-pills > li {
text-align: right;
right: -1px;
border-bottom: none !important;
border-right: 1px solid #d5d9d8;
-moz-transition-property: border-right-width, border-right-color;
-o-transition-property: border-right-width, border-right-color;
-webkit-transition-property: border-right-width, border-right-color;
transition-property: border-right-width, border-right-color;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.audi-theme .tab-menu-container ul.nav-pills > li:hover {
border-right: 2px solid #434c53;
}
.audi-theme .tab-menu-container ul.nav-pills > li + li {
margin-top: 0;
}
.audi-theme .tab-menu-container ul.nav-pills > li.active {
border-right: 3px solid #df0826;
}
.audi-theme .tab-menu-container ul.nav-pills > li span {
cursor: pointer !important;
}
.audi-theme .tab-menu-container ul.nav-pills > li > a,
.audi-theme .tab-menu-container ul.nav-pills > li > a:focus {
cursor: default !important;
font-size: 14px;
padding: 10px 2px 10px 15px !important;
}
}
/* This stylesheet pertains specifically to the Hero Layout with no size specification*/
.audi-theme .hero-layout .split-border,
.audi-theme .hero-layout .split-border {
border-right: 2px solid #b22222;
}
.audi-theme .hero-layout .version-container,
.audi-theme .hero-layout .version-container {
margin: 0px;
padding: 0px;
width: 100%;
}
.audi-theme .hero-layout .main-content,
.audi-theme .hero-layout .main-content,
.audi-theme .hero-layout .layout-wrapper,
.audi-theme .hero-layout .layout-wrapper,
.audi-theme .hero-layout .layout-content,
.audi-theme .hero-layout .layout-content {
padding: 0px;
}
.audi-theme .hero-layout .hero-container,
.audi-theme .hero-layout .hero-container {
margin: 20px 0px 0px 0px;
padding: 0px;
width: 100%;
}
.audi-theme .hero-layout .hero-container .carrier img,
.audi-theme .hero-layout .hero-container .carrier img {
width: auto;
}
.audi-theme .hero-layout .hero-container .hero,
.audi-theme .hero-layout .hero-container .hero {
width: 100%;
margin: 0px;
padding: 0px;
z-index: -100;
}
.audi-theme .hero-layout .hero-container .hero-bg,
.audi-theme .hero-layout .hero-container .hero-bg {
visibility: hidden;
position: absolute;
width: 100%;
padding: 0px;
}
.audi-theme .hero-layout .hero-container .hero-top,
.audi-theme .hero-layout .hero-container .hero-top {
float: none;
margin: 0px auto;
max-width: 1500px;
min-width: 300px;
height: 100px;
background-color: white;
}
.audi-theme .hero-layout .hero-container .hero-content,
.audi-theme .hero-layout .hero-container .hero-content {
float: none;
margin: 0px auto;
padding: 0px;
max-width: 1500px;
min-width: 300px;
}
.audi-theme .hero-layout .hero-container .hero-filler,
.audi-theme .hero-layout .hero-container .hero-filler {
position: absolute;
width: 100%;
height: 100%;
}
.audi-theme .hero-layout .hero-container .hero-image,
.audi-theme .hero-layout .hero-container .hero-image {
position: relative;
}
.audi-theme .hero-layout .hero-container img,
.audi-theme .hero-layout .hero-container img {
width: 100%;
}
.audi-theme .hero-layout .full-mask,
.audi-theme .hero-layout .full-mask {
padding: 0 15px;
position: relative;
}
.audi-theme .hero-layout .full-mask .mask-bg,
.audi-theme .hero-layout .full-mask .mask-bg {
position: absolute;
height: 527px;
width: 100%;
top: 0;
margin: 0;
}
.audi-theme .hero-layout .semi-white,
.audi-theme .hero-layout .semi-white {
background-color: rgba(255, 255, 255, 0.8);
}
.audi-theme .hero-layout .full-white,
.audi-theme .hero-layout .full-white {
background-color: #ffffff;
}
.audi-theme .hero-layout .semi-white,
.audi-theme .hero-layout .semi-white,
.audi-theme .hero-layout .full-white,
.audi-theme .hero-layout .full-white {
margin: 0px;
padding: 0px;
}
.audi-theme .hero-layout .semi-white .semi-white-content,
.audi-theme .hero-layout .semi-white .semi-white-content,
.audi-theme .hero-layout .full-white .semi-white-content,
.audi-theme .hero-layout .full-white .semi-white-content,
.audi-theme .hero-layout .semi-white .full-white-content,
.audi-theme .hero-layout .semi-white .full-white-content,
.audi-theme .hero-layout .full-white .full-white-content,
.audi-theme .hero-layout .full-white .full-white-content {
padding: 0px;
}
.audi-theme .hero-layout .split,
.audi-theme .hero-layout .split {
margin: 0 80px;
}
.audi-theme .hero-layout .split .no-divider.col-md-6:first-child,
.audi-theme .hero-layout .split .no-divider.col-md-6:first-child {
border-right: none;
}
.audi-theme .hero-layout .split .col-md-6,
.audi-theme .hero-layout .split .col-md-6 {
margin-top: 15px;
padding-bottom: 40px;
}
.audi-theme .hero-layout .split .col-md-6 form,
.audi-theme .hero-layout .split .col-md-6 form,
.audi-theme .hero-layout .split .col-md-6 .form-styles,
.audi-theme .hero-layout .split .col-md-6 .form-styles {
padding: 20px;
}
.audi-theme .hero-layout .split .col-md-6:first-child,
.audi-theme .hero-layout .split .col-md-6:first-child {
border-right: 3px solid #cc0033;
}
.audi-theme .hero-layout .split .col-md-6 .no-split .col-md-6,
.audi-theme .hero-layout .split .col-md-6 .no-split .col-md-6 {
border: none;
padding-bottom: 0;
}
.audi-theme .hero-layout .split.no-border .col-md-6:first-child,
.audi-theme .hero-layout .split.no-border .col-md-6:first-child {
border-right: none;
}
.audi-theme .hero-layout .split.no-border .form-header,
.audi-theme .hero-layout .split.no-border .form-header {
margin: 40px 20px -60px;
}
.audi-theme .hero-layout .split p,
.audi-theme .hero-layout .split p {
font-size: 1.4rem;
line-height: 2.6rem;
margin-bottom: 30px;
}
.audi-theme .hero-layout .split p.first,
.audi-theme .hero-layout .split p.first {
margin-top: 50px;
}
.audi-theme .hero-layout .split p.link,
.audi-theme .hero-layout .split p.link {
line-height: 3.2rem;
}
.audi-theme .hero-layout .split p.link .icon,
.audi-theme .hero-layout .split p.link .icon {
position: relative;
top: -5px;
margin-right: 6px;
}
.audi-theme .hero-layout .split p.link a,
.audi-theme .hero-layout .split p.link a {
color: #cc0033;
}
.audi-theme .hero-layout .split.no-divider .col-md-6:first-child,
.audi-theme .hero-layout .split.no-divider .col-md-6:first-child {
border-right: none;
}
.audi-theme .hero-layout .options-box,
.audi-theme .hero-layout .options-box {
position: relative;
background: rgba(255, 255, 255, 0.95);
min-height: 92px;
border-top: 1px solid #d5d9d8;
border-bottom: 1px solid #d5d9d8;
width: 100%;
margin: 0;
float: left;
text-align: center;
}
.audi-theme .hero-layout .options-box .item,
.audi-theme .hero-layout .options-box .item {
height: 100px;
line-height: 100px;
text-align: center;
font-size: 1.6rem;
border-left: 1px solid #d5d9d8;
border-right: 1px solid #d5d9d8;
}
.audi-theme .hero-layout .options-box .item.left,
.audi-theme .hero-layout .options-box .item.left {
border-top: 1px solid #d5d9d8;
}
.audi-theme .hero-layout .options-box .item.right,
.audi-theme .hero-layout .options-box .item.right {
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .hero-layout .options-box .item span,
.audi-theme .hero-layout .options-box .item span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.audi-theme .hero-layout .options-box .item span a,
.audi-theme .hero-layout .options-box .item span a {
text-decoration: underline;
}
/* This stylesheet pertains specifically to the Hero Layout with no size specification*/
.audi-theme .hero-layout .hero-version-2,
.audi-theme .hero-layout .hero-version-2 {
background-color: lightgray;
padding-bottom: 50px !important;
}
.audi-theme .hero-layout .hero-version-2 .hero-filler,
.audi-theme .hero-layout .hero-version-2 .hero-filler {
background-color: black !important;
}
.audi-theme .hero-layout .hero-version-2 .top-bar-background,
.audi-theme .hero-layout .hero-version-2 .top-bar-background {
border-bottom: 2px solid #858385;
}
.audi-theme .hero-layout .hero-version-2 .hero-top,
.audi-theme .hero-layout .hero-version-2 .hero-top {
border: 2px solid #858385;
border-bottom: none;
}
.audi-theme .hero-layout .hero-version-2 .hero-content,
.audi-theme .hero-layout .hero-version-2 .hero-content {
border: 2px solid #858385;
border-top: none;
}
/* This stylesheet pertains specifically to the Hero Layout with a max width of the ipad landscape (1024px) */
@media (min-width: 1024px) {
.audi-theme .hero-layout .hero-middle,
.audi-theme .hero-layout .hero-middle {
/* min-height: 395px; This is the correct height for later. */
min-height: 295px;
/* This is the temp height for the sub details fix. */
}
.audi-theme .hero-layout .hero-bg,
.audi-theme .hero-layout .hero-bg {
visibility: visible !important;
min-height: 300px;
}
.audi-theme .hero-layout .hero-bg .hero-image,
.audi-theme .hero-layout .hero-bg .hero-image {
width: 1202px;
margin-right: 0;
left: 50%;
margin-left: -600px;
}
.audi-theme .hero-layout .semi-white.full-mask,
.audi-theme .hero-layout .semi-white.full-mask,
.audi-theme .hero-layout .full-white.full-mask,
.audi-theme .hero-layout .full-white.full-mask {
/* min-height: 395px; This is the correct height for later. */
min-height: 295px;
/* This is the temp height for the sub details fix. */
}
}
/* This stylesheet pertains specifically to the Hero Layout with a min width of the bs phone (768px) */
@media (min-width: 768px) {
.audi-theme .hero-layout .login-fill,
.audi-theme .hero-layout .login-fill {
min-height: 300px;
}
.audi-theme .hero-layout .options-box .item.left,
.audi-theme .hero-layout .options-box .item.left {
border-top: none;
}
.audi-theme .hero-layout .options-box .item.right,
.audi-theme .hero-layout .options-box .item.right {
border-bottom: none;
}
}
/* This stylesheet pertains specifically to the Hero Layout with a min width of the sm desktop (1200px) */
@media (min-width: 1200px) {
.audi-theme .hero-layout .hero-middle,
.audi-theme .hero-layout .hero-middle {
/* min-height: 527px; This is the correct height for later. */
min-height: 427px;
/* This is the temp height for the sub details fix. */
}
.audi-theme .hero-layout .hero-bg,
.audi-theme .hero-layout .hero-bg {
min-height: 527px;
}
.audi-theme .hero-layout .hero-bg .hero-image,
.audi-theme .hero-layout .hero-bg .hero-image {
width: 1600px;
margin-right: 0;
left: 50%;
margin-left: -800px;
}
.audi-theme .hero-layout .semi-white.full-mask,
.audi-theme .hero-layout .semi-white.full-mask,
.audi-theme .hero-layout .full-white.full-mask,
.audi-theme .hero-layout .full-white.full-mask {
/* min-height: 527px; This is the correct height for later. */
min-height: 427px;
/* This is the temp height for the sub details fix. */
}
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
.audi-theme .old-layout {
/*
.tab-container {
position: fixed;
top: 0;
left: 100%;
background-color: white;
height: 100%;
z-index: 10000;
overflow-y: auto;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
&.modal-for-phone {
left: 0;
.navbar-header {
background-color: @audi-grey;
#close-button {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding: 8px;
background-color: transparent;
border: 1px solid transparent;
}
}
.tab-content {
padding: 10px;
}
}
}
*/
/*
a {
outline: 0;
cursor: pointer;
-moz-outline-style: none;
color: black;
-webkit-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
&.action {
font-family: @txt-bold;
font-size: 12px;
color: black;
text-decoration: none;
.icon {
margin: 0 8px 3px 0;
background-position: 0 -148px;
height: 9px;
width: 7px;
}
&:hover {
color: @audi-web-red;
}
}
}
.btn {
border-radius: 0;
&.btn-default {
font-family: @txt-bold;
-webkit-transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
display: inline-block;
line-height: 12px;
padding: 0.7em 1em 0.6em;
outline: none;
cursor: pointer;
text-align: center;
font-size: 12px;
text-decoration: none;
background-color: black;
color: white;
min-width: 60px;
border: none;
.icon {
margin: 0 0 3px 8px;
background-position: -35px -103px;
height: 9px;
width: 11px;
&.blank {
background-position: 0px 0px;
width: 0px;
}
&.back {
background-position: -38px -41px;
margin: 0 8px 3px 0;
}
}
&:hover {
background-color: @audi-hover-grey;
}
}
}
*/
/*
.footer-wrapper {
margin-top: 65px;
.secondary {
font-size: 10px;
.footer-disclaimer {
color: #888;
}
.footer-item {
color: @audi-web-red;
}
.seperator {
margin: 0 8px;
}
}
.social {
padding: 0;
margin: 0;
li {
list-style: none;
float: left;
margin-right: 15px;
a {
width: 30px;
height: 30px;
.text-hide();
&.icon-facebook {
background-position: -120px -185px;
&:hover {
background-position: -90px -185px;
}
}
&.icon-twitter {
background-position: -90px -215px;
&:hover {
background-position: -90px -335px;
}
}
&.icon-g-plus {
background-position: -60px -185px;
&:hover {
background-position: -30px -185px;
}
}
&.icon-youtube {
background-position: -30px -305px;
&:hover {
background-position: -150px -185px;
}
}
}
&:last-child {
margin-right: 0;
}
}
}
}
*/
/*
// Nav Tabs
.nav.nav-tabs {
margin-top: 40px;
li {
a {
background: #000;
color: #fff;
border-radius: 0;
font-family: @txt-bold;
padding: 7px 10px 9px;
}
&.active a {
background: #fff;
color: #000;
}
a:hover {
border-color: #000;
}
&.active a:hover {
border: 1px solid #ddd;
border-bottom-color: transparent;
}
}
}
*/
/*
.tag {
background: #000;
padding: 3px 6px;
color: #fff;
margin-right: 5px;
font-size: 10px;
border-radius: 3px;
&.red {
background: @audi-web-red;
}
&.is-active {
background: @audi-success;
}
&.is-hidden {
visibility: visible;
background: #666;
}
&.is-sold {
visibility: visible;
background: #666;
}
}
*/
}
.audi-theme .old-layout .main-wrapper {
background-color: white;
margin: 20px auto;
padding: 0px;
max-width: 1500px;
min-width: 300px;
}
.audi-theme .old-layout .main-wrapper .main-content {
padding: 0px 10px;
}
.audi-theme .old-layout .login-form {
float: right;
margin-top: 0px;
}
.audi-theme .old-layout .manageInstruction {
margin-top: 15px;
margin-bottom: 5px;
}
.audi-theme .old-layout .content-row .text-middle {
vertical-align: middle;
}
.audi-theme .old-layout .data-view .no-results {
width: 100%;
}
.audi-theme .old-layout .data-view .no-results p {
font-size: 1.8rem;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
text-align: center;
padding: 35px 0;
}
.audi-theme .old-layout .table-actions {
padding: 10px 0;
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout .table-actions .omnisearch {
border: 1px solid #c8cdcc;
padding: 6px 10px;
color: #444;
width: 300px;
}
.audi-theme .old-layout .table-actions ul li {
list-style: none;
float: left;
margin-right: 18px;
margin-top: 7px;
}
.audi-theme .old-layout .table-actions ul li:last-child {
margin-right: 0;
}
.audi-theme .old-layout .table-actions ul li a {
background: url("/content/img/table-actions.png");
width: 18px;
height: 18px;
display: block;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.audi-theme .old-layout .table-actions ul li.grid a {
background-position: 0 0;
}
.audi-theme .old-layout .table-actions ul li.grid.current a,
.audi-theme .old-layout .table-actions ul li.grid:hover a {
background-position: 0 18px;
}
.audi-theme .old-layout .table-actions ul li.list a {
background-position: -18px 0;
}
.audi-theme .old-layout .table-actions ul li.list.current a,
.audi-theme .old-layout .table-actions ul li.list:hover a {
background-position: -18px 18px;
}
.audi-theme .old-layout .table-actions ul li.simple a {
background-position: -36px 0;
}
.audi-theme .old-layout .table-actions ul li.simple.current a,
.audi-theme .old-layout .table-actions ul li.simple:hover a {
background-position: -36px 18px;
}
.audi-theme .old-layout ul.grid-list {
padding: 0;
margin: 0;
}
.audi-theme .old-layout ul.grid-list li {
list-style: none;
padding: 25px 27px;
float: left;
border-right: 1px solid #d5d9d8;
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout ul.grid-list li img {
margin-bottom: 5px;
}
.audi-theme .old-layout ul.grid-list li .car-picture {
margin: 0 auto 5px auto;
display: block;
}
.audi-theme .old-layout ul.grid-list li .data-row {
font-size: 1.5rem;
margin-top: 4px;
}
.audi-theme .old-layout ul.grid-list li .data-label {
display: inline-block;
width: 60px;
padding-right: 15px;
text-align: right;
color: #777;
}
.audi-theme .old-layout ul.grid-list li:nth-child(0n) {
padding-left: 40px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
border-right: none;
padding-right: 30px;
}
.audi-theme .old-layout ul.grid-list li.opaque {
opacity: 0.5;
}
.audi-theme .old-layout tr.table-header th {
border-right: 1px solid #d5d9d8;
}
.audi-theme .old-layout tr.table-header th:last-child {
border-right: none;
}
.audi-theme .old-layout tr.table-header th.active {
color: #cc0033;
}
.audi-theme .old-layout tr.table-header th.active.asc {
background: url("/content/img/sort-asc.png") right 11px no-repeat;
}
.audi-theme .old-layout tr.table-header th.active.desc {
background: url("/content/img/sort-desc.png") right 11px no-repeat;
}
.audi-theme .old-layout .header.sortable.sort-asc {
color: #cc0033;
}
.audi-theme .old-layout .header.sortable.sort-desc {
color: #cc0033;
}
.audi-theme .old-layout ul.pagination > li > a,
.audi-theme .old-layout ul.pagination > li:first-child > a,
.audi-theme .old-layout ul.pagination > li:last-child > a {
border: none;
border-radius: 0;
background: #000;
color: #fff;
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
font-size: 1.1rem;
margin-right: 5px;
}
.audi-theme .old-layout ul.pagination > li:last-child > a {
margin-right: 0;
}
.audi-theme .old-layout ul.pagination > li.active > a,
.audi-theme .old-layout ul.pagination > li.active:hover > a,
.audi-theme .old-layout ul.pagination > li:hover > a {
background: #cc0033;
}
.audi-theme .old-layout ul.pagination > li a.active {
background: #434c53;
}
.audi-theme .old-layout .ng-table-counts.btn-group {
margin-top: 20px;
}
.audi-theme .old-layout .ng-table-counts.btn-group > .btn {
min-width: 0;
padding: 6px 12px;
margin-left: 5px;
line-height: 1.42857143;
}
.audi-theme .old-layout .ng-table-counts.btn-group > .btn.active {
background: #cc0033;
}
.audi-theme .old-layout .faded {
opacity: 0.5;
}
@-webkit-keyframes alert {
0% {
opacity: 1;
}
70% {
opacity: 1;
}
90% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@-moz-keyframes alert {
0% {
opacity: 1;
}
70% {
opacity: 1;
}
90% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes alert {
0% {
opacity: 1;
}
70% {
opacity: 1;
}
90% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.audi-theme .old-layout .tab-filler {
text-align: center;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
margin: 45px 0 0 0;
font-size: 1.6rem;
}
.audi-theme .old-layout .tab-pane {
display: none;
opacity: 0;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 1s linear;
padding-top: 25px;
}
.audi-theme .old-layout .tab-pane.active {
display: block;
opacity: 1;
}
.audi-theme .old-layout .mobileStyling.indicator img {
width: 100%;
}
.audi-theme .old-layout .mobileStyling.legalize {
margin-top: 50px;
}
.audi-theme .old-layout .mobileStyling.strong {
font-weight: bold;
}
.audi-theme .old-layout .mobileStylinga.aLink {
color: dodgerblue;
}
.audi-theme .old-layout .aRefundTransaction {
padding: 5px 0px;
}
.audi-theme .old-layout .authorize-cpni input[type="radio"] {
border: 0px;
width: 1.5em;
height: 1.5em;
}
.audi-theme .old-layout .authorize-cpni label {
margin: 0 10px;
}
.audi-theme .old-layout .att-passcode-link {
padding-top: 5px;
}
.audi-theme .old-layout .well {
background: #fff;
border-radius: 0;
box-shadow: 0;
}
.audi-theme .old-layout .terms-and-conditions {
height: 425px;
overflow-y: auto;
font-family: helvetica, arial, sans-serif;
}
.audi-theme .old-layout .terms-and-conditions h1 {
font-family: helvetica, arial, sans-serif;
}
.audi-theme .old-layout .terms-and-conditions p {
text-align: justify;
}
.audi-theme .old-layout .terms-and-conditions.customer-view {
background: #fff;
padding: 20px;
border: 1px solid #d5d9d8;
margin-bottom: 20px;
}
.audi-theme .old-layout .terms-and-conditions.customer-view .vw-tac .body {
padding: 0;
}
.audi-theme .old-layout .terms-and-conditions.customer-view .vw-tac .body p {
margin-bottom: 10px;
margin-top: 10px;
}
.audi-theme .old-layout .hero .full-mask.split .terms-and-conditions.customer-view p {
line-height: 2.1rem;
}
.audi-theme .old-layout .fix-and-lock-phone {
position: fixed;
overflow: hidden;
}
.audi-theme .old-layout .audi-tooltip {
margin-left: 5px;
}
.audi-theme .old-layout .tag {
background: #000;
padding: 3px 6px;
color: #fff;
margin-right: 5px;
font-size: 10px;
border-radius: 3px;
}
.audi-theme .old-layout .tag.is-active {
background: #3daf16;
}
.audi-theme .old-layout .tag.is-hidden,
.audi-theme .old-layout .tag.grey {
background: #666;
}
.audi-theme .old-layout .terms-modal {
max-width: 450px;
}
@media (max-width: 1440px) {
.audi-theme .old-layout .container {
width: 1188px;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 15px;
}
}
@media (max-width: 1280px) {
.audi-theme .old-layout .container {
width: 1024px;
}
.audi-theme .old-layout table {
font-size: 1.2rem;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 30px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(3n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
border-right: 1px solid #d5d9d8;
}
}
@media (max-width: 1024px) {
.audi-theme .old-layout .tab-menu-container {
padding-left: 5px;
padding-right: 0;
}
.audi-theme .old-layout .container {
width: 100%;
padding: 0 25px;
}
.audi-theme .old-layout h1 {
font-size: 2.2rem;
}
.audi-theme .old-layout .hero .hero-image {
display: none;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 19px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
padding: 25px 19px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(12n) {
border-right: none;
}
}
@media (max-width: 768px) {
.audi-theme .old-layout .tab-menu-container {
padding-left: 5px;
padding-right: 5px;
}
.audi-theme .old-layout .container {
width: 100%;
padding: 0 25px;
}
.audi-theme .old-layout .hero .hero-image {
display: none;
}
.audi-theme .old-layout .hero .split {
width: 100%;
margin: 0;
}
.audi-theme .old-layout .hero .split .col-md-6:first-child {
margin-top: 0;
border-right: none;
}
.audi-theme .old-layout .hero .login-form {
height: 255px;
margin-top: 0px !important;
}
.audi-theme .old-layout .hero .login-form .form-header h5 {
margin-bottom: 15px;
}
.audi-theme .old-layout .hero .login-form .form-group {
margin-bottom: 15px;
}
.audi-theme .old-layout .hero .login-form .form-group input {
padding: 4px 10px;
font-size: 1.4rem;
}
.audi-theme .old-layout .hero .col-md-offset-2 .form-header {
margin-top: 25px;
}
.audi-theme .old-layout .hero .col-md-offset-2 .form-header.pull-up-tp {
margin-top: 0;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 44px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(2n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
border-right: none;
padding: 25px 44px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(3n) {
border-right: 1px solid #d5d9d8;
}
.audi-theme .old-layout ul.grid-list li:nth-child(6n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(1+2n) {
border-right: 1px solid #d5d9d8;
}
}
@media (min-width: 992px) {
.audi-theme .old-layout {
/*
.tab-container {
position: relative;
top: auto;
left: auto;
background-color: transparent;
height: auto;
z-index: auto;
overflow-y: auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
&.modal-for-phone {
left: auto;
.tab-content {
padding: 0;
}
}
}*/
}
.audi-theme .old-layout .login-form {
margin-top: 20px !important;
}
.audi-theme .old-layout .content {
display: none;
position: relative;
top: 0;
}
.audi-theme .old-layout .content.ready {
display: block;
padding: 30px;
}
.audi-theme .old-layout .fix-and-lock-phone {
position: static;
overflow: visible;
}
.audi-theme .old-layout .mobileStyling.indicator {
margin-top: 40px;
}
}
.audi-theme .old-layout .three-up {
padding-top: 35px;
}
.audi-theme .old-layout .three-up img {
margin-bottom: 20px;
width: 100%;
}
.audi-theme .old-layout .col-header {
padding-top: 25px;
}
.audi-theme .old-layout .col-header.primary {
border-top: 3px solid #000;
padding-top: 22px;
}
.audi-theme .old-layout .col-header.secondary {
border-top: 1px solid #d5d9d8;
}
.audi-theme .old-layout .rw-invalid-notifier {
color: #cc0033;
margin-top: 4px;
}
.audi-theme .old-layout .rw-valid-notifier {
color: #3daf16;
margin-top: 4px;
}
.audi-theme .old-layout .rw-neutral-notifier {
color: #434c53;
margin-top: 4px;
}
.audi-theme .old-layout input.input-validation-error,
.audi-theme .old-layout textarea.input-validation-error {
border-color: #cc0033 !important;
}
.audi-theme .old-layout input.input-validation-valid {
border-color: #3daf16;
}
.audi-theme .old-layout span.field-validation-error {
color: #cc0033;
margin-top: 4px;
display: inline-block;
}
.audi-theme .old-layout .validation-summary-errors {
border: 1px solid #cc0033;
background: #ffccd9;
padding: 8px;
color: #cc0033;
margin-bottom: 10px;
}
.audi-theme .old-layout .validation-summary-errors ul {
margin: 0;
padding: 0;
}
.audi-theme .old-layout .validation-summary-errors ul li {
list-style: none;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
font-size: 1.3rem;
}
.audi-theme .old-layout .warningMessage {
border: 1px solid #cc0033;
background: #ffccd9;
padding: 8px;
color: #cc0033;
margin: 10px 0;
text-align: center;
}
.audi-theme .old-layout .successMessage {
border: 1px solid #3daf16;
background: #d7f9cb;
padding: 8px;
color: #3daf16;
margin: 10px 0;
text-align: center;
}
.audi-theme .old-layout .recently-saved {
border: 1px solid #256b0d;
background: #d7f9cb;
padding: 8px;
color: #256b0d;
margin-bottom: 10px;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
font-size: 1.3rem;
cursor: pointer;
}
.audi-theme .old-layout .recently-saved.error {
border: 1px solid #800020;
background: #ffccd9;
padding: 8px;
color: #800020;
}
.audi-theme .old-layout .kw-form-notifier {
margin-bottom: 20px;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
font-size: 1.3rem;
}
.audi-theme .old-layout .kw-form-notifier ul {
padding: 10px 0 0px 20px;
}
.audi-theme .old-layout .kw-form-notifier.success {
border: 1px solid #256b0d;
background: #d7f9cb;
padding: 8px;
color: #256b0d;
}
.audi-theme .old-layout .kw-form-notifier.error {
border: 1px solid #800020;
background: #ffccd9;
padding: 8px;
color: #800020;
}
.audi-theme .old-layout .content-holder {
zoom: 1;
}
.audi-theme .old-layout .content-holder:before {
content: '';
display: block;
}
.audi-theme .old-layout .content-holder:after {
content: '';
display: table;
clear: both;
}
.audi-theme .old-layout .content-holder:before {
content: '';
display: block;
}
.audi-theme .old-layout .content-holder:after {
content: '';
display: table;
clear: both;
}
.audi-theme .old-layout .content {
padding: 10px!important;
}
.audi-theme .old-layout .content.ready {
display: block;
padding: 30px;
}
.audi-theme .old-layout .server-error {
color: #df0826;
font-family: "AudiTypeExtendedBold", verdana, tahoma, sans-serif;
}
.audi-theme .old-layout .validation {
margin-top: 5px;
}
.audi-theme .old-layout .validation.valid {
color: #3daf16;
}
.audi-theme .old-layout .validation.invalid {
color: #df0826;
}
.audi-theme .old-layout .modal.center > * {
position: fixed;
top: 40%;
left: 50%;
min-width: 320px;
max-width: 630px;
width: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.audi-theme .old-layout .modal-backdrop {
opacity: 0.5;
}
.audi-theme .old-layout .help-list {
padding: 0;
margin: 0;
list-style: none;
}
.audi-theme .old-layout .help-list li {
margin-bottom: 35px;
}
.audi-theme .old-layout .help-questions {
font-size: 1.4rem;
margin: 25px 0;
padding: 0 0 0 25px;
color: #000;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
}
.audi-theme .old-layout .help-questions li {
margin: 5px 0;
}
.audi-theme .old-layout .help-questions a {
color: #000;
}
.audi-theme .old-layout .help-content h4 {
border-top: 1px solid #d5d9d8;
margin: 35px 0;
padding: 25px 0 15px;
}
.audi-theme .old-layout .help-answers {
font-size: 1.4rem;
font-family: "AudiTypeBold", verdana, tahoma, sans-serif;
padding: 0 0 0 25px;
}
.audi-theme .old-layout .help-answers a {
color: #cc0033;
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
}
.audi-theme .old-layout .help-answers .btt {
font-size: 1.1rem;
border-top: 1px solid #f0f1f1;
display: block;
padding: 10px 0 0 0;
margin: 20px 0 30px 0;
width: 100%;
text-align: right;
}
.audi-theme .old-layout .help-answers li {
margin: 15px 0 35px 0;
}
.audi-theme .old-layout .help-answers li .question {
margin-bottom: 8px;
}
.audi-theme .old-layout .help-answers li .answer {
font-family: "AudiTypeNormal", verdana, tahoma, sans-serif;
}
.audi-theme .old-layout .help-answers li .answer ol li,
.audi-theme .old-layout .help-answers li .answer ul li {
margin: 3px 0 0 0;
}
.audi-theme .old-layout .help-breadcrumbs {
border-bottom: 1px solid #d5d9d8;
width: 100%;
padding: 0 0 8px 0;
margin: 0 0 25px 0;
}
.audi-theme .old-layout .help-breadcrumbs ul {
padding: 0;
margin: 0;
list-style: none;
}
.audi-theme .old-layout .help-breadcrumbs ul li {
float: left;
margin: 0 10px 0 0;
font-size: 1.4rem;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
}
.audi-theme .old-layout .help-breadcrumbs ul li.divider {
color: #9fa9a6;
}
.audi-theme .old-layout .help-breadcrumbs ul li a {
color: #cc0033;
}
.audi-theme .old-layout .horizontal-customer-search .form-group {
padding: 0 5px;
}
.audi-theme .old-layout .horizontal-customer-search .form-group input {
font-size: 1.4rem;
}
.audi-theme .old-layout .horizontal-customer-search .btn.btn-default {
margin-top: -7px;
padding: 0.8em 1em 0.8em;
}
.audi-theme .old-layout .instructions img {
width: 100%;
border: 1px solid #999;
}
.audi-theme .old-layout .instructions p {
font-size: 1.6rem;
margin-top: 20px;
line-height: 2.6rem;
}
.audi-theme .old-layout .tab-filler {
text-align: center;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
margin: 45px 0 0 0;
font-size: 1.6rem;
}
.audi-theme .old-layout .tab-filler .message {
margin-top: 55px;
}
.audi-theme .old-layout .tab-pane {
display: none;
opacity: 0;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 1s linear;
padding-top: 25px;
}
.audi-theme .old-layout .tab-pane.active {
display: block;
opacity: 1;
}
.audi-theme .old-layout .form-group.permissions ul {
list-style: none;
padding: 0;
margin: 0;
}
.audi-theme .old-layout .form-group.permissions .permissions-item {
border: 1px solid #d5d9d8;
height: 42px;
background: #fff;
}
.audi-theme .old-layout .form-group.permissions .permissions-item button {
margin-top: 6px;
margin-right: 10px;
}
.audi-theme .old-layout .form-group.permissions .permissions-item .description {
height: 40px;
line-height: 40px;
padding-left: 10px;
display: block;
float: left;
}
.audi-theme .old-layout .form-group.permissions .permissions-item .description.opaque {
text-decoration: line-through;
}
.audi-theme .old-layout .form-group.permissions .permissions-item .permission-box {
border-left: 1px solid #d5d9d8;
background: #E4F6FF;
display: block;
width: 40px;
height: 100%;
float: right;
position: relative;
}
.audi-theme .old-layout .form-group.permissions .permissions-item input {
position: relative;
top: 9px;
left: 12px;
}
.audi-theme .old-layout .form-group.permissions ul li .permissions-item {
margin-top: 20px;
}
.audi-theme .old-layout .form-group.permissions ul li > ul .permissions-item {
margin-top: 0;
border-top: none;
background: #fcfcfc;
padding-left: 10px;
}
.audi-theme .old-layout .form-group.permissions ul li > ul .permissions-item button {
margin-top: 6px;
margin-right: 10px;
}
.audi-theme .old-layout .form-group.permissions ul li > ul .permissions-item .description {
background: url("/content/img/next-level.png") top left no-repeat;
padding-left: 35px;
}
.audi-theme .old-layout .form-group.permissions ul li > ul li > ul .permissions-item {
margin-top: 0;
border-top: none;
background: #f5f5f5;
padding-left: 40px;
}
.audi-theme .old-layout .form-group.permissions ul.white-close .permissions-item {
background: #fff;
margin: 0;
border-bottom: none;
}
.audi-theme .old-layout .form-group.permissions ul.white-close li:last-child .permissions-item {
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout .form-group.roles ul {
list-style: none;
padding: 0;
margin: 0;
}
.audi-theme .old-layout .form-group.roles .roles-item {
border: 1px solid #d5d9d8;
height: 42px;
background: #fff;
}
.audi-theme .old-layout .form-group.roles .roles-item button {
margin-top: 6px;
margin-right: 10px;
}
.audi-theme .old-layout .form-group.roles .roles-item .description {
height: 40px;
line-height: 40px;
padding-left: 10px;
display: block;
float: left;
}
.audi-theme .old-layout .form-group.roles .roles-item .description.opaque {
text-decoration: line-through;
}
.audi-theme .old-layout .form-group.roles .roles-item .role-box {
border-left: 1px solid #d5d9d8;
background: #E4F6FF;
display: block;
width: 40px;
height: 100%;
float: right;
position: relative;
}
.audi-theme .old-layout .form-group.roles .roles-item input {
position: relative;
top: 9px;
left: 12px;
}
.audi-theme .old-layout .form-group.roles ul li .roles-item {
margin-top: 20px;
}
.audi-theme .old-layout .form-group.roles ul li > ul .roles-item {
margin-top: 0;
border-top: none;
background: #fcfcfc;
padding-left: 10px;
}
.audi-theme .old-layout .form-group.roles ul li > ul .roles-item button {
margin-top: 6px;
margin-right: 10px;
}
.audi-theme .old-layout .form-group.roles ul li > ul .roles-item .description {
background: url("/content/img/next-level.png") top left no-repeat;
padding-left: 35px;
}
.audi-theme .old-layout .form-group.roles ul li > ul li > ul .roles-item {
margin-top: 0;
border-top: none;
background: #f5f5f5;
padding-left: 40px;
}
.audi-theme .old-layout .form-group.roles ul.white-close .roles-item {
background: #fff;
margin: 0;
border-bottom: none;
}
.audi-theme .old-layout .form-group.roles ul.white-close li:last-child .roles-item {
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout .well {
background: #fff;
border-radius: 0;
box-shadow: 0;
}
.audi-theme .old-layout .call-log.marginTop10 {
margin-top: 10px;
}
.audi-theme .old-layout .call-log.marginBottom10 {
margin-bottom: 10px;
}
.audi-theme .old-layout .call-log.marginTop40 {
margin-top: 40px;
}
.audi-theme .old-layout .call-log.paddingRight0 {
padding-right: 0;
}
.audi-theme .old-layout .call-log.colorBlue {
color: blue;
}
.audi-theme .old-layout .terms-and-conditions {
height: 425px;
overflow-y: auto;
font-family: helvetica, arial, sans-serif;
}
.audi-theme .old-layout .terms-and-conditions h1 {
font-family: helvetica, arial, sans-serif;
}
.audi-theme .old-layout .terms-and-conditions p {
text-align: justify;
}
.audi-theme .old-layout .terms-and-conditions.customer-view {
background: #fff;
padding: 20px;
border: 1px solid #d5d9d8;
margin-bottom: 20px;
}
.audi-theme .old-layout .hero .full-mask.split .terms-and-conditions.customer-view p {
line-height: 2.1rem;
}
.audi-theme .old-layout .hide-table-actions thead {
display: none;
}
.audi-theme .old-layout .notification.col-md-4 {
float: none;
}
@media (max-width: 1440px) {
.audi-theme .old-layout .container {
width: 1188px;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 7px;
}
}
@media (max-width: 1280px) {
.audi-theme .old-layout .container {
width: 1024px;
}
.audi-theme .old-layout table {
font-size: 1.2rem;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 30px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(3n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
border-right: 1px solid #d5d9d8;
}
}
@media (max-width: 1024px) {
.audi-theme .old-layout .container {
width: 100%;
padding: 0 25px;
}
.audi-theme .old-layout h1 {
font-size: 2.2rem;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 19px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
padding: 25px 19px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(12n) {
border-right: none;
}
}
@media (max-width: 768px) {
.audi-theme .old-layout .container {
width: 100%;
padding: 0 25px;
}
.audi-theme .old-layout .hero {
min-height: 253px;
}
.audi-theme .old-layout .hero .split {
width: 100%;
margin: 0;
}
.audi-theme .old-layout .hero .split .col-md-6:first-child {
margin-top: 0;
border-right: none;
}
.audi-theme .old-layout .hero .col-md-offset-2 .form-header {
margin-top: 25px;
}
.audi-theme .old-layout .hero .col-md-offset-2 .form-header.pull-up-tp {
margin-top: 0;
}
.audi-theme .old-layout ul.grid-list li {
padding: 25px 44px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(2n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(4n) {
border-right: none;
padding: 25px 44px;
}
.audi-theme .old-layout ul.grid-list li:nth-child(3n) {
border-right: 1px solid #d5d9d8;
}
.audi-theme .old-layout ul.grid-list li:nth-child(6n) {
border-right: none;
}
.audi-theme .old-layout ul.grid-list li:nth-child(1+2n) {
border-right: 1px solid #d5d9d8;
}
}
.audi-theme .old-layout .switch-select-left,
.audi-theme .old-layout .switch-select-right {
height: 100%;
width: 100%;
}
.audi-theme .old-layout .switch-select-button {
margin: 10px auto;
}
.audi-theme .old-layout .switch-select-button-group {
text-align: center;
}
.audi-theme .old-layout .error-message {
margin: 40px 30px 30px 30px;
font-size: 14px;
}
.audi-theme .old-layout ul.manageGridList {
padding: 0;
margin: 0;
}
.audi-theme .old-layout ul.manageGridList li {
list-style: none;
padding: 20px;
float: left;
border-right: 1px solid #d5d9d8;
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout ul.manageGridList li img {
margin-bottom: 5px;
}
.audi-theme .old-layout ul.manageGridList li .car-picture {
margin: 0 auto 5px auto;
display: block;
}
.audi-theme .old-layout ul.manageGridList li .row {
font-size: 1.4rem;
margin-top: 4px;
}
.audi-theme .old-layout ul.manageGridList li .manageGridItem {
width: 300px;
height: 300px;
}
.audi-theme .old-layout ul.manageGridList li .manageGridRowLabel {
padding-right: 5px;
padding-left: 5px;
text-align: right;
color: #777;
word-break: keep-all;
}
.audi-theme .old-layout ul.manageGridList li .manageGridRowContent {
padding-left: 10px !important;
text-align: left !important;
}
.audi-theme .old-layout ul.manageGridList li:nth-child(0n) {
padding-left: 40px;
}
.audi-theme .old-layout ul.manageGridList li:nth-child(4n) {
border-right: none;
padding-right: 30px;
}
.audi-theme .old-layout ul.manageGridList li.opaque {
opacity: 0.5;
}
.audi-theme .old-layout .clickable {
cursor: pointer;
}
.audi-theme .old-layout .fas.flipX {
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.audi-theme .old-layout .hero .hero-image {
position: absolute;
margin-left: -10px;
margin-right: -10px;
}
.audi-theme .old-layout .hero .hero-image img {
width: 100%;
display: none;
}
.audi-theme .old-layout .hero img.hero-image {
width: 100%;
margin-left: 0;
left: 0;
display: none;
}
.audi-theme .old-layout .hero .full-mask {
padding: 0 15px;
position: relative;
}
.audi-theme .old-layout .hero .split {
/* margin-bottom: 30px; */
}
.audi-theme .old-layout .hero .split .col-md-6 {
margin-top: 15px;
padding-bottom: 40px;
}
.audi-theme .old-layout .hero .split .col-md-6 form,
.audi-theme .old-layout .hero .split .col-md-6 .form-styles {
padding: 20px;
}
.audi-theme .old-layout .hero .split .col-md-6:first-child {
border-right: 3px solid #cc0033;
}
.audi-theme .old-layout .hero .split .col-md-6 .no-split .col-md-6 {
border: none;
padding-bottom: 0;
}
.audi-theme .old-layout .hero .split.no-border .col-md-6:first-child {
border-right: none;
}
.audi-theme .old-layout .hero .split.no-border .form-header {
margin: 40px 20px -60px;
}
.audi-theme .old-layout .hero .split p {
font-size: 1.4rem;
line-height: 2.6rem;
}
.audi-theme .old-layout .hero .split p.first {
margin-top: 50px;
}
.audi-theme .old-layout .hero .split p.link {
line-height: 3.2rem;
}
.audi-theme .old-layout .hero .split p.link .icon {
position: relative;
top: -5px;
margin-right: 6px;
}
.audi-theme .old-layout .hero .split p.link a {
color: #cc0033;
}
.audi-theme .old-layout .hero .full-mask.mask-bg {
min-height: 527px;
width: 100%;
top: 0;
margin: 0;
}
.audi-theme .old-layout .semi-white {
background: url("/content/img/translucent-white-bg.png") top center repeat-x;
padding: 20px;
margin: 0px 15px !important;
max-width: 1500px;
min-width: 300px;
}
.audi-theme .old-layout .semi-white.full-mask {
min-height: 527px;
}
@media (min-width: 1024px) {
.audi-theme .old-layout .hero {
min-height: 395px;
}
.audi-theme .old-layout .hero img.hero-image {
width: 100%;
margin-left: 0;
left: 0;
display: block;
}
.audi-theme .old-layout .hero .hero-image img {
width: 100%;
display: block;
}
}
@media (min-width: 1200px) {
.audi-theme .old-layout .hero {
min-height: 527px;
}
.audi-theme .old-layout .hero .hero-image {
width: 1600px;
margin-right: 0;
left: 50%;
margin-left: -800px;
}
}
.audi-theme .old-layout .car-box {
border-left: 1px solid #d5d9d8;
border-right: 1px solid #d5d9d8;
margin: 0px !important;
max-height: 300px;
padding: 0px !important;
}
.audi-theme .old-layout .car-box form {
margin: 10px;
}
.audi-theme .old-layout .car-box ul {
margin: 10px;
padding: 0px;
}
.audi-theme .old-layout .car-box ul label {
font-size: 1.6rem;
font-weight: normal;
}
.audi-theme .old-layout .car-box ul li:nth-child(n+2) {
margin-top: 10px;
}
.audi-theme .old-layout .car-box ul li {
list-style: none;
}
.audi-theme .old-layout .options-box {
position: relative;
background: rgba(255, 255, 255, 0.95);
min-height: 92px;
border-top: 1px solid #d5d9d8;
border-bottom: 1px solid #d5d9d8;
width: 100%;
margin: 0;
float: left;
text-align: center;
}
.audi-theme .old-layout .options-box .item {
height: 100px;
line-height: 100px;
text-align: center;
font-size: 1.6rem;
border-left: 1px solid #d5d9d8;
border-right: 1px solid #d5d9d8;
}
.audi-theme .old-layout .options-box .item.left {
border-top: 1px solid #d5d9d8;
}
.audi-theme .old-layout .options-box .item.right {
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .old-layout .options-box .item span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.audi-theme .old-layout .options-box .item span a {
text-decoration: underline;
}
@media (min-width: 768px) {
.audi-theme .old-layout .car-box ul label {
font-size: 1.8rem;
font-weight: normal;
line-height: 2.2rem;
}
.audi-theme .old-layout .car-box ul li:nth-child(n+2) {
margin-top: 10px;
}
.audi-theme .old-layout .car-box ul li {
list-style: none;
}
.audi-theme .old-layout .login-fill {
min-height: 300px;
}
.audi-theme .old-layout .options-box .item.left {
border-top: none;
}
.audi-theme .old-layout .options-box .item.right {
border-bottom: none;
}
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
.audi-theme .hero-layout .sub-details-page,
.audi-theme .hero-layout .sub-details-page {
padding: 0px;
margin: 0px;
}
.audi-theme .hero-layout .sub-details-page .authorize-cpni,
.audi-theme .hero-layout .sub-details-page .authorize-cpni {
display: inline-flex;
}
.audi-theme .hero-layout .sub-details-page .grand-total,
.audi-theme .hero-layout .sub-details-page .grand-total {
border-bottom: none;
}
.audi-theme .hero-layout .sub-details-page .no-border,
.audi-theme .hero-layout .sub-details-page .no-border {
border: none;
}
.audi-theme .hero-layout .sub-details-page .reason-text,
.audi-theme .hero-layout .sub-details-page .reason-text {
max-height: 75px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-container,
.audi-theme .hero-layout .sub-details-page .sub-details-container,
.audi-theme .hero-layout .sub-details-page.sub-details-container,
.audi-theme .hero-layout .sub-details-page.sub-details-container {
padding: 0px;
margin: 0px;
}
.audi-theme .hero-layout .sub-details-page .faded,
.audi-theme .hero-layout .sub-details-page .faded,
.audi-theme .hero-layout .sub-details-page.faded,
.audi-theme .hero-layout .sub-details-page.faded {
opacity: 0.5;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .carrier-picture,
.audi-theme .hero-layout .sub-details-page .sub-details-top .carrier-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .carrier-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .carrier-picture {
margin: 150px 0 0 60px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .admin-view-link,
.audi-theme .hero-layout .sub-details-page .sub-details-top .admin-view-link,
.audi-theme .hero-layout .sub-details-page.sub-details-top .admin-view-link,
.audi-theme .hero-layout .sub-details-page.sub-details-top .admin-view-link {
margin-right: 18px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .right-side,
.audi-theme .hero-layout .sub-details-page .sub-details-top .right-side,
.audi-theme .hero-layout .sub-details-page.sub-details-top .right-side,
.audi-theme .hero-layout .sub-details-page.sub-details-top .right-side {
padding-top: 150px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .car-picture,
.audi-theme .hero-layout .sub-details-page .sub-details-top .car-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .car-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .car-picture {
height: 100%;
margin: 80px 0 0 0;
max-width: 500px;
width: 100%;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-picture,
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-picture {
padding: 0px 75px;
border-left: medium solid #d3d3d3;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-picture img,
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-picture img,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-picture img,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-picture img {
margin: 0px auto;
width: 100px;
height: 100px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-phone,
.audi-theme .hero-layout .sub-details-page .sub-details-top .att-phone,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-phone,
.audi-theme .hero-layout .sub-details-page.sub-details-top .att-phone {
margin-top: 40px;
padding: 10px 50px;
font-size: 11px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .tmo-picture,
.audi-theme .hero-layout .sub-details-page .sub-details-top .tmo-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .tmo-picture,
.audi-theme .hero-layout .sub-details-page.sub-details-top .tmo-picture {
width: 250px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .transition-on-display,
.audi-theme .hero-layout .sub-details-page .sub-details-top .transition-on-display,
.audi-theme .hero-layout .sub-details-page.sub-details-top .transition-on-display,
.audi-theme .hero-layout .sub-details-page.sub-details-top .transition-on-display {
-moz-animation: alert 1s 1;
-o-animation: alert 1s 1;
-webkit-animation: alert 1s 1;
animation: alert 1s 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top .carrier-info,
.audi-theme .hero-layout .sub-details-page .sub-details-top .carrier-info,
.audi-theme .hero-layout .sub-details-page.sub-details-top .carrier-info,
.audi-theme .hero-layout .sub-details-page.sub-details-top .carrier-info {
max-height: 415px;
max-width: 725px;
overflow: auto;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info {
height: 300px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.key,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.key,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.key,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.key {
color: blue;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.number .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.string .audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.boolean {
color: black;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.null,
.audi-theme .hero-layout .sub-details-page .sub-details-top.carrier-info.null,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.null,
.audi-theme .hero-layout .sub-details-page.sub-details-top.carrier-info.null {
color: lightgray;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top body,
.audi-theme .hero-layout .sub-details-page .sub-details-top body,
.audi-theme .hero-layout .sub-details-page.sub-details-top body,
.audi-theme .hero-layout .sub-details-page.sub-details-top body {
scrollbar-face-color: #d5d9d8;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills {
margin-top: 20px;
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div {
border-bottom: 1px solid #eee;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li + li,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li + li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li + li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li + li,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div + li,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div + li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div + li,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div + li {
margin-top: 0;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li.active > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li.active > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div.active > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div.active > a:hover {
color: #df0826;
background-color: transparent;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a:focus,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a:focus,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a:focus {
background-color: transparent;
border-radius: 0px;
color: black;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > li > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > li > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ul.nav-pills > div > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ul.nav-pills > div > a:hover {
color: black;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:increment,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:increment,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:decrement,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:decrement {
width: 6px;
height: 6px;
display: none;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:start:decrement,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:increment,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-button:end:increment {
display: block;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-track,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-track,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-track,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-track {
border-radius: 4.5px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-track :disabled,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-track :disabled,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-track :disabled,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-track :disabled {
display: none;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-thumb {
border-radius: 4.5px;
background: #d5d9d8;
-webkit-transition: background-color 2.5s linear;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top :hover::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page .sub-details-top :hover::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page.sub-details-top :hover::-webkit-scrollbar-thumb,
.audi-theme .hero-layout .sub-details-page.sub-details-top :hover::-webkit-scrollbar-thumb {
background: #d5d9d8;
}
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-thumb:hover,
.audi-theme .hero-layout .sub-details-page .sub-details-top ::-webkit-scrollbar-thumb:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-thumb:hover,
.audi-theme .hero-layout .sub-details-page.sub-details-top ::-webkit-scrollbar-thumb:hover {
background: #d5d9d8;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info,
.audi-theme .hero-layout .sub-details-page .sub-details-info {
border-right: none;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info .btn.btn-default,
.audi-theme .hero-layout .sub-details-page .sub-details-info .btn.btn-default,
.audi-theme .hero-layout .sub-details-page .sub-details-info a,
.audi-theme .hero-layout .sub-details-page .sub-details-info a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
margin-top: -10px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul {
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
margin-top: 20px;
padding-left: 0px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li {
list-style: none;
margin-top: 5px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label {
font-size: 1rem;
color: #777;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content {
font-size: 1.2rem;
margin-top: 5px;
position: relative;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content input,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content input {
border: none;
border-bottom: 1px dotted #444;
padding: 0 0 4px 0;
background: none;
margin: -4px 0 0 0;
outline: none;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content .saved,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content .saved {
font-size: 1rem;
color: #3daf16;
margin-top: -2px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content .saved.error,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content .saved.error {
color: #df0826;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status,
.audi-theme .hero-layout .sub-details-page .sub-details-status {
width: 100%;
margin: 0px;
padding: 0px;
min-height: 100px;
background: rgba(255, 255, 255, 0.95);
border-top: 1px solid #d5d9d8;
border-bottom: 1px solid #d5d9d8;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status.admin,
.audi-theme .hero-layout .sub-details-page .sub-details-status.admin {
border: 0px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6 {
border: none;
height: 100%;
min-height: 100px;
text-align: center;
font-family: "AudiTypeExtendedNormal", verdana, tahoma, sans-serif;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4.last,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4.last,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6.last,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6.last {
border-right: 0px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4.vwStatusColumn,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4.vwStatusColumn,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6.vwStatusColumn,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6.vwStatusColumn {
height: 93px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-xs-4 .col-sm-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-xs-4 .col-sm-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6 {
font-size: smaller;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-label,
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-label {
margin-top: 12px;
color: #777;
font-size: 1.6rem;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content,
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content {
margin-top: 6px;
font-size: 2.4rem;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content.active,
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content.active {
color: #3daf16;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content.inactive,
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-content.inactive {
color: #df0826;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-expires,
.audi-theme .hero-layout .sub-details-page .sub-details-status .data-expires {
margin-top: 10px;
font-size: 1em;
font-weight: bold;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .billing-history-page .success-text,
.audi-theme .hero-layout .sub-details-page .billing-history-page .success-text {
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .payment-processor-info,
.audi-theme .hero-layout .sub-details-page .payment-processor-info {
max-height: 500px;
}
.audi-theme .hero-layout .sub-details-page .selectMobileShare .verificationText,
.audi-theme .hero-layout .sub-details-page .selectMobileShare .verificationText {
display: inline;
}
.audi-theme .hero-layout .sub-details-page .stacked-table,
.audi-theme .hero-layout .sub-details-page .stacked-table {
margin: 25px 0px 25px 0px;
}
.audi-theme .hero-layout .sub-details-page .stacked-table th,
.audi-theme .hero-layout .sub-details-page .stacked-table th {
background: #e8e8e7;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .stacked-table td,
.audi-theme .hero-layout .sub-details-page .stacked-table td {
padding: 7px 5px 7px 5px;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .rw-invalid-notifier,
.audi-theme .hero-layout .sub-details-page .rw-invalid-notifier {
color: #cc0033;
margin-top: 4px;
}
.audi-theme .hero-layout .sub-details-page .rw-valid-notifier,
.audi-theme .hero-layout .sub-details-page .rw-valid-notifier {
color: #3daf16;
margin-top: 4px;
}
.audi-theme .hero-layout .sub-details-page .rw-neutral-notifier,
.audi-theme .hero-layout .sub-details-page .rw-neutral-notifier {
color: #434c53;
margin-top: 4px;
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@media (min-width: 1200px) {
.audi-theme .hero-layout .sub-details-page .sub-details-info,
.audi-theme .hero-layout .sub-details-page .sub-details-info {
min-height: 426px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul {
margin: 30px 0 0 15px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li {
margin-top: 15px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label {
font-size: 1.3rem !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content {
font-size: 2rem !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6 {
border-right: 1px solid #d5d9d8 !important;
}
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@media (min-width: 1024px) and (max-width: 1200px) {
.audi-theme .hero-layout .sub-details-page .sub-details-info,
.audi-theme .hero-layout .sub-details-page .sub-details-info {
min-height: 296px;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul {
margin: 30px 0 0 15px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li {
margin-top: 15px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label {
font-size: 1.1rem !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content {
font-size: 1.8rem !important;
margin-bottom: 20px !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6 {
border-right: 1px solid #d5d9d8 !important;
}
}
@font-face {
font-family: "AudiTypeBold";
src: url("/content/fonts/AudiTypeBold.eot");
src: url("/content/fonts/AudiTypeBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBold.woff") format("woff"), url("/content/fonts/AudiTypeBold.ttf") format("truetype"), url("/content/fonts/AudiTypeBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeBoldItalic";
src: url("/content/fonts/AudiTypeBoldItalic.eot");
src: url("/content/fonts/AudiTypeBoldItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeBoldItalic.woff") format("woff"), url("/content/fonts/AudiTypeBoldItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeBoldItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedBold";
src: url("/content/fonts/AudiTypeExtendedBold.eot");
src: url("/content/fonts/AudiTypeExtendedBold.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedBold.woff") format("woff"), url("/content/fonts/AudiTypeExtendedBold.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedBold.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedItalic";
src: url("/content/fonts/AudiTypeExtendedItalic.eot");
src: url("/content/fonts/AudiTypeExtendedItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedItalic.woff") format("woff"), url("/content/fonts/AudiTypeExtendedItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeExtendedNormal";
src: url("/content/fonts/AudiTypeExtendedNormal.eot");
src: url("/content/fonts/AudiTypeExtendedNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeExtendedNormal.woff") format("woff"), url("/content/fonts/AudiTypeExtendedNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeExtendedNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeItalic";
src: url("/content/fonts/AudiTypeItalic.eot");
src: url("/content/fonts/AudiTypeItalic.eot?iefix") format("eot"), url("/content/fonts/AudiTypeItalic.woff") format("woff"), url("/content/fonts/AudiTypeItalic.ttf") format("truetype"), url("/content/fonts/AudiTypeItalic.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AudiTypeNormal";
src: url("/content/fonts/AudiTypeNormal.eot");
src: url("/content/fonts/AudiTypeNormal.eot?iefix") format("eot"), url("/content/fonts/AudiTypeNormal.woff") format("woff"), url("/content/fonts/AudiTypeNormal.ttf") format("truetype"), url("/content/fonts/AudiTypeNormal.svg#webfont0mgEXeDv") format("svg");
font-weight: normal;
font-style: normal;
}
@media (min-width: 768px) and (max-width: 1024px) {
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-content {
font-size: 1.3rem !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label,
.audi-theme .hero-layout .sub-details-page .sub-details-info ul li .data-label {
font-size: 1.1rem !important;
}
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-4,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6,
.audi-theme .hero-layout .sub-details-page .sub-details-status .col-md-6 {
border-right: 1px solid #d5d9d8 !important;
}
}
.invoice-actions {
background: #fff;
}
.invoice-actions .with-border {
border: 1px solid #ddd;
}
.invoice-actions .in-progress {
margin: 10px 20px 0 20px;
padding: 25px;
}
.invoice-actions .complete {
margin: 15px 20px 0;
}
.invoice-details {
max-width: 800px;
padding: 10px;
margin: 0 5px;
background: #fff;
border: 1px solid #ddd;
}
.invoice-details .table tr:nth-child(even) {
background: none;
}
.invoice-details th {
text-align: left;
}
.invoice-details .invoice-number {
margin-right: 7px;
}
.invoice-details .invoice-download img {
margin-top: -5px;
}
.invoice-details .address-info {
margin-top: 20px;
}
.invoice-details .items {
margin-top: 40px;
}
.invoice-details table th .fees,
.invoice-details table td .fees {
padding-top: 25px;
}
.invoice-details table th.small-col,
.invoice-details table td.small-col {
width: 15%;
}
.invoice-details table.summary {
margin-top: 25px;
}
.invoice-authNetInfo {
margin: 10px 20px;
}
.invoice-aboveForm {
margin: 0 20px 15px 20px;
}
.invoice-link {
color: #999;
font-size: 11px;
margin: 0 0 0 5px;
}
@media (min-width: 768px) {
.invoice-details {
padding: 20px;
margin: 0 20px;
background: #fff;
border: 1px solid #ddd;
}
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer {
text-align: left !important;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .manageSubPage .row,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .manageSubPage .row {
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .manageSubPage .success-text,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .manageSubPage .success-text {
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .instruction-text,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .instruction-text {
font-weight: bold;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer {
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer img,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer img {
width: 50% !important;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .vwAlreadyActiveBox span,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .vwAlreadyActiveBox span {
display: block;
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .vwAttButtonContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .vwAttButtonContainer {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer {
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer img,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .productLogoContainer img {
width: 50% !important;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .extension-info,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .extension-info {
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .active-text,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .active-text {
color: green;
font-weight: bold;
margin-top: 10px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .expired-text,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .expired-text {
color: red;
font-weight: bold;
margin-top: 10px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .mobile-share-success .att-logo img,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .mobile-share-success .att-logo img {
width: 100px !important;
margin-left: 50px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .additionalText,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .additionalText {
margin-top: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .vwContactInfo,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .vwContactInfo {
margin-top: 20px;
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .vwAttButtonContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .vwAttButtonContainer {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .buySubscriptionButtonContainer,
.audi-theme .hero-layout .sub-details-page .manageSubContainer .subscriptionSuccessPage .buySubscriptionButtonContainer {
margin-top: 50px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .trialDetails div,
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .trialDetails div {
padding-top: 20px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .imageContainer,
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .imageContainer {
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .imageContainer img,
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage .imageContainer img {
width: 50% !important;
}
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage #submit-rateplan-selection-btn,
.audi-theme .hero-layout .sub-details-page .activatePage .trialPage #submit-rateplan-selection-btn {
margin: 20px 0px 0px 55px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .rateplan-select,
.audi-theme .hero-layout .sub-details-page .activatePage .rateplan-select {
font-size: 1.6rem;
}
.audi-theme .hero-layout .sub-details-page .activatePage .success-text,
.audi-theme .hero-layout .sub-details-page .activatePage .success-text {
margin-bottom: 20px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .instructionText,
.audi-theme .hero-layout .sub-details-page .activatePage .instructionText {
font-weight: bold;
}
.audi-theme .hero-layout .sub-details-page .activatePage .titleless-spacer,
.audi-theme .hero-layout .sub-details-page .activatePage .titleless-spacer {
margin-top: 50px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper,
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper {
display: inline-block;
}
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper button,
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper button {
margin: 0px 0px 0px 10px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper .loading-small,
.audi-theme .hero-layout .sub-details-page .activatePage .center-helper .loading-small {
margin: 0px 0px 0px 10px;
}
.audi-theme .hero-layout .sub-details-page .activatePage .no-thanks-btn,
.audi-theme .hero-layout .sub-details-page .activatePage .no-thanks-btn {
margin-right: 10px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .instruction-text,
.audi-theme .hero-layout .sub-details-page .terms-page .instruction-text,
.audi-theme .hero-layout .sub-details-page .terms-page .instruction-text {
font-size: 14px;
font-weight: bold;
}
.audi-theme .hero-layout .sub-details-page .terms-page .terms-acceptance,
.audi-theme .hero-layout .sub-details-page .terms-page .terms-acceptance,
.audi-theme .hero-layout .sub-details-page .terms-page .terms-acceptance {
max-width: 900px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .acceptTermsButton,
.audi-theme .hero-layout .sub-details-page .terms-page .acceptTermsButton,
.audi-theme .hero-layout .sub-details-page .terms-page .acceptTermsButton {
margin-top: 40px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .term-items-container,
.audi-theme .hero-layout .sub-details-page .terms-page .term-items-container,
.audi-theme .hero-layout .sub-details-page .terms-page .term-items-container {
text-align: center !important;
}
.audi-theme .hero-layout .sub-details-page .terms-page .term-item,
.audi-theme .hero-layout .sub-details-page .terms-page .term-item,
.audi-theme .hero-layout .sub-details-page .terms-page .term-item {
margin-top: 10px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .term-item .gen2Line span,
.audi-theme .hero-layout .sub-details-page .terms-page .term-item .gen2Line span,
.audi-theme .hero-layout .sub-details-page .terms-page .term-item .gen2Line span {
font-weight: normal !important;
font-size: 13px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .seperator,
.audi-theme .hero-layout .sub-details-page .terms-page .seperator,
.audi-theme .hero-layout .sub-details-page .terms-page .seperator {
margin: 40px 0px 40px 0px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .table-description,
.audi-theme .hero-layout .sub-details-page .terms-page .table-description,
.audi-theme .hero-layout .sub-details-page .terms-page .table-description {
font-size: 11px;
padding-top: 20px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart.row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart.row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart.row {
border: 1px solid #e8e8e7;
border-bottom: 0px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table {
max-width: 650px;
padding: 0px;
text-align: center;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table thead,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table thead,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table thead {
background-color: #e8e8e7;
border-left: 1px solid #e8e8e7;
border-right: 1px solid #e8e8e7;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
width: 100%;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody {
background-color: #fff;
border-left: 1px solid #e8e8e7;
border-right: 1px solid #e8e8e7;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
width: 100%;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody td,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody td,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart table tbody td {
background-color: #fff;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header-row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header-row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header-row {
padding: 0px;
background-color: #e8e8e7;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-row,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-row {
padding: 0px;
border-bottom: 1px solid #e8e8e7;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .table-header {
text-align: left;
font-weight: bold;
font-size: 14px;
padding: 5px 0px 5px 25px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-cost,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-cost,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-cost {
text-align: right !important;
padding-right: 25px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name {
padding-left: 25px;
}
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name.wf-plan,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name.wf-plan,
.audi-theme .hero-layout .sub-details-page .terms-page .plan-chart .plan-name.wf-plan {
border-left: 1px solid #e8e8e7;
}
.audi-theme .hero-layout .sub-details-page .terms-page .view-button,
.audi-theme .hero-layout .sub-details-page .terms-page .view-button,
.audi-theme .hero-layout .sub-details-page .terms-page .view-button {
margin: 20px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .instruction-text,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .instruction-text {
margin-bottom: 50px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .sold-prompt,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .sold-prompt {
padding: 20px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .prompt-action,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .prompt-action,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .table-info,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .table-info {
font-weight: bold;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .stacked-table,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .stacked-table {
margin-bottom: 40px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .stacked-table .date-col,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .stacked-table .date-col {
width: 130px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .transferVerification label,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .transferVerification label,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .cancelVerification label,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .cancelVerification label {
display: block;
margin-left: 22px;
}
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .transferVerification input,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .transferVerification input,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .cancelVerification input,
.audi-theme .hero-layout .sub-details-page .soldVehicleContainer .cancelVerification input {
float: left;
margin-right: 7px;
}
/*# sourceMappingURL=styles.c044be4c1b97a87a3ea2.chunk.css.map*/