@font-face {
    font-family: 'rift-soft';
    src: url('../fonts/rift-soft.woff2') format('woff2'),
        url('../fonts/rift-soft.woff') format('woff'),
        url('../fonts/rift-soft.otf') format('otf'),
        url('../fonts/rift-soft.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg'),
        url('../fonts/Oswald-Light.woff') format('woff'),
        url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.header-scroll {
    height: 67px;
    background: #000;
    float: left;
    width: 100%;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 20;
}

body>header .navigation a {
    padding: 16px 6px 8px 20px !important;
    float: right;
}

.header-scroll {
    top: 0;
    position: fixed;
}

li.logout-link .logout-anchor:before {
    visibility: hidden !important;
}

li.logout-link .logout-anchor {
    padding: 18px 20px 8px 0px !important;
}

.center-icon img {
    transition: all .31s;
    max-height: 85px;
    margin-top: -15px;
}

.center-icon.text-center {
    padding-top: 6px;
}

.rift-soft {
    font-family: rift-soft, sans-serif;
}

body.dealeradmin-body {

    font-size: 16px;
    line-height: 27px;
    color: rgba(0, 0, 0, .87);
    font-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/video_modal.png) 0 0/cover no-repeat;*/
    /*background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/video_modal.png) 100% repeat; */
    /*background: url('../img/video_modal.png') 100% no-repeat;*/
    /* background: url('https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/acdfjr-banner-landing1.jpg') 100% no-repeat; */
    background: url('../img/dashboard/alfa_retouch_high_rez@2x.png') 100% no-repeat;
    background-position: top center;
    background-color: #cecece;
    background-size: 100%;
}

.container.bodyTextContainerWrapper {
    min-height: 90vh;
}

.container.bodyContainerWrapper {
    min-height: 90vh;
    margin-bottom: 15px;
}

.dealerHead {
    padding-top: 25px;
}

.rowOne {
    padding: 5px 0;
    border-bottom: 1px solid;
}

.oreBox {
    padding: 0 10px 4px 0;
    border-right: 1px solid;
    margin-right: 12px;
    font-size: 28px;
    font-weight: 100;
}

.dealerTool {
    font-size: 26px;
    font-weight: 500;
    font-family: Segoe UI;
}

.rowTwo {
    padding: 15px 0px 0;
    font-size: 14px;
    letter-spacing: 1px;
}

/* .fcaLogo {
    padding-top: 5px;
} */

.botSection {
    margin-top: -10px;
}

img,
video {
    height: auto;
    max-width: 100%;
}

.orLogo {
    position: absolute;
    left: 100px;
    width: 19px;
    height: 40px;
    margin-top: 5px;
}

.mat-tab-label.mat-ripple.ng-star-inserted.search-by-vin-toggle {
    padding-left: 6px !important;
}

.mat-tab-group {
    display: flex;
    flex-direction: column;
}

.mat-tab-group {
    font-family: rift-soft, sans-serif;
}

.mat-tab-header {
    display: flex;
    position: relative;
    flex-shrink: 0;
}

.mat-tab-header {
    border-bottom: none;
}

.mat-tab-header-pagination-disabled {
    box-shadow: none;
    cursor: default;
}

.mat-tab-header-pagination-before,
.mat-tab-header-rtl .mat-tab-header-pagination-after {
    padding-left: 4px;
}

.mat-tab-header-pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    touch-action: none;
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.mat-ripple {
    position: relative;
}

.mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    z-index: 1;
    margin-bottom: 5px;
}

.fieldOne {
    padding: 5px 20px 5px 17px;
}

.mat-tab-list {
    flex-grow: 1;
    position: relative;
    transition: transform .5s cubic-bezier(.35, 0, .25, 1);
}

.mat-tab-labels {
    display: flex;
}

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
}

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
}

.mat-tab-label {
    min-width: none;
    padding: 0 1px !important;
    min-width: 100px !important;
    font-family: rift-soft, sans-serif;
    text-align: left !important;
    justify-content: left !important;
    height: 43px;
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .87);
}

.mat-ripple {
    position: relative;
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.mat-tab-label-active>.mat-tab-label-content {
    color: #8f0c2c;
    font-weight: 500;
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.mat-tab-label-content {
    font-size: 30px;
    color: #8e8e8e;
    font-weight: 300;
    letter-spacing: 0;
}

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
}

.mat-tab-label {
    padding: 0 1px !important;
    min-width: 103px !important;
    font-family: rift-soft, sans-serif;
    text-align: left !important;
    justify-content: left !important;
    height: 43px;
    opacity: 1;
}

.mat-tab-body.mat-tab-body-active {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    flex-grow: 1;
}

.mat-tab-body {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    flex-basis: 100%;
}

.mat-tab-body-content {
    height: 100%;
    overflow: auto;
}

.dropDownPanel,
.dropDownPanelVin {
    background: linear-gradient(90deg, #414141 0, rgba(65, 65, 65, 0.3215686274509804) 100%) no-repeat padding-box;
    opacity: .89;
    max-height: 65vh;
    overflow-y: auto;
    padding-bottom: 20px;
    font-family: Segoe UI;
    padding-top: 5px;
}

.dropDownPanel>.field {
    padding: 5px 20px 15px 15px;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.30980392156862746);
}

.labelDrop {
    color: #fff;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
}

select {
    box-shadow: 1px 1px 1px grey;
    width: 220px;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 1;
    height: 27px;
    border: 0;
    background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/arrow.png) right no-repeat #fff;
    -webkit-appearance: none;
    background-position-x: 190px;
    overflow-y: auto;
}

.labelMandatory {
    float: right;
    color: #8f0c2c;
    font-size: 10px;
    padding-right: 10px;
}

.dropDownPanel>.field {
    padding: 5px 15px 20px 17px;
    border-bottom: 1px solid;
    border-color: #ffffff4f;
}

.mat-ink-bar {
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: .5s cubic-bezier(.35, 0, .25, 1);
}

.mat-expansion-panel-header {
    padding: 0 27px 0 15px !important;
}

.mat-expansion-panel-header-description,
.mat-expansion-panel-header-title {
    display: flex;
    flex-grow: 1;
    margin-right: 16px;
}

.mat-expansion-panel-header-description {
    flex-grow: 2;
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, .54);
}

.mat-expansion-indicator::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    vertical-align: middle;
}

.mat-expansion-indicator::after {
    padding: 4px !important;
    color: #ffff;
    margin-right: 13px;
    border-style: dashed !important;
}

.mat-expansion-panel-header-title {
    color: #ffff;
}

.mat-expansion-panel-header {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.mat-expansion-panel {
    box-sizing: content-box;
    display: block;
    margin: 0;
    border-radius: 4px;
    transition: margin 225ms cubic-bezier(.4, 0, .2, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
}

.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    position: relative;
}

.mat-divider {
    display: block;
    margin: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(255, 255, 255, 0.30980392156862746);
}

span.mat-expansion-indicator {
    position: absolute;
    right: 0;
}

.goFilterBtn button {
    width: 100%;
}

button {
    height: 34px;
    background: #8f0c2c;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
    margin-top: 20px;
    border: 1px solid;
}

.login-card button {
    background: #8f0c2c !important;
    color: #fff !important;
}

.goFilterBtn {
    padding: 5px 12px;
}

span.mat-expansion-indicator {
    position: absolute;
    right: 17px;
}

.dropDownPanel::-webkit-scrollbar {
    width: 10px;
    float: left;
}

.dropDownPanel::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #BBB;
    border-radius: 15px;
}

.dropDownPanel::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #8f0c2c;
}

.dropDownPanel,
.dropDownPanelVin {
    scrollbar-width: thin;
    scrollbar-color: #8F0C2C #BFBFBF;
}

.dashboardInstuct {
    padding: 95px 50px 10px 25px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: 1px;
}

.arrowLeft {
    margin-left: 40px;
    padding-top: 110px;
    position: relative;
}

.meBlue {
    color: #8f0c2c;
    font-weight: 500;
}

.mat-tab-label-active>.mat-tab-label-content {
    color: #b0162d;
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
    opacity: 1;
}

.fieldVin {
    padding: 15px 30px 10px 15px;
}

.labelMandatoryVin {
    float: right;
    color: #8f0c2c;
    font-size: 10px;
    padding-right: 5px;
}

.dropDownPanelVin input:not([type='radio']) {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    padding: 0 1px 0 8px;
}

.filterAttrs {
    padding-bottom: 0 !important;
    padding-top: 12px !important;
}

li.logout-link .logout-anchor:after,
h4.dOpener.labelDrop:after,
#payment-calculator-modal .dOpener:after {
    content: "";
    width: 10px;
    height: 10px;
    border: solid #8f0c2c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    transition: all .5s;
    margin-top: 4px;
}

.search-result-field thead th:after {
    border-color: #fff;
}

h4.dOpener.labelDrop.menu-up:after,
#payment-calculator-modal .dOpener.menu-up:after {
    transform: rotate(225deg);
}

.filterAttrs.driveBlock ul {
    list-style: none;
    padding: 0px;
}

body .customCheckBox input[type=checkbox] {
    display: none
}

body .customCheckBox input[type=checkbox]+span:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 0;
    width: 3px;
    top: 5px;
    left: 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]+span:after {
    content: "";
    position: absolute;
    width: 14px;
    display: block;
    height: 14px;
    border: 1px solid #c8c8c8;
    top: 0;
    left: 0;
    background: #FFF;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 9px;
    top: 2px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #FFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:checked+span:after {
    border: 1px #27AAE1 solid;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:disabled+span:after {
    border: 1px solid #D2D2D2;
    cursor: not-allowed
}

body .customCheckBox {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    line-height: 16px;
    margin: 0
}

body .customCheckBox {
    line-height: 24px;
    text-transform: capitalize;
}

body .customCheckBox input[type=checkbox]+span:after {
    top: 4px !important;
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    top: 6px !important;
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    border-color: #fff
}

body .customCheckBox {
    color: #fff;
    font-size: 14px;
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    background: #8f0c2c
}

body .customCheckBox input[type=checkbox]:checked+span:after {
    border-color: #8f0c2c !important;
    background: #8f0c2c
}

.rSlider {
    height: 3px;
    background: #c4c4c4;
    margin: 25px 0;
    cursor: pointer;
    position: relative;
    border: none;
    transition: 1s;
}

.rSlider::before {
    content: '';
    background: transparent;
    height: 7px;
    width: 100%;
    position: absolute;
    top: -2px;
    z-index: 1;
}

.rs-container .rs-scale span::before {

    height: 3px !important;
}

.filterAttrs.priceSlider {
    padding: 12px 30px 12px 15px !important;
}

.rs-tooltip {
    color: #333;
    width: auto;
    min-width: auto;
    height: 17px;
    background: #fff;
    border: 1px solid #8f0c2c;
    border-radius: 5px;
    position: absolute;
    transform: translate(-50%, -26px);
    left: 13px;
    text-align: center;
    font-size: 12px;
    padding: 0px 4px;
    top: 5px;
    line-height: 1.4;
}

.rs-container .rs-selected {
    background-color: #8f0c2c;
    border: 1px solid #69111c;
    transition: all .2s linear;
    width: 0;
}

.search-result-field thead th {
    background: #6e696a;
    color: #fff;
}

.search-result-buttons .btn {
    color: #fff !important;
    background: #BFBFBF;
    font-size: 18px;
    padding: 1px 10px;
    margin: 0;
    width: 170px;
    margin-top: 2px;
    border-radius: 50px;
    margin-bottom: 10px;
}

div#vehicleDiscountWrapper {
    padding-top: 7px;
}

.search-drop-down-field span.year-of-selection {
    font-size: 24px;
}

body .gcss-colors-element-primary {
    background: linear-gradient(180deg, #ad1f35, #7a1726) !important;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.mat-tab-label .mat-tab-label-content {
    position: relative;
}

.mat-tab-label .mat-tab-label-content span {
    font-size: 16px;
    position: absolute;
    top: -24px;
    left: 0;
    color: #000;
    font-weight: bold;
    /*    filter: drop-shadow(0px 1px 0.5px black);*/
}

.row.result-buttons-row {
    margin-top: -25px;
}

.search-result-buttons {
    text-align: center;
    margin: 0 0 30px 0;
}

.filter-section {
    margin-top: -49px;
}

.gcss-button {
    width: 250px;
    padding: 2px 0 !important;
    margin: 0;
}

.add-bulk-discounts-button {
    float: right;
    margin-bottom: 10px;
    margin-top: 9px;
    height: 30px;
}

.add-bulk-discounts-button img {
    width: 20px;
    display: inline-block;
    margin: -11px 0 0 10px;
    filter: brightness(5.5);
}

span.add-discount-field img {
    width: 20px;
    margin: -7px 0 0 5px;
}

span.add-discount-field {
    cursor: pointer;
}

body .modal-header .close {
    padding: 0 1px 0 0;
    color: #8F0C2C;
    border: 1px solid #8F0C2C;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    font-size: 23px !important;
    padding-left: 2px;
    line-height: 1;
    position: absolute;
    right: 25px;
    top: 25px;
    padding-bottom: 7px;
    font-family: initial;
    z-index: 10;
}

.no-border {
    border: none;
}

body .modal-header .close:active,
body .modal-header .close:focus {
    outline: none;
}

.dealer-admin-dialogue .modal-dialog {
    max-width: 650px;
    margin-top: 10%;
}

.dealer-admin-dialogue .modal-body {
    max-width: 595px;
    margin: auto;
    text-transform: capitalize;
    width: 100%;
    border-top: 1px solid #929292;
    padding: 1rem 0;
}

.add-more-by-count input {
    width: 25px;
    height: 20px;
    margin-left: 5px;
}

button.add-more-by-count-btn {
    width: 90px;
    height: 20px;
    font-size: 12px;
    margin: 0px 0 0 7px;
    text-transform: capitalize;
}

.automated_discount_label_field button.add-more-by-count-btn {
    height: auto;
    padding: 5px 5px !important;
}

button.add-more-by-count-btn img {
    width: 15px;
    margin: -2px 0 0 4px;
}

span.add-more-by-count-rule {
    position: relative;
    top: -2px;
    font-size: 11px;
    left: 5px;
    font-style: italic;
}

.dealer-admin-dialogue .modal-content {
    background-color: rgba(255, 255, 255, 0.93);
}

.discount-details {
    background: #666666;
    color: #000;
    float: left;
    width: 95%;
    border-radius: 10px 0 0 10px !important;
    font-weight: 600;
}

#viewvehiclediscountcontainer .discount-details {
    border-radius: 10px !important;
}

.discount-space {
    padding: 12px 10px 7px 10px;
}

span.discount-name-field {
    width: 90px;
    float: left;
    margin-right: 25px;
}

span.discount-name-field span {
    display: block;
    text-align: center;
}

.add-more-by-count {
    font-size: 14px;
    margin-bottom: 10px;
}

span.discount-name-edit-field {
    font-size: 12px;
}

span.discount-flat-rate,
.off-percent,
.discount-date-field,
.discount-name-field {
    width: 73px;
    float: left;
    font-size: 14px;
}

span.discount-flat-rate label,
.off-percent label,
.discount-date-field label,
.discount-name-field label {
    font-size: 12px;
    margin: 0;
    line-height: 1.25;
    float: left;
}

span.discount-name-edit-field {
    text-decoration: underline;
    cursor: pointer;
}

span.discount-flat-rate input,
.off-percent input,
.discount-date-field input,
.discount-name-field input {
    width: 100%;
    height: 25px;
    font-size: 12px;
    padding-left: 2px;
}

span.or-text {
    margin: 14px 0 0 0;
    float: left;
    padding: 0 5px;
    font-size: 14px;
}

span.off-percent {
    width: 40px;
}

span.discount-date-field {
    padding: 0 0 0 10px;
    width: 131px;
}

.discount-delete-field {
    background: linear-gradient(45deg, #ad1f35, #7a1726);
    height: 112px;
    float: right;
    border-radius: 0 5px 5px 0;
    color: #fff;
}

#BulkDiscountRowWrapper .discount-delete-field,
#add-discount-model .discount-delete-field {
    height: auto;
    width: calc(5% - 2px);
}

#BulkDiscountRowWrapper .discounts-rows,
#BulkDiscountRowWrapper .discounts-rows-disabled,
#add-discount-model .discounts-rows {
    display: flex;
    justify-content: space-between;
}

.discount-space {
    padding: 14px 10px 25px 10px;
    float: left;
}

.saved-discounts {
    background: #8f192b;
    width: 100%;
    height: 27px;
    float: left;
    text-align: center;
    padding: 2px 0;
    font-size: 0px;
}

.saved-discounts label.customCheckBox {
    font-size: 12px;
    padding-left: 20px;
    color: #000;
}

#add-bulk-discount-model .saved-discounts label.customCheckBox,
#add-bulk-discount-model .discount-details,
#add-discount-model .discount-details,
#add-discount-model .saved-discounts label.customCheckBox {
    color: #fff;
}

.discounts-rows,
.discounts-rows-disabled {
    margin: 0 0 15px 0;
    float: left;
}

.discounts-rows-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.discount-delete-field span {
    cursor: pointer;
    padding: 43px 6px;
    float: left;
}

span.discount-name-field:after {
    content: "";
    display: block;
    width: 1px;
    height: 44px;
    background: #b9b9b9;
    float: right;
    margin: -13px -13px 0px 0px;
}

span.discount-flat-rate {
    width: 100px;
    position: relative;
}

span.discount-flat-rate .switch {
    position: absolute;
    right: -8px;
    top: -2px;
}

/*Custom Switch*/
.switch label {
    cursor: pointer
}

.switch label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type="checkbox"]:checked+.lever {
    background-color: #dccfe2
}

.switch label input[type="checkbox"]:checked+.lever:after {
    left: 15px;
    background-color: #8f192b;
    top: -1px;
}

.switch label input[type="checkbox"]:checked:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(170, 102, 204, 0.1);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(170, 102, 204, 0.1)
}

.switch label input[type="checkbox"]:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4), 0 0 0 0.9375rem rgba(0, 0, 0, 0.08)
}

.switch label input[type="checkbox"]:disabled+.lever {
    cursor: default
}

.switch label input[type="checkbox"]:disabled+.lever:after,
.switch label input[type="checkbox"]:disabled:checked+.lever:after {
    background-color: #bdbdbd
}

.switch label .lever {
    position: relative;
    display: inline-block;
    margin: 0 1rem;
    margin-right: .625rem;
    vertical-align: middle;
    content: "";
    background-color: #818181;
    border-radius: .9375rem;
    width: 26px;
    height: 11px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.switch label .lever:after {
    position: absolute;
    top: -1px;
    left: 0px;
    display: inline-block;
    content: "";
    background-color: #f1f1f1;
    border-radius: 1.3125rem;
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
    width: 13px;
    height: 13px;
    -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
}

.discount-space input:disabled {
    background: #b9b9b9;
}

.apply-discounts-field .btn {
    width: 100%;
    font-size: 18px;
}

.search-result-field td {
    font-weight: 500;
    font-size: 13px;
}
span.editable-discount-field{
    display:contents;
}
span.discounted-rate {
    float: left;
    width: 100%;
    margin-bottom: -11px;
}

span.edit-discount~img {
    width: 20px;
    margin: -16px 0 0 9px;
}

span.delete-discount {
    color: #d61936;
    font-weight: bold !important;
    text-decoration: underline;
    /*float: left;*/
    cursor: pointer;
    margin: 0px;
}

span.edit-discount {
    color: #51aa65;
    margin: 5px 0;
    cursor: pointer;
    /*float: left;*/
    text-decoration: underline;
    font-weight: bold !important;
}

span.edit-discount:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #6e696a;
    /*float: left;*/
    margin: 0px 5px -5px;
}

.dropDownPanelVin button {
    width: 100%;
}

.apply-to-vehicles-tabled {
    float: left;
    width: 100%;
}

.apply-to-vehicles-tabled h5 {
    margin: 20px 0 15px 0 !important;
    font-size: 22px;
}

.apply-to-vehicles-tabled th {
    padding: 7px 5px 7px 5px !important;
}

.apply-to-vehicles-tabled td,
.apply-to-vehicles-tabled tbody th {
    font-weight: 500;
    font-size: 12px;
    padding-top: 1.1rem !important;
}

span.has-discounts-field {
    width: 100%;
    float: left;
    text-align: center;
}

span.has-discounts-field img {
    width: 20px;
}

.include-discount {
    text-align: center;
}

.include-discount .customCheckBox {
    margin-top: 2px;
    float: right;
    margin-left: 12px;
}

.apply-to-vehicles-tabled h5 span {
    font-weight: bold;
    color: #8f192b;
}

.rs-container .rs-pointer {
    background-color: #ffffff;
    border: 1px solid #8f192b;
    border-radius: 50px;
    box-shadow: none;
    height: 16px;
    left: -10px;
    top: -1px;
    width: 15px;
}

.rs-container .rs-pointer::after,
.rs-container .rs-pointer::before {
    display: none;
}

.rs-container .rs-selected {
    background-color: #fefefe;
    border: none;
    height: 4px;
}

.rs-container .rs-bg {
    background: #8f192b;
    border: none;
    height: 4px;
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before,
.rs-container .rs-scale span ins {
    display: none;
}

.priceSlider h4.labelDrop {
    margin-bottom: 5px;
}

.rs-container {
    height: 25px;
}

body.modal-open {
    padding-right: 0 !important;
    overflow: hidden;
}

.dealerHead .col-md-11,
.dealerHead .col-md-1 {
    float: left;
}

.dealerHead {
    padding-top: 100px;
    display: block;
}

.row.result-buttons-row {
    position: relative;
    display: block;
}

.pagination .page-item.active .page-link {
    background-color: #96283e !important;
}

div#searchResult_table_filter {
    display: none;
}

.login-forgot-row .btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus,
.login-card input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;

}

body>header .navigation a {
    padding: 16px 20px 8px 20px !important;
    color: #fff;
    display: inline-block;
}

body>header .dealer-name-anchor {
    padding: 20px 0px 0px 0px !important;
    color: #fff;
    display: inline-block;
    pointer-events: none;
}

.app-container {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
}

.card.login-card {
    margin-top: 40%;
}

.card.login-card input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #7b7b7b;
    border-radius: 0;
    padding: 0;
    font-size: 18px;
}

.card.login-card .card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
    background: #f9fafb;
}

.login-forgot-row a.float-right {
    color: #000;
    text-align: right !important;
    padding: 0 0 10px 0;
    margin-top: -15px;
}

.g-recaptcha {
    margin-bottom: 15px;
}

li.logout-link .logout-anchor:before,
li.logout-link .change-password-anchor:before {
    content: "";
    width: 1px;
    height: 50px;
    background: #f4f6f7;
    display: inline-block;
    float: left;
    margin: -7px 40px 0 0;
}

li.logout-link .logout-anchor:after {
    position: relative;
    left: 5px;
    transform: rotate(-45deg);
    top: 5px;
}

.mat-tab-body-content .dropDownPanel {
    overflow-x: hidden;
}

/*.before-load-value {
    background: red;
}
.after-load-value {
    background: rebeccapurple;
}*/
.processing-value {
    background: url(https://d11p9i1nddg3dz.cloudfront.net/images/loader.gif) #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.field.filterAttrs.priceSlider input {
    background: transparent;
    margin: 0px 0 15px 0px;
    color: #ffffff !important;
}

div#slider-range {
    border: none;
    background: #97223e;
    height: 5px;
    border: 1px solid #710202;
}

div#slider-range span.ui-slider-handle.ui-corner-all.ui-state-default {
    background-color: #ffffff;
    border: 1px solid #8f192b;
    border-radius: 50px;
    box-shadow: none;
    height: 15px;
    top: -6px;
    width: 15px;
    cursor: pointer;
    outline: none;
}

.driveBlock {
    padding-bottom: 10px !important;
}

span.error-check,
span.vin-error-check {
    margin: 0 0 -10px 0;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    visibility: hidden;
    color: #ff0b0b;
    text-transform: uppercase;
}

span.error-check.active,
span.vin-error-check.active {
    visibility: visible;
}


.goFilterBtn .disabled {
    background-color: #BFBFBF !important;
}

.fieldVin .goFilterBtn {
    padding: 5px 0px;
}

.gridRowDisable,
.gridRowDisable .themeClr {
    color: #756e6e !important;
}

.gridRowDisable td:last-child,
.gridRowDisable a {
    pointer-events: none;
}

.gridRowDisable .delete-discount,
.gridRowDisable .edit-discount,
.gridRowDisable .add-discount-field,
.gridRowDisable a {
    /*display: none;*/
    color: #756e6e !important;
}

.gridRowDisable .DeActiveText {
    color: #8f192b;
}

.gridRow .ActiveText {
    color: #49a233;
}

.gridRow .editButtonWrapper {
    text-align: center;
    margin-top: 20px;
}

.gridRow .switch label .lever {
    background-color: #8da98c;
}

.gridRow .switch label .lever:after {
    background-color: #49a233;
}

.gridRow .switch label input[type="checkbox"]:checked+.lever {
    background-color: #d298a5;
}

.gridDiscountTableContainer .customCheckBox {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.fieldVin .goFilterBtn {
    padding: 5px 0px;
}

.bulk-error {
    visibility: hidden;
}

.bulk-error.active,
.bulk-table-error.active {
    visibility: visible;
}

.bulk-error {
    width: 103px;
    visibility: hidden;
    display: inline-block !important;
    height: 0px !important;
    position: absolute;
    bottom: 3px;
    left: 0;
    font-size: 10px !important;
    color: #c10026;
    float: left;
    font-weight: 500;
    text-align: left !important;
    line-height: 1;
}

span.discount-name-field,
.discount-date-field,
.off-percent {
    position: relative;
}

.flat-rate-error,
span.off_percent_error,
.discount_start_date_error {
    bottom: -1px;
}

.discount_start_date_error {
    left: 12px;
    bottom: -15px;
}

.bulk-table-error {
    width: 103px;
    visibility: hidden;
    height: 4px !important;
    font-size: 11px !important;
    color: #f71048;
    text-align: left !important;
    font-weight: bold;
}

span.off_percent_error.bulk-error.active {
    left: -20px !important;
}

.financeOption label {
    margin-bottom: 0 !important;
}

span.discount_end_date_error.bulk-error.active {
    bottom: -15px;
    left: 10px;
}

/* loader start*/
.gridTableWrapper.processing {
    display: block !important;
}

.gridTableWrapper.processing:after,
#add-bulk-discount-model .processing:after,
#add-discount-model .processing:after,
#BulkDiscountRowWrapper .processing:after,
#DiscountRowWrapper .processing:after,
#payment-calculator-modal .processing:after,
.gridAutomatedDiscountTableWrapper.processing:after,
#saveddiscountAutomatedContainer.processing:after,
#add-rule-discount-model .processing:after,
#viewvehicleDiscountWrapper .processing:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    background: url(https://d11p9i1nddg3dz.cloudfront.net/images/loader.gif) rgba(0, 0, 0, 0.58) no-repeat !important;
    background-position: center 220px;
    z-index: 10;
}

.hidden {
    display: none !important;
}

.add-bulk-discount-alert {
    background: linear-gradient(0deg, red, rgba(255, 255, 255, 0.88));
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 0;
    top: 0;
    float: left;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.add-bulk-discount-alert .d-block h6 {
    font-size: 26px;
    font-weight: 500;
    padding: 26px 0 0 0;
    margin: 0;
}

.add-bulk-discount-alert .d-block p {
    font-size: 22px;
}

.add-bulk-discount-alert .d-block p span {
    font-size: 16px;
    font-style: italic;
}

.add-bulk-discount-alert .d-block h6:before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/i-icon.png") no-repeat;
    margin: -14px auto 10px auto;
    background-size: cover;
}

.add-bulk-discount-alert .d-block button.gcss-button {
    border: 1px solid #ff9b9b;
    margin-top: 15px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
}

.add-bulk-discount-alert .d-block button.gcss-button.cancel-btn {
    background: #584646;
    margin-right: 15px;
}

#add-bulk-discount-model .modal-header {
    z-index: 3;
}

.dealeradmin-body table.table th,
table.table td {
    width: auto !important;
}

.delete_popup .modal-dialog .modal-content {
    color: #fff;
    background: linear-gradient(0deg, #f44336, #fff);
}

.delete_popup .modal-dialog .modal-body {
    text-align: center;
    padding-top: 25px;
    font-size: 22px;
    line-height: 1.5;
}

#add-bulk-discount-model th {
    vertical-align: middle;
}

#add-bulk-discount-model tr th:first-child,
#add-bulk-discount-model tr td:first-child {
    padding: 0 0 0 3px;
    text-align: left;
    width: 120px !important;
}

#add-bulk-discount-model tr th:before,
#add-bulk-discount-model tr th:after {
    right: -2px;
    top: 14px;
    z-index: 3;
}

#add-bulk-discount-model th:last-child div {
    position: relative;
    height: 12px;
    top: 0px;
    left: 3px;
}

.financeOption label,
.discountViewOption label {
    margin-bottom: 0 !important;
    color: #fff;
    line-height: 1.5;
}

.delete_popup .modal-header {
    border: none;
}

.field.financeOption,
.field.discountViewOption {
    padding-bottom: 35px;
}

.field.financeOption .custom-radio,
.field.discountViewOption .custom-radio {
    float: left;
    width: 33%;
    margin-bottom: 10px;
}

.field.discountViewOption .custom-radio:last-child {
    width: 45%;
}


#add-discount-model .processing:after,
#add-bulk-discount-model .processing:after {
    top: -15px;
    width: 100%;
    height: 100%;
    bottom: 0;
    min-height: auto;
}

/*multiDropdown Select*/
div#ms-list-1 {
    min-width: 220px;
    position: relative !important;
    box-shadow: 1px 1px 1px grey;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    font-family: Segoe UI;
    font-size: 14px;
    height: 27px;
    text-transform: none;
    color: #000 !important;
    font-weight: normal;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 0px;
    border: 0;
}

.ms-options-wrap>button:after {
    border: 0;
    background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/arrow.png) right no-repeat #fff;
    -webkit-appearance: none;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 9px;
    width: 20px;
    margin-top: -3px;
    z-index:9999;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    margin: 2px 5px 0 0;
}

.ms-options-wrap>.ms-options>ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0px 4px 0px 20px;
    margin: 1px 0;
    border: 1px dotted transparent;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.ms-options-wrap>.ms-options>.ms-selectall {
    font-size: 14px;
    font-weight: 400;
    transition: all 0s ease-out 0s;
}

/*multiDropdown Select*/
.dropDownPanel>.trimField {
    padding: 5px 23px 20px 17px;
}

.automatedcreateDiscountBtn button.disabled {
    color: #6b6b6b;
    background: linear-gradient(0deg, #aca8a8, #dad8d8);
    border: 1px solid #fff;
}

.automatedcreateDiscountBtn button {
    margin-top: 15px;
    font-size: 25px;
    height: auto;
    padding: 9px 1px;
    font-weight: normal;

}

li.logout-link .change-password-anchor:before {
    visibility: hidden;
}

a.change-password-anchor {
    padding: 18px 20px 8px 20px !important;
}

.search-by-vehicle-tab select,
.search-by-vehicle-tab input[type="radio"],
.custom-control-label:after,
.custom-control-label:before,
.search-by-vehicle-tab button {
    cursor: pointer;
}

.viewDetailsWrapper {
    margin-top: 3px;
}

span.view-details a {
    color: #8f0c2c;
    font-size: 12px;
    text-decoration: none;
}

span.view-details a:hover {
    text-decoration: underline;
}

#payment-calculator-modal .modal-content {
    padding: 20px 0px 0px 0px;
    background: rgba(255, 255, 255, 0.928705882352941177);
}

#payment-calculator-modal .modal-body {
    padding: 0 25px 15px;
    color: #000;
}

#payment-calculator-modal .modal-header,
#payment-calculator-modal .modal-body {
    padding: 0.5rem 1rem;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li {
    border-top: solid #ccc 1px;
    padding: 10px 5px;
    margin: 10px auto;
    font-weight: 400;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li h4 input {
    height: 34px;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li h4>*:last-child:not(.glyphicon):not(.fa) {
    float: right;
}

#payment-calculator-modal ul.popUpScroll>li .form-control:not(select) {
    width: 100px;
    text-align: right;
    color: #121212;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li:last-child {
    border-bottom: solid #ccc 1px;
}

#payment-calculator-modal .greyBg {
    background-color: #c3c3c3 !important;
}

#payment-calculator-modal .modal-body .badge {
    border-radius: 50%;
    background: #e9e9e9;
    color: #000 !important;
    padding: 3px 3px;
    width: 18px;
    height: 18px;
    text-align: center;
}

#payment-calculator-modal .modal-body span.badge.disclaimer {
    font-size: 10px;
    font-weight: 700;
    height: 18px !important;
    line-height: 14px;
    padding: 2px;
    text-align: center;
    width: 18px !important;
    cursor: pointer;
    position: relative;
    top: -10px;
}

#payment-calculator-modal .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge {
    font-size: 10px;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin-bottom: 5px;
}

#payment-calculator-modal .size20 {
    font-size: 20px;
    line-height: 23px;
}

#payment-calculator-modal h4,
#payment-calculator-modal h5 span {
    font-weight: 500;
}

#payment-calculator-modal .ore_lease_emi,
#payment-calculator-modal .ore_cash_emi {
    font-size: 30px;
    font-weight: 500;
}

#payment-calculator-modal span.badge.disclaimer {
    color: #000;
    font-size: 10px;
    font-weight: 700;
    height: 18px !important;
    line-height: 14px;
    padding: 2px;
    text-align: center;
    width: 18px !important;
}


#payment-calculator-modal #cash_buy_for p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px !important;
}

#payment-calculator-modal .select-wrapper select {
    padding-right: 30px;
}

#payment-calculator-modal .calculator_disclaimers {
    color: #000;
    font-size: 12px;
    font-weight: 300;
}

.rBold {
    font-weight: bold;
}


/*AUtomated Discount css*/

.pleaseSelectAutomated .dashboardInstuct {
    padding: 95px 5px 10px 25px;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 1px;
}

.pleaseSelectAutomated .rBold {
    font-family: 'Segoe UI';
    font-weight: 500;
}

.automatedcreateDiscountBtn {
    padding: 0;
}

.automatedcreateDiscountBtn button .disabled {
    border: 1px solid transparent;
}

.discount-inventory-field select {
    width: 100%;
    height: 24px;
    font-size: 12px;
    padding-left: 2px;
    background-position-x: 95px;
}

.discountAutomatedWrapper .discounts-button {
    width: auto;
    float: right;
    font-size: 0px;
    text-align: center !important;
    margin: 1px 12px;
    margin-top: -5px;
}

.discountAutomatedWrapper .discount-details {
    background-color: #a5a5a5;
    padding-left: 15px;
}

.discountAutomatedWrapper span.discount-inventory-field {
    width: 190px !important;
}

#RuleDiscountRowWrapper span.discount-inventory-field {
    width: 150px !important;
}

.discountAutomatedWrapper .discount-inventory-field select {
    background-position-x: 95% !important;
}

.discountAutomatedWrapper span.discount-name-field {
    width: 105px;
    margin-right: 25px;
}

.discountAutomatedWrapper .discount-delete-field {
    height: 150px;
    margin-right: 15px;
}

.discountAutomatedWrapper .discounts-button button,
.discountAutomatedContainer .discounts-button button {
    color: #fff;
    font-size: 11px;
    margin: 0 5px;
    font-weight: normal;
}

.discountAutomatedContainer .show_and_edit_inventory,
#viewvehicleDiscountWrapper .create_new_discounts {
    /*background-color: #a43a34;
    border-color:#a43a34;*/
    background-color: #8f0c2c;
    border-color: #8f0c2c;
    font-size: 25px !important;
    padding: 4px 13px;
    height: auto;
    font-family: rift-soft, sans-serif;

}

.discountAutomatedWrapper .duplicate_discount_btn {
    background-color: #8f0c2c;
    border-color: #8f0c2c;
    font-family: rift-soft, sans-serif;
    font-size: 14px !important;
}

.discountAutomatedWrapper .discount_name_switch {
    font-size: 13px;
    margin: 0;
    line-height: 1.25;
    float: left;
    position: absolute;
    margin-top: 70px;
}

.discountAutomatedWrapper .discount-name-error {
    bottom: 3px;
    font-weight: 500;
}

.discountAutomatedWrapper .discount-delete-field span {
    padding: 0px 6px;
}

.discountAutomatedWrapper .discount-details {
    width: calc(100% - 28px);
    padding-top: 10px;
    padding-bottom: 5px;
}

a:focus,
a:active,
a:hover,
a:visited {
    outline: 0;
}

@media (min-width: 1400px) {

    .dropDownPanel,
    .dropDownPanelVin {
        max-height: auto;
    }
}

label.discount-start-date-label,
label.discount-end-date-label {
    padding: 0px 49px 27px 0px;
    text-align: left;
    position: absolute;
    top: 0;
    z-index: 3;
}

label.discount-end-date-label {
    padding-right: 55px;
}

span.discount-date-field input {
    top: 15px;
    position: relative;
}

.modal .modal-full-height.modal-right {
    width: 500px;
}

.discountAutomatedWrapper .discounts-button button {
    color: #fff;
    outline: none;
    font-size: 11px;
    margin: 0px 1px;
    font-weight: normal;
    width: auto;
    height: 27px;
    padding: 0px 6px;
    border-radius: 4px;
}

.discountAutomatedWrapper .discounts-button button.save_edits_btn {
    background: #367606;
    border: none;
}

.ms-options-wrap>.ms-options {
    top: 0;
    height: 30px !important;
    min-height: auto !important;
}

.ms-options-wrap.ms-active>.ms-options {
    visibility: visible;
    height: auto !important;
}

.discountAutomatedWrapper .saved-discounts {
    background: transparent;
    width: auto;
    height: 26px;
    padding: 0px 10px;
    margin: -5px 0 0 0px;
}

.automated_discount_label_field_child span.label_name.rift-soft {
    font-size: 26px;
}

span.discount-over-field {
    color: #8f192b;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    margin: -6px 0 0 35px;
    float: left;
}

.discountAutomatedWrapper .discount-delete-field {
    height: 130px;
    margin-right: 0;
    display: flex;
    align-items: center;
}

.automated_discount_label_field {
    margin-bottom: 25px;
}

span.automated_discount_label_field_child {
    background: #414141;
    color: #fff;
    padding: 10px 10px 6px 10px;
    font-size: 22px;
}

span.label_name,
span.year-of-selection {
    font-size: 22px;
}

span.vehicle_field,
.discounts_field {
    font-size: 14px;
}

span.label_name {
    margin-right: 7px;
}

span.rounded_border_bg {
    background: #8f192b;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border: 1px solid grey;
    font-family: "Roboto", sans-serif;
    border-radius: 50%;
    line-height: 1.5;
    font-size: 12px;
    position: relative;
    top: -4px;
    font-weight: normal;
    color: #fff;
}

.automated_discount_label_field {
    margin-bottom: 10px;
    border-bottom: solid 1px #414141;
    padding-bottom: 3px;
}

.create-view-saved-btn-field img {
    width: 20px;
    position: absolute;
    right: 8px;
}

.create-view-saved-btn-field i {
    position: absolute;
    right: 10px;
    font-size: 18px;
}

span.saved-discounts-field-remaining {
    padding: 0 0 0 10px;
    font-size: 20px;
    color: #666666;
}

.grey-bg {
    background: #bfbfbf !important;
    color: #fff;
}

span.remaining_field {
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

span.model-of-selection .rounded_border_bg {
    top: -4px;
    left: 2px;
}

.search-drop-down-field {
    margin-bottom: 5px;
    margin-top: 20px;
}

.discountAutomatedContainer .discounts-rows:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 8px;
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/arrow3.png") no-repeat;
    float: left;
    position: absolute;
    top: 27px;
    left: 13px;
    background-size: contain;
}

.discountAutomatedWrapper .discounts-rows {
    margin: 0 0 15px 0;
    float: left;
    position: relative;
    padding-left: 60px;
}

.discountAutomatedWrapper .discounts-rows:after {
    top: 29px;
    width: 2px;
    height: 146px;
    background: #999a9a;
    display: block;
    content: "";
    position: absolute;
    left: 11px;
}

.create-view-saved-btn-field button:last-child {
    background: #38791a;
}

div.discountAutomatedWrapper:after {
    content: "";
    display: block;
    width: 25px;
    height: 8px;
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/arrow3.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    transform: rotate(-90deg);
}

div.discountAutomatedWrapper:before {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #999a9a;
    position: absolute;
    left: 11px;
    top: 20px;
}

div.discountAutomatedWrapper .discounts-rows:last-child:after {
    display: none;
}

div.discountAutomatedWrapper:after {
    content: "";
    display: block;
    width: 18px;
    height: 10px;
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/arrow3.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: 4px;
    transform: rotate(-90deg);
}

div.discountAutomatedWrapper {
    position: relative;
    overflow: hidden;
    max-height: 700px;
    transition: all 1s;
    top: 0;
}

div#discountAutomatedWrapper.closed {
    top: -400px;
    max-height: 0px;
}

span.drop_down_discount_list {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #8f192b;
    cursor: pointer;
    border-bottom: 2px solid #8f192b;
    transform: rotate(-45deg);
    position: relative;
    left: 10px;
    top: -5px;
    transition: all .61s;
}

div#discountAutomatedContainer {
    overflow: hidden;
}

span.drop_down_discount_list.closed {
    transform: rotate(135deg);
}

label.customCheckBox.checkbox_each_discount_row {
    position: absolute;
    left: 38px;
    top: 19px;
}

#trimSelectionText,
#SavedtrimSelectionText {
    visibility: hidden;
}

.view_all_discounts {
    float: right;
    font-size: 11px;
    margin-top: -3px;
}

.apply-automated-discounts-field .btn {
    width: 45%;
    font-size: 18px;
}

#add-bulk-discount-model .apply-discounts-field .btn {
    width: 49%;
}

#add-bulk-discount-model .apply-discounts-field button:last-child {
    background: #38791a;
}

#add-bulk-discount-model .discount-delete-field.disable-bulk-discount-delete-btn {
    opacity: 0.7;
    /* pointer-events: none;*/
}

#add-bulk-discount-model .discount-delete-field.disable-bulk-discount-delete-btn span {
    cursor: not-allowed;
}

body .gcss-button.auto-save-and-apply-btn {
    background-color: #0e6202;
}

.gcss-button.vinAutoDiscountuncheckBtn {
    padding: 0px 5px !important;
    height: 15px;
    width: 50px;
    position: absolute !important;
    margin-top: 25px;
    display: none;
}

.discounts-button.text-center {
    padding: 15px 0;
}

#saveddiscountAutomatedContainer.processing:after {
    left: 15px;
    top: -4px;
    right: 15px;
    width: auto;
}

.create-view-saved-btn-field .btn {
    padding: 0px 0px;
    width: 96%;
    margin: 0px 11px 9px 0;
}

.field.discountViewOption {
    padding-bottom: 20px;
    padding-top: 15px;
}

#RuleDiscountRowWrapper .discounts-rows {
    padding-left: 0;
}

#RuleDiscountRowWrapper .discounts-rows .discount-space {
    padding: 14px 5px 25px 5px;
    float: left;
}

#RuleDiscountRowWrapper.discounts-rows:before,
#RuleDiscountRowWrapper:before,
#RuleDiscountRowWrapper:after,
#RuleDiscountRowWrapper .discounts-rows:after {
    display: none;
}

/*body.dealeradmin-body.modal-open {
    height: 101vh;
    overflow: auto;
}*/

#RuleDiscountRowWrapper .discount-delete-field {
    height: auto;
}

#RuleDiscountRowWrapper .discounts-rows {
    display: flex;
}

.auto_discount_warning,
#discount_delete_popup_modal {
    z-index: 1060;
}

div#gridTableContainer_info {
    position: absolute;
    width: 112%;
}

.discounts-button.text-center {
    padding: 15px 0;
    position: relative;
}

/*.bulk-table-error {
    width: auto;
    position: absolute;
    right: 175px;
    top: 17px;
    margin: auto;
}*/
div#maximum_discount_modal .modal-footer,
#auto_discount_success_modal .modal-footer,
#no-discount-duplicate-modal .modal-footer,
#warning-max-discount-model .modal-footer,
#feedback_success_modal .modal-footer,
#feedback_error_modal .modal-footer,
#user_success_modal .modal-footer,
#service_success_modal .modal-footer,
#service_minimum_publish_plan .modal-footer,
#service_cost_selected .modal-footer,
#service_error_modal .modal-footer,
#user_error_modal .modal-footer,
#autoleadstar_aquire_error_modal .modal-footer,
#agentlead_success_modal .modal-footer,
#autolead_success_modal .modal-footer,
#agentlead_warning_modal .modal-footer,
#service_header_required .modal-footer,
#warning-duplicate-discount-names-model .modal-footer {
    text-align: center !important;
    display: block;
}

#auto_discount_success_modal .modal-content,
#user_success_modal .modal-content,
#service_success_modal .modal-content,
#agentlead_success_modal .modal-content,
#autolead_success_modal .modal-content,
#feedback_success_modal .modal-content {
    background: linear-gradient(0deg, #40902f, rgba(255, 255, 255, 0.9490196078431372)) !important;
}

#auto_discount_success_modal .modal-footer .gcss-button,
#service_success_modal .modal-footer .gcss-button,
#user_success_modal .modal-footer .gcss-button,
#feedback_success_modal .modal-footer .gcss-button {
    background-color: #21421a;
}

/*Columns get resized when clicked on sort button on Trim/MSRP start*/

div#gridTableContainer_wrapper table tr td:nth-child(4),
div#gridTableContainer_wrapper table tr th:nth-child(4) {
    width: 155px !important;
}

/*Columns get resized when clicked on sort button on Trim/MSRP end*/

#add-bulk-discount-model .modal-body {
    max-width: 640px;
}

#add-bulk-discount-model .modal-dialog {
    max-width: 700px;
}

div.highlighted_tr_info {
    position: absolute;
    left: -360px;
    top: -18px;
    width: 350px;
    text-align: right;
    display: none;
}

.highlighted_tr div.highlighted_tr_info {
    display: block;
}

span.info_text_left {
    visibility: hidden;
    opacity: 0;
    transition: all .6s;
    color: #8f192b;
    word-wrap: break-word;
}

div.highlighted_tr_info i {
    font-size: 18px;
    color: #8f192b;
    margin-left: 15px;
    top: 3px;
    position: relative;
}

.relative {
    position: relative;
}

.info_text_left.showme {
    visibility: visible;
    opacity: 1;
}

input#Include-auto-select-all~span:after {
    width: 12px;
    height: 12px;
    top: 5px !important;
}

input#Include-auto-select-all~span:before {
    left: 4px;
}

label.customCheckBox.grid-table-checkbox {
    top: -17px;
    left: 4px;
}

#add-bulk-discount-model #gridDiscountTableContainer .customCheckBox {
    padding-top: 15px;
    padding-left: 15px;
    position: relative;
    left: 4px;
    top: -2px;
}

/*gridDiscountTableContainer,gridTableContainer*/
table#gridDiscountTableContainer thead th:not(.sorting_disabled) {
    padding-right: 20px !important;
    min-width: 100px;
}

table#gridDiscountTableContainer thead tr th:first-child,
table#gridDiscountTableContainer tbody tr td:first-child {
    text-align: center;
    width: auto !important;
}

table#gridDiscountTableContainer thead tr th:nth-child(6) {
    min-width: 90px;
}

table#gridDiscountTableContainer thead tr th:last-child {
    padding-right: 10px !important;
    min-width: 76px;
}

table#gridDiscountTableContainer thead th:after,
table#gridDiscountTableContainer thead th:before {
    top: 8px;
    left: 50%;
    right: auto !important;
}

table#gridDiscountTableContainer thead th:nth-child(1):after,
table#gridDiscountTableContainer thead th:nth-child(1):before {
    margin-left: 30px;
}

table#gridDiscountTableContainer thead th:nth-child(2):after,
table#gridDiscountTableContainer thead th:nth-child(2):before {
    margin-left: 12px;
}

table#gridDiscountTableContainer thead th:nth-child(3):after,
table#gridDiscountTableContainer thead th:nth-child(3):before {
    margin-left: 29px;
}

table#gridDiscountTableContainer thead th:nth-child(4):after,
table#gridDiscountTableContainer thead th:nth-child(4):before {
    margin-left: 16px;
}

table#gridDiscountTableContainer thead th:nth-child(5):after,
table#gridDiscountTableContainer thead th:nth-child(5):before {
    margin-left: 12px;
}

table#gridDiscountTableContainer thead th:nth-child(6):after,
table#gridDiscountTableContainer thead th:nth-child(6):before {
    display: none;
}

table#gridDiscountTableContainer tbody tr td {
    line-height: 1.4;
}

/*Datatable sort Icons*/
table#gridAutomatedDiscountTableContainer thead tr th.sorting,
table#gridAutomatedDiscountTableContainer thead tr th.sorting_asc,
table#gridAutomatedDiscountTableContainer thead tr th.sorting_desc,
table#gridAutomatedSavedDiscountTableContainer thead tr th.sorting,
table#gridAutomatedSavedDiscountTableContainer thead tr th.sorting_asc,
table#gridAutomatedSavedDiscountTableContainer thead tr th.sorting_desc {
    padding-right: 14px !important;
    white-space: nowrap;
    min-width: 80px;
}

table#gridAutomatedDiscountTableContainer thead tr th:last-child,
table#gridAutomatedSavedDiscountTableContainer thead tr th:last-child {
    position: relative;
    padding-right: 20px !important;
}

table#gridAutomatedDiscountTableContainer thead tr th:nth-child(8),
table#gridAutomatedSavedDiscountTableContainer thead tr th:nth-child(8) {
    min-width: 90px;
}

table#gridAutomatedDiscountTableContainer thead tr th:last-child>div,
table#gridAutomatedSavedDiscountTableContainer thead tr th:last-child>div {
    position: absolute;
    left: 50%;
    top: 4px;
    margin-left: 15px;
}

table#gridAutomatedDiscountTableContainer thead th:after,
table#gridAutomatedDiscountTableContainer thead th:before,
table#gridAutomatedSavedDiscountTableContainer thead th:after,
table#gridAutomatedSavedDiscountTableContainer thead th:before {
    top: 8px;
    left: 50%;
    right: auto;
}

table#gridAutomatedDiscountTableContainer thead tr th:last-child .customCheckBox,
table#gridAutomatedSavedDiscountTableContainer thead tr th:last-child .customCheckBox {
    position: relative;
    width: 14px;
    height: 14px;
    padding: 0;
}


table#gridAutomatedDiscountTableContainer thead th:nth-child(1):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(1):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(1):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(1):before {
    margin-left: 28px;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(2):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(2):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(2):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(2):before {
    margin-left: 13px;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(3):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(3):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(3):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(3):before {
    margin-left: 28px;
    z-index: 3;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(4):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(4):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(4):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(4):before {
    margin-left: 15px;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(5):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(5):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(5):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(5):before {
    margin-left: 11px;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(6):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(6):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(6):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(6):before {
    margin-left: 13px;
}

table#gridAutomatedDiscountTableContainer thead th:nth-child(7):after,
table#gridAutomatedDiscountTableContainer thead th:nth-child(7):before,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(7):after,
table#gridAutomatedSavedDiscountTableContainer thead th:nth-child(7):before {
    margin-left: 23px;
}

table#gridAutomatedDiscountTableContainer thead th:last-child:after,
table#gridAutomatedDiscountTableContainer thead th:last-child:before,
table#gridAutomatedSavedDiscountTableContainer thead th:last-child:after,
table#gridAutomatedSavedDiscountTableContainer thead th:last-child:before {
    display: none;
}

table#gridAutomatedDiscountTableContainer tbody tr td,
table#gridAutomatedSavedDiscountTableContainer tbody tr td {
    line-height: 1.4;
}

table#gridAutomatedDiscountTableContainer tbody tr td:nth-child(7),
table#gridAutomatedSavedDiscountTableContainer tbody tr td:nth-child(7) {
    padding-left: 5px;
    padding-right: 5px;
}

.highlighted_td i {
    position: absolute;
    left: -31px;
    top: 45px;
    font-size: 16px;
    color: #8f0c2c;
}

.highlighted_td {
    position: relative;
}

table#gridDiscountTableContainer .highlighted_td i {
    left: -21px;
    top: 23px;
}

#gridTableContainer .highlighted_td i {
    left: -21px;
}

div#gridAutomatedDiscountTableContainer_info,
.col-sm-12.col-md-5 .dataTables_info {
    position: absolute;
    width: 112%;
}

.pointer-event-none {
    pointer-events: none !important;
}

#payment-calculator-modal .pointer-event-none:after {
    display: none !important;
}

span.discount-over-field.discount-info {
    color: #000 !important;
    padding-left: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

div.discount-over-field.discount-info {
    font-size: 12px;
    font-style: italic;
    color: #000 !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

table#gridTableContainer tr th {
    padding-left: 8px;
    padding-right: 16px;
    min-width: 100px;
    white-space: nowrap;
}

table#gridTableContainer tr th:before,
table#gridTableContainer tr th:after {
    left: 50%;
    width: 14px;
    right: auto !important;
    top: 18px;
}

table#gridTableContainer tr th:nth-child(1):before,
table#gridTableContainer tr th:nth-child(1):after {
    margin-left: 32px;
}

table#gridTableContainer tr th:nth-child(2):before,
table#gridTableContainer tr th:nth-child(2):after {
    margin-left: 16px;
}

table#gridTableContainer tr th:nth-child(3):before,
table#gridTableContainer tr th:nth-child(3):after {
    margin-left: 30px;
}

table#gridTableContainer tr th:nth-child(4):before,
table#gridTableContainer tr th:nth-child(4):after {
    margin-left: 18px;
}

table#gridTableContainer tr th:nth-child(5):before,
table#gridTableContainer tr th:nth-child(5):after {
    margin-left: 14px;
}

table#gridTableContainer tr th:nth-child(6):before,
table#gridTableContainer tr th:nth-child(6):after {
    margin-left: 16px;
}

table#gridTableContainer tr th:nth-child(7):before,
table#gridTableContainer tr th:nth-child(7):after {
    margin-left: 32px;
}

table#gridTableContainer tr td {
    line-height: 1.4;
}

table#gridTableContainer tr th:last-child,
table#gridTableContainer tr td:last-child {
    min-width: 132px;
    padding-left: 5px;
    padding-right: 5px;
}

/*
* Footer Css
*/
body>footer {
    background: #000;
    color: #fff;
    padding: 25px 30px
}

body>footer a {
    color: #fff
}

body>footer .utilities li a {
    font-size: 16px;
    margin: 10px;
    display: inline-block
}

body>footer .fooBrandsList li a {
    font-size: 12px;
    margin: 20px auto;
    display: inline-block
}

body>footer p {
    font-size: 13px;
    margin: 10px auto
}

footer .col-md-5,
footer .col-sm-5,
footer .col-md-7,
footer .col-sm-7 {
    float: left;
}

/*.container:after, .container:before,.row:after, .row:before  {
    display: table;
    content: " ";
}*/
.container.oreFooter {
    padding-left: 20px;
    padding-right: 15px;
}

.oreFooter ul {
    padding-left: 15px;
}

.footer_margin_list {
    margin-top: 5px;
}

.footer-logos-field {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer-logos-field img {
    width: auto;
    height: 25px;
}

.footerLinks {
    text-align: right;
}

/*footer section*/
.text-left-xs {
    text-align: left;
}

.oreFooter h3 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
}

.oreFooter ul {
    padding-left: 15px;
}

.footerLinks {
    text-align: right
}

.footerLinks ul,
.footerLinks ul li {
    list-style: none;
    padding: 0px;
}

.footerLinks ul li a {
    color: #ffffff;
    line-height: 25px;
}

.footer-logos-field {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer-logos-field a {
    float: left;
    margin-right: 20px;
}

.footer-logos-field img {
    width: auto;
    height: 25px;
}

.footerLinks ul {
    float: right;
}

.footerLinks ul li {
    float: left
}

.footerLinks ul li a {
    color: #bfbfbf;
}

.footerLinks {
    text-align: right;
    float: left;
}

.oreFooter {
    color: #bfbfbf;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
}

.footerLinks ul li a {
    padding: 5px 8px;
}

.footerLinks ul li a:hover {
    text-decoration: underline;
}

.link_contactus:visited
    {
    color: #fff;
}

.link_contactus:hover {
    color: #fff;
    text-decoration: underline;
}

.link_contactus {
    color: #fff;
}

.footer-logos-field a {
    cursor: default;
}

.footercontent,
#non_alfa_romeo_links,
#alfa_romeo_links {
    display: none;
}

/*footer section */

@media (max-width: 1200px) {
    .row.result-buttons-row {
        top: -10px;
    }

    .discountAutomatedWrapper .discounts-rows {
        padding-left: 41px;
    }

    div#vehicleDiscountWrapper {
        padding-left: 0px;
    }

    div.discountAutomatedWrapper:before {
        left: 2px;
    }

    div.discountAutomatedWrapper:after {
        left: -5px;
    }

    .discountAutomatedContainer .discounts-rows:before {
        left: 3px;
    }

    label.customCheckBox.checkbox_each_discount_row {
        left: 23px;
    }

    .discountAutomatedWrapper .discount-details {
        padding-left: 0;
    }

    .discount-space {
        padding: 14px 10px 25px 7px;
    }

    .discountAutomatedWrapper span.discount-name-field {
        width: 14%;
        margin-right: 20px;
    }

    span.discount-name-field:after {
        margin: -12px -10px 0px 0px;
    }

    span.discount-flat-rate {
        width: 13%;
    }

    span.off-percent {
        width: 30px;
    }

    span.discount-date-field {
        width: 19%;
    }

    .discountAutomatedWrapper span.discount-inventory-field {
        width: 20% !important;
    }

    .discountAutomatedWrapper .discount-details {
        position: relative;
    }

    span.discount-over-field {
        margin: -6px 0 0 35px;
        position: absolute;
        bottom: 37px;
        left: -28px;
    }

    label.discount-start-date-label {
        padding: 0px 46px 27px 0px;
    }

    label.discount-end-date-label {
        padding-right: 52px;
    }

    .field.financeOption .custom-radio,
    .field.discountViewOption .custom-radio {
        width: 46%;
    }

    .field.discountViewOption {
        padding-right: 2px !important;
    }

    .create-view-saved-btn-field img {
        width: 14px;
        position: absolute;
        right: 4px;
        top: 11px;
    }

    .mat-tab-label .mat-tab-label-content span {
        font-size: 14px;
        position: absolute;
        top: -8px;
        left: 0;
    }

    .mat-tab-label-active>.mat-tab-label-content {
        padding-top: 12px;
        font-size: 26px;
    }

    .create-view-saved-btn-field i {
        right: 4px;
        font-size: 13px;
        top: 11px;
    }

    .create-view-saved-btn-field .btn {
        padding: 0px 0px;
        width: 100%;
        margin: 0px 0px 9px 0;
        font-size: 12px;
    }

    .dropDownPanel>.field {
        padding: 5px 15px 20px 7px;
    }

    .dropDownPanel>.trimField {
        padding: 5px 24px 20px 7px;
    }

    .fieldOne {
        padding: 5px 20px 5px 7px;
    }

    .field.financeOption {
        padding-bottom: 30px;
    }
}


@media (max-width: 992px) {
    .discount-space {
        padding: 14px 0px 25px 4px;
    }

    label.discount-start-date-label {
        padding: 0px 38px 27px 0px;
    }

    label.discount-end-date-label {
        padding-right: 42px;
    }

    .discountAutomatedWrapper span.discount-inventory-field {
        width: 13% !important;
    }

    span.discount-date-field {
        width: 20.7%;
    }

    .discountAutomatedWrapper span.discount-name-field {
        width: 16%;
        margin-right: 15px;
    }

    span.discount-name-field:after {
        margin: -12px -7px 0px 0px;
    }

    span.discount-flat-rate {
        width: 15%;
    }

    .mat-tab-label-active>.mat-tab-label-content {
        padding-top: 24px;
        font-size: 26px;
    }

    .mat-tab-label .mat-tab-label-content span {
        top: 5px;
    }

    .row.result-buttons-row {
        top: -3px;
    }
}

body.modal-open-noscroll {
    margin-right: 0 !important;
    overflow: hidden;
}

.modal-open-noscroll .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}



label.tutorial-label.font-weight-bold {
    padding-top: 10px;
}

.tutorial-field h3 {
    background: #8f0c2c;
    color: #fff;
    padding: 3px 15px;
    margin-top: -5px;
    clear: both;
}

.video-links {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.pad0 {
    padding: 0;
}

.tutorial-field {
    padding-right: 30px;
    float: left;
}

.sub-form-field {
    float: left;
    padding: 35px 0 0 15px;
}

.sub-form-field .formtagClass {
    border: 1px solid #8f192b;
    padding: 15px;
    box-shadow: 0px 0px 86px 25px #cccccc;
    margin-top: 5px;
}

.sub-form-field .formtagClass h4 {
    text-align: center;
    border-bottom: 1px solid #8f192b;
    padding-bottom: 4px;
    margin-bottom: 15px;
    margin-top: -6px;
}

.sub-form-field .formtagClass input {
    border: none;
    background: transparent;
    border-bottom: 1px solid grey;
    width: 100%;
    margin-bottom: 15px;
    outline: 0;
}

.sub-form-field .formtagClass textarea {
    display: block;
    width: 100%;
    border: 1px solid grey;
    height: 100px;
    margin-bottom: 12px;
}

.sub-form-field .formtagClass .feedback-btn {
    width: 100%;
    margin: 0px;
    box-shadow: none;
    background: linear-gradient(0deg, #af182f, #c54d67);
    color: #fff;
    font-size: 20px;
    line-height: 0;
}

.video-link-item {
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/tutorial.png") no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    border: 1px solid grey;
    margin: 2px 0 8px;
}

.video-links a {
    float: left;
    width: 115px;
    text-align: center;
    color: #313131;
    line-height: 1.18;
    font-size: 18px;
    margin-right: 13px;
}

.faq-accordions {
    float: left;
    width: 100%;
    clear: both;
    margin: 5px 0 0 0;
}

.faq-accordions .panel {
    background: #d0d0d0;
    color: rgba(0, 0, 0, .87);
    border: 1px solid #8f192b;
    margin-bottom: 10px;
    border-left: thin solid #8f192b;
}

.faq-accordions .panel h4 {
    margin: 0;
}

.faq-accordions .panel h4:hover {
    background: #8f192b;
    border: 1px solid #8f192b;
    color: #fff;
}

.faq-accordions .panel-heading a {
    font-size: 16px;
    padding: 12px 15px;
    color: rgba(0, 0, 0, .87) !important;
    display: block;
    margin-top: 0;
}

.faq-accordions .panel-heading a.open {
    background: #8f192b;
    color: #fff !important;
}

.faq-accordions .panel h4:hover a {
    color: #fff !important;

}

.faq-accordions .panel-body {
    padding: 15px 15px;
    background: #d0d0d0;
    line-height: 1.8;
    font-family: sans-serif;
    font-size: 14px;
}

.faq-accordions .panel-collapse {
    margin-bottom: 7px;
}

.video-links a:hover .video-link-item {
    background: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/tutorial-hover.png") no-repeat rgba(143, 25, 43, 0.8705882352941177);
    background-position: center;
}

#discountStatusCodeError {
    text-align: center;
}

/*video popup start*/
/*
    Created on : 2016-12-16, 13:40:46
    Author     : SĹ‚awomir Netteria.NET https://netteria.net
*/

#closer_videopopup {
    position: absolute;
    display: table-cell;
    right: 15%;
    top: 5%;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    padding: auto;
    cursor: default;
    background: none;
    border: none;
    color: #ffffff;


    z-index: 100004;
}

#opct {
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
}

#videCont {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: auto;
    max-width: 720px;
    height: 0;
    height: auto !important;
}

video {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    opacity: 1 !important;

}

#video1 {
    cursor: pointer;
    cursor: hand;
}

/*video popup end*/
.faq-accordions .panel-heading a i {
    float: right;
}

li.logout-link .logout-anchor:before {
    visibility: visible !important;
}

span.error_text {
    color: red;
    position: absolute;
    left: 0;
    top: 28px;
    font-size: 12px;
}

.sub-form-field .form-group {
    position: relative;
}

.opct {
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=80);
    -moz-opacity: 0.90;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.65);
    z-index: -1;
}

video {
    position: absolute;
    top: 10%;
    left: 0px;
    width: 70% !important;
    margin: auto;
    opacity: 1 !important;
    right: 0px !important;
}

@supports (-ms-ime-align: auto) {

    label.discount-start-date-label,
    label.discount-end-date-label {
        padding-bottom: 0px;
    }

    span.discount-date-field input {
        top: 17px;
    }
}

@-moz-document url-prefix() {

    label.discount-start-date-label,
    label.discount-end-date-label {
        padding-bottom: 0px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .orLogo {
        left: 104px;
    }
}

.faq {
    padding: 20px 0px 0px 0px !important;
    color: #fff;
    display: inline-block;

}

.faq:hover {
    color: white;
}

li.logout-link .faq-anchor:before {
    visibility: hidden !important;
}

.active_error {
    visibility: visible;
}

.help_faq_head {
    margin-top: 70px;
    margin-bottom: 15px;
}

#feedbackphone_error,
#feadback_error {
    width: auto !important;
}

.error_text,
.bulk-error,
.sub-form-field .formtagClass textarea,
.sub-form-field .formtagClass input {
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    text-transform: none;
}

.form-group.form-group__message {
    margin-bottom: 25px;
}

.error_text,
.bulk-error {
    color: red;
    font-weight: bold;
    font-size: 12px !important;
    width: auto;
}

.form-group__message .bulk-error {
    bottom: -3px !important;
}

.faq-accordions .panel h4 {
    margin: 0;
    height: 43px;
}

.faq-accordions .panel h4:hover {
    border: none;
}

a.faq.logout-anchor.faq-anchor {
    margin-left: 0;
    padding-right: 1px !important;
}

a.faq.logout-anchor.faq-anchor:before {
    float: right;
    position: relative;
    left: 26px;
    visibility: visible !important;
}

.faq-answer-header {
    font-weight: bold;
}

.placeholder span {
    color: red;
    padding: 0 0 0 3px;
}

.placeholder {
    position: absolute;
    bottom: 17px;
    z-index: -1;
}

.sub-form-field .formtagClass textarea,
.sub-form-field .formtagClass input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

body>header .dealer_rightmenu_address ul li:last-child {
    width: calc(100% - 120px);
    display: flex;
    float: none;
    height: 67px;
    align-items: center;
    justify-content: flex-end;
}

body>header .dealer_rightmenu_address a.dealer-name-anchor {
    padding: 0 5px 0 0 !important;
    float: none;
    line-height: 22px;
}

.filter-section select {
    line-height: 1.2;
}

.filter-section .financeOption .custom-radio.last-option {
    float: right;
    width: 66px;
}

.filter-section .search-by-vehicle-tab .dropDownPanel {
    max-height: 500px;
    padding-bottom: 0;
}

.filter-section .filterAttrs--transmission {
    margin-bottom: 52px;
}

#dealerAutomatedDiscountWrapper .filter-section .dropDownPanel {
    max-height: 502px;
    padding-bottom: 2px;
}

#dealerAutomatedDiscountWrapper .filter-section .dropDownPanel .discountViewOption {
    padding-bottom: 5px;
    border-bottom: 0;
}

.filter-section .search-by-vehicle-tab .dropDownPanel .goFilterBtn {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(90deg, #414141 0, #669096 100%) no-repeat padding-box;
    z-index: 2;
}

.filter-section .search-by-vehicle-tab .dropDownPanel .goFilterBtn button {
    margin: 10px 0;
}

.filter-section .labelMandatory,
.filter-section .labelMandatoryVin {
    float: none;
    top: -6px;
    left: -6px;
    position: relative;
}

.filter-section .ui-slider .ui-slider-range {
    background: #6e8bc3;
}

.filter-section .dropDownPanel .financeOption label {
    color: #fff !important;
}

.discount-space span.off_percent_error.bulk-error.active,
#BulkDiscountRowWrapper span.off_percent_error.bulk-error.active {
    left: -60px !important;
    text-align: right !important;
}

#add-discount-model .discount-date-field {
    width: 130px;
}

#add-bulk-discount-model .modal-dialog {
    max-width: 800px;
}

#add-bulk-discount-model .modal-body {
    max-width: 740px;
}

#add-bulk-discount-model span.discount-name-field {
    width: 130px;
}

#add-bulk-discount-model span.discount-flat-rate {
    width: 110px;
}

#add-bulk-discount-model tbody tr td:last-child .customCheckBox {
    float: none;
    margin: 0;
}

#add-bulk-discount-model .discount-delete-field span {
    padding: 43px 10px;
}

#payment-calculator-modal .select-wrapper select:focus {
    background: none;
}

#payment-calculator-modal .select-wrapper::before {
    z-index: 0;
}

body .ui-datepicker.ui-widget {
    z-index: 2000 !important;
}

body .ui-icon,
body .ui-widget-header .ui-icon {
    background-image: url("https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/ui-icons.png");
}

label.discount-start-date-label,
label.discount-end-date-label {
    padding-bottom: 2px;
}

span.discount-date-field1:not(.discount-inventory-field):after {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 6px;
    top: 17px;
    z-index: 1;
}

#dealerAutomatedDiscountWrapper .dropDownPanel>.field {
    padding-right: 19px !important;
}

#dealerAutomatedDiscountWrapper .filter-section select {
    width: 100%;
    background-position-x: calc(100% - 5px);
}

#dealerAutomatedDiscountWrapper .create-view-saved-btn-field .btn {
    width: 100%;
}

/*Fix for mozilla*/
@-moz-document url-prefix() {
    .filter-section select {
        text-indent: -2px;
    }

    .leadReport__action {
        bottom: -24px !important;
        margin-right: 315px !important;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .filter-section select {
        text-indent: -2px;
    }

    .filter-section select::-ms-expand,
    #payment-calculator-modal .select-wrapper select::-ms-expand,
    .autoLead-container select::-ms-expand {
        display: none;
    }

    .filter-section .search-by-vehicle-tab .dropDownPanel .goFilterBtn {
        width: calc(100% - 17px);
    }

    span.discount-flat-rate input,
    .off-percent input,
    .discount-date-field input,
    .discount-name-field input {
        line-height: 14px;
    }
}

@supports (-ms-accelerator:true) {

    /* Edge 12-15 CSS */
    .filter-section select {
        text-indent: -2px;
    }

    .filter-section .search-by-vehicle-tab .dropDownPanel .goFilterBtn {
        width: calc(100% - 17px);
    }

}

@supports (-ms-ime-align:auto) {

    /* Edge 16+ CSS */
    .filter-section select {
        text-indent: -2px;
    }

    .filter-section .search-by-vehicle-tab .dropDownPanel .goFilterBtn {
        width: calc(100% - 17px);
    }

}

/*Dashboard design starts*/
.container.bodyContainerWrapper {
    max-width: calc(100% - 120px);
}

body>footer {
    position: relative;
}

.dashboard-container .dealerHead {
    overflow: hidden;
}

.dashboard__title {
    font-family: rift-soft;
    font-size: 32px;
    margin: 10px 0 40px;
    position: relative;
    text-align: center;
}

.dashboard__title span {
    text-transform: uppercase;
}

.dashboard__title:after {
    border-bottom: 1px solid #6283c2;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(50% - 90px);
}

.dashboard__title:before {
    border-bottom: 1px solid #6283c2;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: calc(50% - 90px);
}

.dashboard__menu__row {
    margin: 0 auto 40px !important;
    text-align: center;
    width: 90%;
}

.dashboard__menu__link {
    background: #fff;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #c1bcbc;
    border-bottom: 4px solid #6283C2;
    border-radius: 8px;
    display: inline-block;
    margin: 0 5px 20px;
    padding: 10px;
    text-align: center;
    max-width: calc(20% - 20px);
    height: 180px;
    width: 190px;
    vertical-align: top;
    position: relative;
    padding-bottom: 60px;
}

.dashboard__menu__link:hover {
    background: rgba(98, 131, 194, 1);
    background: -moz-linear-gradient(45deg, rgba(98, 131, 194, 1) 0%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(98, 131, 194, 1)), color-stop(79%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(45deg, rgba(98, 131, 194, 1) 0%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(98, 131, 194, 1) 0%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(98, 131, 194, 1) 0%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(98, 131, 194, 1) 0%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6283c2', endColorstr='#ffffff', GradientType=1);
    border-color: #fff;
}

.dashboard__menu__link:hover .dashboard__menu__name {
    color: #fff;
}

span.dashboard__menu__name {
    color: #505050;
    display: block;
    font-family: 'Segoe UI', Regular;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% - 50px);
    padding: 0 30px;
}

span.dashboard__menu__icon img {
    max-width: 90px;
    max-height: 90px;
    width: 54%;
}

span.dashboard__menu__icon {
    display: block;
    padding-top: 20px;
}

.dashboard__menu__link--paypal .dashboard__menu__icon img {
    margin-top: 18px;
    max-height: 200px;
    max-width: 100%;
    width: 92%;
}

.dashboard__menu__link--paypal .dashboard__menu__icon {
    padding-top: 8px;
}

.dashboard__menu__link--paypal span.dashboard__menu__name {
    top: calc(100% - 40px);
}

.dashboard-container .rowOne {
    overflow: hidden;
}

.dashboard-container .main-menu,
.inventory-container .main-menu {
    float: right;
    color: #192340;
    padding-left: 4px;
}

.dashboard-container .main-menu img,
.inventory-container .main-menu img {
    display: inline-block;
    margin: 0 0 6px 4px;
    width: 20px;
}

.access-management .dashboard__title:before,
.access-management .dashboard__title:after {
    width: calc(50% - 160px);
}

/*User list page*/
.dashboard-main.access-management {
    position: relative;
    padding: 30px 0;
}

.dashboard__userList {
    display: none;
}

.dashboard__menu__userList .dashboard__menu__icon img {
    width: auto;
    max-width: 110px;
    margin-top: 8px;
}

.dashboard__userList h3 {
    border-bottom: 2px solid #b6b8c1;
    color: #192340;
    font-family: rift-soft;
    margin-bottom: 30px;
    padding-bottom: 8px;
    text-align: center;
}

.dashboard__nouserList {
    display: none;
}

.dashboard__nouserList h3 {
    /*border-bottom: 2px solid #b6b8c1;*/
    color: #192340;
    font-family: rift-soft;
    margin-bottom: 30px;
    padding-bottom: 8px;
    text-align: center;
}

.admin-content-box {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.68) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0.68)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.68) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.68) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.68) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.68) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    box-shadow: 3px 43px 83px #00000069;
    border: 1px solid #8F0C2C;
    margin-bottom: 40px;
    padding: 40px;
}

table.userList-table {
    margin: 0 auto;
}

table.userList-table thead {
    background: #4c747b;
    color: #fff;
    font-family: rift-soft;
    font-size: 14px;
    height: 44px;
    margin-bottom: 4px;
}

table.userList-table thead th.th__sort {
    cursor: pointer;
    min-width: 150px;
    padding-right: 26px;
    position: relative;
}

/*table.userList-table thead th.th__sort:before {
    content: '';
    background: url(../img/dashboard/arrow-down.svg) no-repeat;
    background-size: 100%;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 18px;
    width: 16px;
}*/

table.userList-table thead th:not(.th__sort) {
    min-width: 60px;
}

table.userList-table th,
table.userList-table td {
    font-size: 16px;
    padding: 8px 12px;
    text-align: center;
}

table.userList-table tbody tr {
    border-bottom: 1.5px solid #cacaca;
}

table.userList-table td {
    color: #000;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
}

table.userList-table a.userList__edit,
table.userList-table a.userList__delete {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    display: inline-block;
}

table.userList-table a.userList__edit {
    background-image: url(../img/dashboard/edit.svg);
    height: 20px;
}

table.userList-table a.userList__delete {
    background-image: url(../img/dashboard/trash.svg);
    height: 24px;
}

.reservelist_delete {
    background-image: url(../img/dashboard/trash.svg);
    height: 24px;
}

.reservelist_delete {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    display: inline-block;
}

/*Edit user*/
#edit-user-modal .modal-dialog,
#create-user-modal .modal-dialog {
    max-width: 600px;
    border: 1px solid #8F0C2C;
}

#edit-user-modal .modal-header,
#create-user-modal .modal-header {
    padding: 0;
}

#edit-user-modal .modal-body,
#create-user-modal .modal-body {
    padding: 40px;
}

.create-edit-user {
    font-family: rift-soft;
}

.create-edit-user .field_label {
    color: #757575;
    font-family: "Oswald-Light";
    font-size: 16px;
    margin-bottom: 0;
    position: absolute;
    left: 17px;
    text-transform: uppercase;
    z-index: 0;
}

.create-edit-user .field_label span,
.create-edit-user .labelMandatory {
    color: red;
}

.create-edit-user .labelMandatory {
    font-size: 6px;
}

.create-edit-user input:not([type='radio']) {
    background: transparent;
    border: none;
    border-bottom: 1px solid #444;
    font-family: "Oswald-Light";
    font-size: 16px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.create-edit-user input[type='radio'] {
    margin-right: 5px;
}

.create-edit-user label.error {
    color: red;
    display: block;
    font-family: Nunito, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    margin: 3px 0 0;
    position: absolute;
    width: 100%;
}

.create-edit-user h3 {
    border-bottom: 1px solid #444;
    margin-bottom: 25px;
    padding-bottom: 4px;
}

.dashboard-create-user h3 {
    text-align: center;
}

.create-edit-user .row {
    margin-bottom: 10px;
}

.create-edit-user .row>div {
    padding-bottom: 15px;
}

.create-edit-user input:focus {
    outline: none;
}

.create-edit-user input[type='text'].fca-datepicker {
    background-image: url(../img/dashboard/datepicker_icon.svg);
    background-repeat: no-repeat;
    background-position-x: right;
}

.create-edit-user .pwd-row .col-6 {
    padding-bottom: 0;
    height: 88px;
}

.create-edit-user .pwd-row label.error {
    position: relative;
    width: calc(100% + 15px);
}

.create-edit-user .pwd-row label.error+button {
    margin-top: 6px;
}

.create-edit-user .password_toggle,
.card.login-card .password_toggle {
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    right: 15px;
    top: 5px;
    font-family: 'Glyphicons Halflings';
    z-index: 2;
    cursor: pointer;
}

.card.login-card .password_toggle {
    top: 10px;
}

.create-edit-user .password_toggle:before,
.card.login-card .password_toggle:before {
    content: "\e105";
    color: #333;
    position: relative;
    top: -2px;
    left: 2px;
}

.create-edit-user .password_toggle.closed:before,
.card.login-card .password_toggle.eyeClose:before {
    content: "\e106";
}

.create-edit-user .row.pwd-row input {
    padding-right: 25px;
}

input.password_input::-ms-clear,
input.password_input::-ms-reveal {
    display: none;
}

button.gen-pwd,
.gen-pwd-edit {
    background: transparent linear-gradient(180deg, #df9e3d 0%, #70440b 100%) 0% 0% no-repeat padding-box;
    border: none;
    box-shadow: 3px 43px 83px #00000069;
    line-height: 14px;
    padding: 0;
    height: 22px;
    font-size: 14px;
    width: 100%;
    font-weight: 100;
    margin-top: 12px;
}

.create-edit-user h3 span {
    background: url(../img/dashboard/Create_User.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 26px;
    margin-left: 8px;
    position: relative;
    top: 5px;
    width: 26px;
}

.create-edit-user h3 a {
    background: transparent linear-gradient(180deg, #b72322 0%, #881717 100%) 0% 0% no-repeat padding-box;
    float: right;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 30px 4px 10px;
    position: relative;
    color: #fff;
}

.create-edit-user h3 a,
#delete-user-modal .modal-footer .btn-secondary {
    background: transparent linear-gradient(180deg, #b72322 0%, #881717 100%) 0% 0% no-repeat padding-box !important;
}

.create-edit-user h3 a:before {
    content: '';
    background: url(../img/dashboard/trash_white.svg) no-repeat;
    background-size: 100%;
    height: 20px;
    top: 5px;
    width: 16px;
    position: absolute;
    right: 8px;
}

.create-edit-user .save-user,
.edit-save-user {
    width: 100%;
}

#delete-user-modal {
    z-index: 1051;
}

#delete-user-modal .modal-dialog {
    max-width: 600px;
}

#delete-user-modal .gcss-button {
    font-size: 14px;
    text-transform: none;
}

#delete-user-modal .modal-footer {
    justify-content: center;
}

#delete-user-modal .modal-body p {
    padding-top: 40px;
}

.dashboard-sideMenu {
    background: #fff;
    position: fixed;
    height: calc(100% - 67px);
    width: 60px;
    left: 0;
    top: 67px;
}

.dashboard-sideMenu a {
    display: block;
    text-align: center;
}

.dashboard-sideMenu a:before {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 8px 5px 0 5px;

}

.dashboard-sideMenu a.backTo {
    background: #52ad6b;
}

.dashboard-sideMenu a.backTo:before {
    background-image: url('../img/dashboard/arrow-back.svg');
    width: 34px;
}

.dashboard-sideMenu a.sidemenu-incentive:before {
    background-image: url('../img/dashboard/Incentives.svg');
}

.dashboard-sideMenu a.sidemenu-incentive.active:before {
    background-image: url('../img/dashboard/Incentives_White.svg');
}

.dashboard-sideMenu a.active {
    background-color: #6283c2;
}

.dashboard-sideMenu a.sidemenu-access:before {
    background-image: url('../img/dashboard/Access_Managment.svg');
}

.dashboard-sideMenu a.sidemenu-access.active:before {
    background-image: url('../img/dashboard/Access_Managment_White.svg');
}

.dashboard-sideMenu a.sidemenu-reserved:before {
    background-image: url('../img/dashboard/reservation-icon.png');
}

.dashboard-sideMenu a.sidemenu-reserved.active:before {
    background-image: url('../img/dashboard/reservation-icon-white.png');
}

.dashboard-sideMenu a.sidemenu-grecale:before {
    background-image: url('../img/dashboard/grecale.svg');
}

.dashboard-sideMenu a.sidemenu-grecale.active:before {
    background-image: url('../img/dashboard/grecale-white.svg');
}

.dashboard-sideMenu a.sidemenu-campaign:before {
    background-image: url('../img/dashboard/Campaign_Managment.svg');
}

.dashboard-sideMenu a.sidemenu-wepay:before {
    background-image: url('../img/dashboard/Wepay_Setup.svg');
}

.dashboard-sideMenu a.sidemenu-service:before {
    background-image: url('../img/dashboard/Service&Protection_Plans.svg');
}

.dashboard-sideMenu a.sidemenu-service.active:before {
    background-image: url('../img/dashboard/Service&Protection_Plans_White.svg');
}

.dashboard-sideMenu a.sidemenu-report:before {
    background-image: url('../img/dashboard/Lead_Report.svg');
    margin: 8px 8px 0 8px;
    width: 44px;
}

.dashboard-sideMenu a.sidemenu-report.active:before {
    background-image: url('../img/dashboard/Lead_Report_White.svg');
}

.dashboard-sideMenu a.sidemenu-paypal:before {
    background-image: url('../img/dashboard/PayPal_Logo.svg');
    margin: 4px 8px;
    width: 36px;
}

.dashboard-sideMenu a.sidemenu-paypal-onboarding.active:before {
    background-image: url('../img/dashboard/PayPal_Logo.svg');
}

.dashboard-sideMenu a.sidemenu-paypal.active:before {
    background-image: url('../img/dashboard/PayPal_Logo_White.svg');
}

.dashboard-sideMenu a.sidemenu-leadStar:before {
    background-image: url('../img/dashboard/AutoLeadStar.svg');
}

.dashboard-sideMenu a.sidemenu-leadStar.active:before {
    background-image: url('../img/dashboard/AutoLeadStar_White.svg');
}

#api__ajax_loader {
    background: rgba(255, 255, 255, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#api__ajax_loader img {
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

#selectall-auto_discount_warning_modal .modal-body {
    padding: 10px !important;
}

.login-card .invalid-feedback {
    font-family: Nunito, sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: red;
    line-height: 12px;
}

#user_success_modal .modal-dialog .modal-body {
    padding-top: 50px !important;
}

#create-user-modal .modal-dialog .modal-body {
    padding: 30px !important;
}

table.userList-table thead .sorting:before,
table.userList-table thead .sorting_asc:before,
table.userList-table thead .sorting_desc:before,
table.userList-table thead .sorting_asc_disabled:before,
table.userList-table thead .sorting_desc_disabled:before {
    top: 10px;
}

table.userList-table thead .sorting:after,
table.userList-table thead .sorting_asc:after,
table.userList-table thead .sorting_desc:after,
table.userList-table thead .sorting_asc_disabled:after,
table.userList-table thead .sorting_desc_disabled:after {
    top: 10px;
}

.gerated-pass,
.gerated-pass-edit {
    display: none !important;
    font-family: sans-serif;
    font-size: 14px;
}

a#chgpwd-anchor:before {
    visibility: hidden !important;
    margin: -7px 0 0 0;
}

.view-trim-no-discount-details {
    background: #666666;
    color: #000;
    float: left;
    width: 100%;
    padding: 5px;
    border-radius: 10px !important;
    font-weight: 500;
    padding: 10px;
    font-size: 14px;
}

table.gridViewTrimDiscountTableContainer thead .sorting:before,
table.gridViewTrimDiscountTableContainer thead .sorting_asc:before,
table.gridViewTrimDiscountTableContainer thead .sorting_desc:before,
table.gridViewTrimDiscountTableContainer thead .sorting_asc_disabled:before,
table.gridViewTrimDiscountTableContainer thead .sorting_desc_disabled:before,
table.gridViewTrimDiscountTableContainer thead .sorting:after,
table.gridViewTrimDiscountTableContainer thead .sorting_asc:after,
table.gridViewTrimDiscountTableContainer thead .sorting_desc:after,
table.gridViewTrimDiscountTableContainer thead .sorting_asc_disabled:after,
table.gridViewTrimDiscountTableContainer thead .sorting_desc_disabled:after {
    top: 10px;
    right: 2px;
}

#add-rule-discount-model .modal-content,
#add-bulk-discount-model .modal-content,
#add-discount-model .modal-content {
    padding: 15px;
}

#add-rule-discount-model .modal-body {
    padding: 5px;
}

.create-edit-user .labelMandatory {
    color: red;
    font-family: "Oswald-Light";
    font-size: 16px;
}

.card.login-card input.password_input {
    padding-right: 25px;
}

.create-edit-user .labelMandatory {
    color: red;
    font-family: "Oswald-Light";
    font-size: 16px;
}

/*Service and Protection Starts*/
.dashboard-main.service-protection select::-ms-expand,
.modal select::-ms-expand {
    display: none;
}

.serviceTab_item {
    background: #e9e9e9;
    border: 1px solid #8F0C2C;
    border-radius: 6px 6px 0 0;
    display: inline-block;
    color: #333;
    font-family: oswald-light;
    font-size: 20px;
    float: left;
    margin-left: -1px;
    padding: 10px 20px;
    position: relative;
}

.serviceTab-container {
    overflow: hidden;
    padding-left: 1px;
    padding-top: 10px;
    position: relative;
    margin-bottom: -1px;
    z-index: 1;
}

.serviceTab_item.serviceTab_create.active {
    box-shadow: 4px 0px 10px #aba8a8;
}

.serviceTab_item.serviceTab_assign.active {
    box-shadow: -4px 0px 10px #aaa;
}

.serviceTab_item.active {
    border-bottom-color: #e9e9e9;
    z-index: 2;
}

.dashboard-main.service-protection .admin-content-box {
    background: rgba(255, 255, 255, 0.5);
}

.service-protection .dashboard__title:before,
.service-protection .dashboard__title:after {
    width: calc(50% - 190px);
}

.paypal-service .dashboard__title:before,
.paypal-service .dashboard__title:after {
    width: calc(50% - 190px);
}

.selectContainer {
    margin-bottom: 15px;
    padding-left: 260px;
    /*text-align: center;*/
}

.selectContainer .selectWrap {
    display: inline-block;
    font-family: rift-soft;
    font-size: 22px;
    padding: 0 10px;
}

.selectContainer .selectWrap select,
.assign_plan_profile_list {
    background-position-x: calc(100% - 2px);
    border: 1px solid #abacac;
    box-shadow: none;
    font-size: 20px;
    padding-right: 25px;
    width: 200px;
}

.dealeradmin-body .custom-selectbox {
    background: #fff;
    margin: 0;
    display: inline-block;
    width: 200px;
}

.dealeradmin-body .custom-selectbox .select-items div {
    background: #fff;
    padding: 0 8px;
    font-size: 18px;
}

.dealeradmin-body .custom-selectbox .select-items div:hover {
    background: #d8d8d8;
}

.dealeradmin-body .custom-selectbox .select-selected {
    background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/arrow.png) no-repeat;
    background-position: calc(100% - 3px) center;
    border-color: #aaa;
    padding: 0 25px 0 8px;
    font-size: 18px;
    line-height: 28px;
}

.dealeradmin-body .custom-selectbox .select-selected:after {
    display: none;
}

.assign_plan_profile_list {
    font-family: rift-soft;
    width: 250px;
}

.selectContainer .selectWrap label {
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 8px;
}

.selectContainer .selectWrap button {
    vertical-align: bottom;
}

.livePreview,
.switch_container,
.service__list {
    margin: 0 auto;
    width: 80%;
}

.livePreview {
    overflow: hidden;
    margin-bottom: 40px;
}

h4.livePreview__title {
    color: #982440;
    float: left;
    font-family: 'Oswald-Light';
    font-size: 26px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.edit_header {
    background: #000;
    border: 1px dashed #fff;
    color: #fff;
    clear: both;
    font-size: 12px;
    line-height: 16px;
    padding: 30px 20px;
    text-align: center;
}

.edit_header_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.edit_header_text p {
    margin-bottom: 0;
}

a.edit_header_trigger {
    background: url(../img/dashboard/edit.svg) no-repeat;
    background-position-x: right;
    background-size: 20px;
    color: #fff;
    font-size: 10px;
    float: right;
    line-height: 24px;
    margin-top: -25px;
    padding-right: 24px;
    position: relative;
    right: -15px;
}

.switch_left {
    float: left;
}

.switch_right {
    float: right;
    font-size: 14px;
    margin: 0 5px;
}

.switch_right .toggle-tab-switch input {
    opacity: 0;
}

.switch_left h5 {
    float: left;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.switch_left h6 {
    border-left: 1px solid #bbb;
    float: left;
    font-size: 24px;
    line-height: 36px;
    margin-left: 10px;
    padding-left: 12px;
}

.switch_container {
    border-bottom: 1px solid #bbb;
    overflow: hidden;
    margin-bottom: 30px;
}

.col-sm-6.service__item {
    border: 1px dashed #999;
    color: #000;
    margin-bottom: 20px;
    max-width: calc(50% - 10px);
    padding: 10px 8px 5px 30px;
}

.col-sm-6.service__item:hover {
    border: 1px solid #8f192b;
}

.service__list .col-sm-6.service__item:nth-child(even) {
    margin-left: 20px;
}

.service__item .service__label {
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.service__item .service__label:before,
.include_cost label:before {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    left: -22px;
    top: 5px;
    border: 1px solid #888;
    visibility: visible;
}

.service__item .service__label:after,
.include_cost label:after {
    content: '';
    height: 5px;
    width: 10px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    left: -19px;
    top: 10px;
    transform: rotate(-45deg);
    display: none;
}

.service__check {
    display: none;
}

.service__check:checked+.service__label:after,
.include_cost input[type="checkbox"]:checked+label:after {
    display: block;
}

.service__check:checked+.service__label:before,
.include_cost input[type="checkbox"]:checked+label:before {
    background: #fff;
}

.service__text {
    font-size: 14px;
    line-height: 20px;
}

a.service__edit,
a.service__delete {
    background: #e9e9e9;
    background-repeat: no-repeat;
    color: #333;
    font-size: 12px;
    line-height: 18px;
    padding: 0 22px 0 8px;
    position: absolute;
    right: 0;
    top: -10px;
}

a.service__edit {
    right: 60px;
    background-image: url(../img/dashboard/edit.svg);
    background-position-x: 30px;
    background-size: 18px;
}

a.service__delete {
    background-image: url(../img/dashboard/trash.svg);
    background-position-x: 43px;
    background-size: 16px;
}

.service__cost span {
    color: #8f192b;
    font-size: 14px;
    font-weight: 600;
}

input.service__check {
    position: absolute;
    left: 10px;
    top: 16px;
}

.service__item.service__add {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.col-sm-6.service__item.service__add label {
    color: #8f192b;
    cursor: pointer;
    font-family: 'oswald-light';
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 42px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.col-sm-6.service__item.service__add label:before {
    content: '';
    background-image: url(../img/dashboard/add_icon.svg);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    left: calc(50% - 15px);
    position: absolute;
    bottom: 0;
    width: 30px;
}

.service__modal .modal-content {
    background: rgba(228, 226, 226, 0.96);
    border: 1px solid #8F0C2C;
    border-radius: 0;
    padding: 30px 45px;
}

.service__modal .modal-dialog {
    max-width: 600px;
}

.service__modal h4.modal-title {
    border-bottom: 1px solid #c1bebe;
    font-family: rift-soft;
    padding-bottom: 4px;
    width: 100%;
}

.service__modal h4.modal-title span {
    background: url('../img/dashboard/Service&Protection_Plans.svg') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 26px;
    margin-left: 8px;
    position: relative;
    top: 5px;
    width: 26px;
}

.service__modal h4.modal-title .service__modal__delete,
.service_logo_delete,
.service__modal h4.modal-title .service_plan_modal_delete {
    background: transparent linear-gradient(180deg, #b72322 0%, #881717 100%) 0% 0% no-repeat padding-box;
    float: right;
    font-family: rift-soft;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 30px 4px 10px;
    position: relative;
    color: #fff;
}

.service__modal h4.modal-title .service_plan_modal_delete:before,
.service_logo_delete:before,
.service__modal h4.modal-title .service__modal__delete:before {
    content: '';
    background: url(../img/dashboard/trash_white.svg) no-repeat;
    background-size: 100%;
    height: 20px;
    top: 5px;
    width: 16px;
    position: absolute;
    right: 8px;
}

.service__modal label.form-label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

.service__modal input[type="text"],
.service__modal textarea {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    display: block;
    padding: 5px 10px;
}

.include_cost {
    position: relative;
}

.include_cost input[type="checkbox"] {
    display: none;
}

.include_cost input[type="text"] {
    background: no-repeat;
    border: 1px solid #555;
    border-width: 0 0 1px;
    display: inline-block;
    width: 80px;
}

.include_cost select {
    background-position-x: calc(100% - 2px);
    font-family: rift-soft;
    font-size: 18px;
    padding-right: 25px;
    width: 110px;
}

.include_cost label {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 10px;
    padding-left: 22px;
}

.include_cost span {
    color: #6a8fd5;
}

.include_cost label:before {
    left: 0;
    top: 6px;
}

.include_cost label:after {
    left: 3px;
    top: 11px;
}

.service_logo_div {
    float: left;
    margin-right: 15px;
    max-width: 200px;
}

.service_logo_div img {
    max-width: 200px;
    max-height: 60px;
    height: auto;
    width: auto;
}

.service_header_div {
    text-align: left;
}

span.service-logo-info {
    float: left;
    font-size: 11px;
    font-style: italic;
    color: #000 !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 20px;
    margin-top: 5px;
}

#edit_header_modal .labelMandatory,
#add_service_modal .labelMandatory,
#edit_service_modal .labelMandatory {
    float: none !important;
    font-size: 8px;
    vertical-align: top;
}

#servicelogoError {
    visibility: visible;
    display: none;
    line-height: 14px;
}

.service_logo_delete:hover,
.service_logo_delete:visited {
    color: #ffffff !important;
}

.serviceimgContainer {
    margin: 10px 5px;
}

#assignPlans {
    display: none;
}

#auditVerification {
    display: none;
}

.assignPlans_row {
    margin: 0 auto 30px;
    padding-left: 10px;
    width: 700px;
}

.assignPlans_row label {
    font-family: oswald-light;
    font-size: 18px;
    margin: 0 30px 0 0;
    line-height: 32px;
    overflow-x: hidden;
    text-align: right;
    /*float: left;*/
    display: inline-block;
    width: 240px;
    text-transform: capitalize;
}

.assignPlans_row .custom-selectbox {
    font-family: rift-soft;
    width: 250px;
    height: 30px;
    vertical-align: top;
}

.assignPlans_row select {
    float: left;
    margin-top: 2px;
}

.assignPlans_buttons {
    position: relative;
    text-align: center;
}

.assignPlans_buttons button {
    font-family: rift-soft;
}

.assignPlans_buttons button.livePreview__publish {
    margin-left: 15px;
    width: 340px;
}

.custom-tooltip {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 6px 0px #aaa;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
}

.custom-tooltip:after {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
    top: -20px;
    right: 20px;
}

.assignPlans_buttons .custom-tooltip {
    display: none;
    left: calc(50% - 15px);
    top: 50px;
    width: 300px;
}

.assignPlans_buttons .livePreview__publish:hover+.custom-tooltip {
    display: block;
}

.clone_selected_profile,
.create_profile,
.save_profile,
.edit_selected_profile,
.create_selected_profile {
    height: 26px;
    font-size: 16px !important;
    width: 80px;
}

div#profileNameContainer .selectWrap {
    margin-left: -65px;
}

.da_sp_event_profile_name {
    height: 28px;
    border: 1px solid #888;
    width: 200px;
}

.save_selected_profile,
.cancel_selected_profile {
    width: 35% !important;
}

#profileNameContainer,
#save_profile,
#finance_service_list,
#edit_selected_profile,
#create_selected_profile,
#clone_selected_profile,
#save_selected_profile,
#cancel_selected_profile {
    display: none;
}

body .service__modal .gcss-button-red,
body .service__modal .cancel-edit-protection-plan,
body .service__modal .cancel-service-header,
body #cancel_selected_profile,
form#create_agentlead_form .agent_lead_cancel_btn,
body #assignPlans .livePreview__cancel {
    background: transparent linear-gradient(180deg, #b72322 0%, #881717 100%) 0% 0% no-repeat padding-box !important;
}

.service__modal .modal-body {
    padding-top: 0;
}

.service__modal .bulk-table-error {
    display: none;
    height: auto !important;
    margin-top: 2px;
    line-height: 16px;
    width: 100%;
    font-size: 12px !important;
    font-weight: 400;
}

.service__modal .bulk-table-error.active {
    display: block;
}

.default_service_header a,
.default_service_header a,
.default_service_plans a,
.default_service_plans .service_protect_plan_add,
.default_service_plans .service_protect_plan_add.service_protect_create_plan_add label:before {
    display: none;
}

.default_service_plans .service__label:before {
    visibility: hidden;
}

.default_service_plans .service__label {
    pointer-events: none;
}

.default_service_plans .service_protect_plan_add.service_protect_create_plan_add {
    display: block;
    pointer-events: none;
}

.default_service_plans .service_protect_plan_add.service_protect_create_plan_add label {
    color: #888;
}

/*Service and Protection Ends*/

/**/

.toggle-tab-switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 25px;
    z-index: 2;
    top: 6px;
}

.toggle-tab-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8f192b;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-tab-switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: -1px;
    bottom: -1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-tab-switch .slider.round:before {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 0px #555;
}

.toggle-tab-switch .slider.round:before {
    border-radius: 50%;
}

.toggle-tab-switch input[type="checkbox"] {
    position: relative;
    top: 5px;
    right: -3px;
}

.toggle-tab-switch input:checked+.slider {
    background-color: #8f192b;
}

.toggle-tab-switch .slider.round {
    border-radius: 34px;
}

.toggle-tab-switch input:checked+.slider:before {
    -webkit-transform: translateX(66px);
    -ms-transform: translateX(66px);
    transform: translateX(66px);
}

span.slide-ex {
    z-index: 33;
    position: relative;
    color: #fff;
    left: 40px;
    top: 0 px;
    transition: all .51s;
    font-size: 14px;
}

.toggle-tab-switch input:checked+.slider .slide-ex {
    left: 10px;
}

.toggle-tab-label {
    font-weight: 400;
    position: relative;
    top: 6px;
}

.service__modal input[type="text"] {
    height: 28px;
}

.disableddivContent,
.service__modal .disabled {
    pointer-events: none;
    opacity: 0.4;
}

.service_logo_div img {
    max-width: 200px;
    max-height: 100px;
}

.inventory-container .dealerHead {
    overflow: hidden;
}

.inventory-container .dealerHead+.result-buttons-row {
    margin-top: 25px !important;
}

.modulelistcontainer>div {
    padding-bottom: 5px !important;
    padding-top: 0 !important;
    padding-left: 5px !important;
}

.modulelistcontainer {
    margin: 0 !important;
}

table.tbl_modulelistcontainer th {
    font-weight: 600;
}

.modulelistwrapper {
    margin-bottom: 20px;
}

table.tbl_modulelistcontainer,
table.tbl_modulelistcontainer th,
table.tbl_modulelistcontainer td {
    width: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 5px !important;
    margin: 0 !important;
}

.create-edit-user label.access-error {
    position: relative;
    float: left;
}

table.userList-table td.userList__role {
    text-align: left;
}

.selectContainer .selectWrap select,
.selectContainer .selectWrap select option {
    font-family: rift-soft;
}

.create-edit-user .pwd-col label.error+.password_toggle+.gen-pwd,
.create-edit-user .pwd-col label.error+.password_toggle+.gen-pwd-edit {
    margin-top: 5px;
}

/*Auto Lead Star Starts*/
.dashboard__menu__link.dashboard__menu__link--leadStar {
    padding: 0;
}

/*Auto Lead Star Starts*/
.gray {
    filter: grayscale(100%);
}

.dashboard__menu__link.dashboard__menu__link--leadStar>a {
    display: block;
    height: 180px;
    padding: 10px 10px 60px;
}

.dashboard__menu__link.dashboard__menu__link--leadStar .dashboard__menu__name {
    top: calc(100% - 58px);
}

.autoLead_signupbtn {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #51aa65;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    cursor: pointer;
}

#autoLeadStar_signUp .modal-header {
    border-bottom: none;
}

.leadStarSignUp__head img {
    max-width: 150px;
    margin-bottom: 20px;
}

.leadStarSignUp__head h3 {
    border-bottom: 1px solid #767676;
    color: #2176B9;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    padding-bottom: 10px;
}

.leadStarSignUp__learnmore {
    background: #4677b9;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 10px 40px;
    width: calc(100% + 40px);
}

.leadStarSignUp__learnmore p {
    margin-bottom: 6px;
}

.leadStarSignUp__learnmore a {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    padding: 0px 15px;
}

.leadStarSignUp__fieldRow {
    margin: 0 40px 20px;
}

.leadStarSignUp__field {
    margin-bottom: 10px;
}

.leadStarSignUp__field label {
    display: none;
}

.leadStarSignUp__field input,
.leadStarSignUp__field select {
    border-width: 0 0 1px;
    font-family: rift-soft;
    width: 100%;
    outline: none;
}

.leadStarSignUp__field select {
    background-position: right;
    border-bottom: 1px solid #767676;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.leadStarSignUp__subHead {
    background: #f0f0f0;
    color: #2176B9;
    font-weight: 400;
    padding: 3px 40px;
    margin-bottom: 6px;
}

div#autoLeadStar_signUp .modal-body {
    padding: 0;
}

.leadStarSignUp__sameAs {
    float: right;
    font-size: 12px;
}

.leadStarSignUp__sameAs label {
    margin-bottom: 0;
    line-height: 20px;
}

.leadStarSignUp__head {
    margin: 0 40px 20px;
    text-align: center;
}

#autodeal.dataTable thead .sorting_asc:after,
#autodeal.dataTable thead .sorting_asc:before {
    display: none !important;
}

.container.bodyContainerWrapper.autoLead-container,
.container.agentLead_container {
    margin-top: 100px;
    min-height: calc(100vh - 166px);
    position: relative;
}

.autoLead-container .go-to-lead {
    color: #0051A8;
}

.autoLead-container select {
    background-position-x: calc(100% - 10px);
    padding-right: 34px;
}

.autoLead-container select#make {
    margin-bottom: 20px;
    width: 240px;
}

.autoLead-container #autodeal tr th:before,
.autoLead-container #autodeal tr th:after {
    display: none;
}

.autoLead-container #autodeal tr th {
    font-weight: bold;
    pointer-events: none;
    width: auto !important;
}

.autoLead-container #autodeal tr th:first-child,
.autoLead-container #autodeal tr td:first-child {
    width: 100px !important;
}

.autoLead-container #autodeal tr th:nth-child(2),
.autoLead-container #autodeal tr td:nth-child(2) {
    width: 140px !important;
}

.autoLead-container #autodeal tr th:nth-child(4),
.autoLead-container #autodeal tr th:nth-child(5),
.autoLead-container #autodeal tr th:nth-child(6) {
    max-width: 140px !important;
    width: auto !important;
}

.autoLead-container #autoform button.btn-info {
    font-size: 20px;
    font-family: rift-soft;
    padding: 5px 20px !important;
    margin: 0px auto 50px;
    width: 250px;
    display: block;
}

.autoLead-container #autoform #autodeal+.btn-info {
    margin-top: 20px;
}

.autoLead-container div#autodeal_processing {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url('../img/dashboard/ajax-loader.gif');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    position: fixed;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 3;
    text-indent: -9999px;
}

.autoLead-container .text-success {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(100, 183, 81, 1) 25%, rgba(100, 183, 81, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(100, 183, 81, 1)), color-stop(75%, rgba(100, 183, 81, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(100, 183, 81, 1) 25%, rgba(100, 183, 81, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(100, 183, 81, 1) 25%, rgba(100, 183, 81, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(100, 183, 81, 1) 25%, rgba(100, 183, 81, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(100, 183, 81, 1) 25%, rgba(100, 183, 81, 1) 75%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    color: #fff !important;
    text-align: center;
    padding: 0 85px;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.autoLead-container .pagination .page-item.active .page-link {
    background: #3666a6 !important;
}

/*Auto Lead Star Ends*/


/*Lead report Starts*/
.dashboard__menu__link--report .dashboard__menu__icon {
    padding-top: 30px;
}

.leadReport {
    overflow: hidden;
}

.leadReport__title {
    font-family: rift-soft;
    font-size: 32px;
    text-align: center;
}

.default__leadReport .leadReport__title {
    margin-bottom: 30px;
}

.leadReport__action {
    position: relative;
    bottom: -22px;
    text-align: right;
    margin-right: 300px;
    z-index: 2;
    height: 0;
    float: right;
}

.leadReport__date {
    float: left;
    margin-right: 15px;
}

span#leadReport__date_error {
    color: #A60707;
    display: none;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 0;
    bottom: -70px;
}

.leadReport__date .fca-datepicker1 {
    border: 1px solid #777;
    font-size: 14px;
    height: 26px;
    padding: 2px 6px 0px;
    background-image: url('../img/dashboard/datepicker_icon.svg');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 4px);
    background-position-y: center;
    background-size: 16px;
    width: 140px;
    cursor: pointer;
}

.leadReport__date label {
    margin-bottom: 0;
    line-height: 18px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: left;
}

.leadReport__action .leadReport__date_go {
    float: left;
    line-height: 19px;
    font-size: 14px;
    height: 26px;
    width: 60px;
    margin-top: 19px;
}

.autoLead-container .leadReport__CSV {
    margin-bottom: 0px;
    position: relative;
    bottom: -38px;
    font-size: 14px;
    z-index: 3;
}

.leadReport .include_option {
    position: absolute;
    right: 15px;
    top: 65px;
}

.leadReport label.include_option_label {
    font-family: Roboto-light, sans-serif;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

.leadReport label.include_option_label+label.include_option_label {
    margin-left: 10px;
}

.include_option_checkbox {
    display: inline-block;
    position: relative;
}

.include_option_checkbox input {
    display: none;
}

label.include_option_label:before {
    background: #fff;
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    left: -22px;
    top: 5px;
    border: 1px solid #888;
    visibility: visible;
}

label.include_option_label:after {
    content: '';
    height: 5px;
    width: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    left: -19px;
    top: 10px;
    transform: rotate(-45deg);
    display: none;
}

.include_option_checkbox input:checked+.include_option_label:after {
    display: block;
}

.include_option_checkbox input:checked+.include_option_label:before {
    background: #4f81c3;
    border-color: #4f81c3;
}

.include_option_checkbox+.include_option_checkbox {
    margin-left: 35px;
}

.leadReport .dataTables_wrapper td .gcss-button {
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    height: 30px;
    width: 30px;
}

.leadReport .dataTables_wrapper td .gcss-button.delBtn {
    margin-top: 10px;
}

.leadReport .dataTables_wrapper .row {
    margin: 0;
}

.leadReport .dataTables_wrapper .row .col-sm-12 {
    padding: 0;
}

.leadReport .dataTables_wrapper thead tr:first-child th {
    background-color: #456e76;
    color: #fff;
    line-height: 16px;
    font-family: rift-soft, sans-serif;
}

.leadReport .dataTables_wrapper thead tr:first-child th.sorting_disabled {
    cursor: default;
}

.leadReport .dataTables_wrapper thead tr:last-child th {
    cursor: default;
    padding: 14px 5px;
}

.leadReport .dataTables_wrapper thead tr:last-child th input {
    max-width: 100%;
    padding: 0px 3px;
    width: 100%;
    height: 30px;
}

.leadReport .dataTables_wrapper thead tr:last-child th input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.leadReport .dataTables_wrapper thead tr:last-child th input#search_email {
    min-width: 150px;
}

.leadReport .dataTables_wrapper thead tr:last-child th input#search_make {
    width: 70px;
}

.leadReport .dataTables_wrapper thead tr:last-child th input#search_vin {
    min-width: 160px;
}

.leadReport .dataTables_wrapper .dataTable tr td.editDel,
.leadReport .dataTables_wrapper .dataTable tr td:last-child {
    min-width: 30px;
    padding: 10px;
}

.leadReport .dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
    font-weight: 400;
    min-width: 70px;
}

.leadReport .dataTables_wrapper .dataTable thead tr th.editDel,
.leadReport .dataTables_wrapper .dataTable thead tr th:last-child {
    min-width: 30px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 30px !important;
}

.leadReport .dataTables_wrapper .dataTable tr td:nth-child(3) {
    word-break: break-all;
}

.leadReport .dataTables_wrapper .dataTable:not(#pendingLeadDataTable) tr th:nth-child(5),
.leadReport .dataTables_wrapper .dataTable:not(#pendingLeadDataTable) tr td:nth-child(5) {
    max-width: 100px;
}

.leadReport .dataTables_wrapper .dataTable tr td {
    padding: 10px 5px;
    line-height: 16px;
}

.leadReport .dataTables_wrapper .dataTable {
    margin-top: 15px;
    max-width: 100%;
    width: 100% !important;
}

.leadReport .dataTables_wrapper {
    overflow: hidden;
}

.autoLead-content .pagination .page-item.disabled .page-link,
.leadReport .pagination .page-item.disabled .page-link {
    color: #525252;
    /*display: none;*/
}

/*.autoLead-content  .pagination #leadDataTable_ellipsis.page-item.disabled .page-link,
.leadReport .pagination #leadDataTable_ellipsis.page-item.disabled .page-link {
    display: block;
}*/

#leadDataTable_wrapper div#leadDataTable_info {
    position: relative;
    width: 100%;
}

body .autoLead-content .pagination .page-item.active .page-link,
body .leadReport .pagination .page-item.active .page-link {
    background-color: #4F74BA !important;
}

#lead_details table td {
    padding: 5px !important;
}

#lead_details table tr td:nth-child(1) {
    font-weight: 500;
    min-width: 200px;
}

#lead_details table tr td:nth-child(2) {
    font-weight: 400;
}

#exampleModal .modal-title,
.leadTable_header {
    font-family: rift-soft;
    font-weight: bold !important;
}

.leadTable_header {
    font-size: 18px;
}

#exampleModal .modal-title {
    padding-left: 15px;
}

.leadReport__pending {
    float: left;
    height: 0;
    position: relative;
    z-index: 1;
}

.agent__leadReport__pending .leadReport__pending {
    top: 25px;
}

.leadReport__pendingCounts {
    display: inline-block;
    font-size: 16px;
    font-family: 'Oswald-Light';
}

.leadReport__pendingCounts a {
    display: block;
    color: #4273b5;
    line-height: 22px;
    position: relative;
    margin-right: 10px;
}

.leadReport__pendingCounts a:before {
    content: "";
    width: 10px;
    height: 10px;
    border: solid #8f0c2c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    transition: all .5s;
    margin-top: 7px;
    position: absolute;
    right: -12px;
}

.leadReport__pendingCounts+.leadReport__pendingCounts {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #333;
}

.leadReport__msg {
    color: #333;
    font-size: 13px;
    font-weight: 500;
}

.leadReport__msg span {
    color: #d10424;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .leadReport__date .fca-datepicker1 {
        padding-top: 0;
        line-height: 26px;
    }
}

/*Lead report Ends*/
/*Agent Login Starts*/
.dealeradmin-body .header-scroll {
    overflow: hidden;
}

.agentLead_container {
    position: relative;
}

.right-menu-field ul.list-inline {
    overflow: hidden;
}

.right-menu-field ul.list-inline li {
    float: right;
}

.right-menu-field ul.list-inline li:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 67px;
    /* width: calc(100% - 90px); */
}

.right-menu-field li.logout-link.header-link a {
    margin-top: 10px;
    padding-top: 10px !important;
}

.right-menu-field li.logout-link .logout-anchor:before {
    margin-right: 18px;
}

.right-menu-field li.logout-link .dealer-name-anchor {
    padding: 0 15px 0 0 !important;
    text-align: right;
    line-height: 1.2;
}

.autoLead-container .backToList,
.agentLead_container .backToList {
    color: #4273b5;
    line-height: 22px;
    left: 15px;
    position: absolute;
    text-transform: uppercase;
    font-family: rift-soft;
    font-size: 20px;
    padding-left: 15px;
    z-index: 19;
    top: 0;
}

.autoLead-container .backToList:before,
.agentLead_container .backToList:before {
    content: "";
    width: 10px;
    height: 10px;
    border: solid #8f0c2c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all .5s;
    margin-top: 6px;
    position: absolute;
    left: 3px;
}

.header-link a:after {
    content: "";
    width: 10px;
    height: 10px;
    border: solid #8f0c2c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    transition: all .5s;
    margin-top: 9px;
    position: relative;
    right: -3px;
}

.header-link a:hover {
    background: none !important;
}

.agentLead__title {
    font-family: rift-soft;
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}


/* //////////////////// ALST vip 2 login access process START //////////////// */
form#alst_onboard_frm {
    width: 500px;
    margin: 0 auto 50px;
}

form#alst_onboard_frm .form-field {
    text-align: left;
    margin-bottom: 15px;
}

form#alst_onboard_frm .form-field label {
    font-family: rift-soft;
    display: block;
    margin-bottom: 0;
}

form#alst_onboard_frm .form-field label span {
    color: red;
}

form#alst_onboard_frm .form-field input {
    height: 32px;
    line-height: 20px;
    width: 100%;
    padding: 5px 5px;
}

form#alst_onboard_frm .form-field select {
    height: 30px;
    border: 1px solid #767676;
    box-shadow: none;
    width: 100%;
    cursor: pointer;
    background-position-x: calc(100% - 10px);
}

form#alst_onboard_frm .form-field span.error {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: block;
    line-height: 16px;
    position: absolute;
    left: 15px;
    bottom: -17px;
}

form#alst_onboard_frm .agentLead__buttons {
    margin-top: 20px;
    text-align: center;
}

form#alst_onboard_frm .agentLead__buttons .gcss-button {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    width: 220px;
}

/* //////////////////// ALST vip 2 login access process END //////////////// */

form#create_agentlead_form {
    width: 500px;
    margin: 0 auto 50px;
}

form#create_agentlead_form .backToList {}

form#create_agentlead_form .form-field {
    text-align: left;
    margin-bottom: 15px;
}

form#create_agentlead_form .form-field label {
    font-family: rift-soft;
    display: block;
    margin-bottom: 0;
}

form#create_agentlead_form .form-field label span {
    color: red;
}

form#create_agentlead_form .form-field input:not([type='radio']) {
    height: 32px;
    line-height: 20px;
    width: 100%;
    padding: 5px 5px;
}

form#create_agentlead_form .form-field select {
    height: 30px;
    border: 1px solid #767676;
    box-shadow: none;
    width: 100%;
    cursor: pointer;
    background-position-x: calc(100% - 10px);
}

form#create_agentlead_form .form-field textarea {
    height: 128px;
    width: 100%;
    resize: none;
    line-height: 20px;
    padding: 5px 5px;
}

form#create_agentlead_form .form-field span.error {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: block;
    line-height: 16px;
    position: absolute;
    left: 15px;
    bottom: -17px;
}

form#create_agentlead_form .agentLead__buttons {
    margin-top: 20px;
    text-align: center;
}

form#create_agentlead_form .agentLead__buttons .gcss-button {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    width: 220px;
}

.agent__leadReport .leadReport__title {
    margin-bottom: 30px;
}

.agent__leadReport .leadReport__action {
    bottom: -3px;
}

#leadAgentDataTable_wrapper .dataTables_filter label,
#pendingLeadDataTable_wrapper .dataTables_filter label {
    margin-bottom: 0;
    margin-top: 10px;
}

/*Agent Login Ends*/
.autolead-star-signup {
    width: 100%;
}

.header-scroll .logoimagewrapper .imageFrame {
    display: inline-block;
    width: auto;
}

.header-scroll .logoimagewrapper img {
    max-height: 50px;
    margin-top: 3px;
}

.incentive_label_text {
    color: #000;
}

/*FAQ popup Starts*/

.paypal-service .FAQ_trigger {
    font-family: oswald-light;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: -14px;
}

div#FAQ_popup {
    padding-left: 0 !important;
}

div#FAQ_popup .modal-header {
    border: none;
}

div#FAQ_popup .modal-header .close {
    margin: 0;
    right: 15px;
    top: 15px;
}

div#FAQ_popup .modal-dialog {
    max-width: 80%;
}

div#accordionFQA {
    margin: 0 20px 20px;
}

div#accordionFQA h4 {
    font-weight: 400;
    margin-bottom: 20px;
}

div#accordionFQA .card-header .btn {
    font-weight: 500;
    margin: 0;
    padding: 0;
    position: static;
}

div#accordionFQA .card-header .btn i.fa-angle-down {
    color: #666;
    font-size: 26px;
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 17px;
}

div#accordionFQA .card-header .btn:not(.collapsed) i.fa-angle-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

div#accordionFQA .card-body {
    font-size: 14px;
    line-height: 1.5;
}

div#accordionFQA .card-body ul {
    margin-bottom: 0;
}

/*FAQ popup Ends*/
/*Lender desk fix starts*/
.calc_incentives_desc .list-group li {
    overflow: hidden;
    padding-left: 45px;
}

.calc_incentives_desc .customCheckBox {
    float: left;
    font-weight: 400;
    padding-left: 0;
    line-height: 20px;
    max-width: calc(100% - 80px);
}

.calc_incentives_desc .noCheck_li p {
    float: left;
    line-height: 20px;
    position: relative;
    max-width: calc(100% - 80px);
}

.calc_incentives_desc .customCheckBox .incentive_label_text img,
.calc_incentives_desc .noCheck_li p img {
    left: -20px;
    position: absolute;
    top: 0;
}

.calc_incentives_desc .customCheckBox input[type=checkbox]+span {
    position: absolute;
    left: -45px;
    top: -2px;
}

#payment-calculator-modal .list-group.reg li {
    position: relative;
    margin-bottom: 6px;
}

#payment-calculator-modal .list-group.reg li .badge.disclaimer {
    position: absolute;
    right: 55px;
    top: 0;
}

.calc_incentives_desc .customCheckBox span.incentive_label_text {
    display: block;
}

#payment-calculator-modal .list-group.reg li.noCheck_li>span {
    display: block;
}

.calc_offers_desc label.customCheckBox {
    max-width: calc(100% - 80px);
}

/*Lender desk fix ends*/

/*Disclaimer Message starts*/
.disclaimerMessage {
    position: fixed;
    bottom: 0;
    background: #000;
    padding: 15px;
    right: 20px;
    width: 474px;
    opacity: .8;
    z-index: 9999;
    color: #fff;
    /* z-index: 10; */
}

.disclaimerMessage p {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-right: 12px;
}

.disclaimerMessage .closeDisclaimer {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*Disclaimer Message ends*/

.sampleText a {
    background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/tutorial.png) no-repeat;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: underline;
}

.sampleText a::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: blue;
    position: absolute;
    bottom: -9px;
}

.discount-space.disclaimer-discount {
    position: relative;
}

.discount-space.disclaimer-discount label.disclaimer-label {
    display: block;
    line-height: 1;
    font-size: 13px;
    margin-bottom: 4px;
}

.discount-space.disclaimer-discount textarea#disclaimer {
    resize: none;
    width: 100%;
}

.discount-space.disclaimer-discount .disclaimer_error.bulk-error {
    left: 10px;
    bottom: 28px;
}

.discount-space.disclaimer-discount .disclaimer_error_asterisk.bulk-error {
    left: 75px;
    bottom: 108px;
}

h4.dealer-discount {
    padding: 0 !important;
    position: relative;
}

.dealer-discount img {
    margin-right: 10px;
}

.dealer-discount span.badge.disclaimer {
    position: absolute;
    right: 55px;
}

.dealer-discount span b {
    font-family: robotoregular;
    font-weight: 400;
}

/*Maserati Design Starts*/
.masLogo {
    padding: 2px 5px 6px;
    background: #000;
    margin-top: 7px;
}

.filter-section .mat-tab-label .mat-tab-label-content {
    color: #737373;
}

.search-result-field #gridTableContainer_wrapper>.row>.col-sm-12.col-md-6 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.search-result-field #gridTableContainer_wrapper>.row>.col-sm-12.col-md-6+.col-sm-12.col-md-6 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

#userListTable_length label {
    display: block;
}

#userListTable_length label select,
#reservedListTable_length label select {
    padding: 4px 5px;
    width: 57px;
    text-align: center;
}

.switchLabel.ActiveText {
    color: #20710c;
    font-weight: 600;
}

/* color palete */

.color_top {
    display: flex;
    justify-content: space-between;
}

.color_top .customCheckBox {
    font-weight: normal;
    padding-left: 25px;
}

.color_top .customCheckBox.all_colors {
    color: #777;
}

.colorBlock+.colorBlock {
    margin-top: 10px;
}

.color_filter {
    margin: 0;
    padding: 0;
}

.filterAttrs .color_filter ul {
    max-height: none;
}

.color_filter ul li {
    display: inline-block;
    float: none;
    margin: 5px auto;
    padding: 0 5px;
    width: auto;
}

.color_filter ul li label {
    display: block;
    padding-left: 0;
    padding-top: 55px;
    text-align: center;
    min-width: 50px;
}

.color_filter ul li input+span {
    display: block;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 100;
    margin-top: 5px;
}

body .color_filter ul li .customCheckBox span:before,
body .color_filter ul li .customCheckBox span:after {
    display: none;
}

.color_filter ul li span+span {
    height: 50px;
    position: absolute;
    width: 50px;
    top: 0;
    left: 0;
}

.color--black span+span {
    background: linear-gradient(to bottom right, #494949, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1b1b1b', GradientType=0);
}

.color--blue span+span {
    background: linear-gradient(to bottom right, #004c7a, #001d2e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c7a', endColorstr='#001d2e', GradientType=0);
}

.color--brown span+span {
    background: linear-gradient(to bottom right, #8b5b45, #301e11);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b5b45', endColorstr='#301e11', GradientType=0);
}

.color--gray span+span {
    background: linear-gradient(to bottom right, #737373, #2b2b2b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#2b2b2b', GradientType=0);
}

.color--green span+span {
    background: linear-gradient(to bottom right, #217b1c, #0c2e0b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217b1c', endColorstr='#0c2e0b', GradientType=0);
}

.color--red span+span {
    background: linear-gradient(to bottom right, #fc3c29, #601710);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc3c29', endColorstr='#601710', GradientType=0);
}

.color--silver span+span {
    background: linear-gradient(to bottom right, #ebeff1, #999a9b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebeff1', endColorstr='#999a9b', GradientType=0);
}

.color--white span+span {
    background: linear-gradient(to bottom right, #fff, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eaeaea', GradientType=0);
}

.color--yellow span+span {
    background: linear-gradient(to bottom right, #f1e154, #5b5520);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e154', endColorstr='#5b5520', GradientType=0);
}

.color--other span+span {
    background-image: url(../images/other_color.png);
}

.color_filter .customCheckBox input[type=checkbox]:checked+span+span:before {
    display: block;
    content: '';
    position: absolute;
    top: 17px;
    left: 12px;
    width: 26px;
    height: 24px;
    background: url(../img/big_tick.svg) no-repeat;
}

div#verifyDataCount table#vdcTable thead tr,
div#auditVerification table#auditDataTable thead tr {
    background-color: #424242;
    color: #fff;
}

div#verifyDataCount table#vdcTable tr,
div#auditVerification table#auditDataTable tr {
    line-height: 0px;
    border: 1px solid #636363;
}

div#verifyDataCount table#vdcTable td,
div#auditVerification table#auditDataTable td {
    padding: 15px;
    border: 1px solid #636363;
    color: #000;
}

div#verifyDataCount table#vdcTable th,
div#auditVerification table#auditDataTable th {
    border: 1px solid #636363;
}

.leadReport .dataTables_wrapper #chatAgentDataTable.dataTable thead tr th:last-child,
.leadReport .dataTables_wrapper #weeklyChatAgentDataTable.dataTable thead tr th:last-child,
.leadReport .dataTables_wrapper #leadSubmissionDataTable.dataTable thead tr th:last-child,
.leadReport .dataTables_wrapper #dealerwiseReservationDataTable.dataTable thead tr th:last-child,
.leadReport .dataTables_wrapper #incentivesDataTable.dataTable thead tr th:last-child {
    width: auto !important;
}

.leadReport .dataTables_wrapper #dealerwiseReservationDataTable.dataTable thead tr th {
    padding-right: 25px;
    padding-left: 10px;
}

#auditVerification {
    display: none;
}

#weeklycount {
    display: none;
}

#serviceProtectionDiv {
    display: none;
}

#dealerwiseReservation {
    display: none;
}

#incentivesDiv {
    display: none;
}

/*Maserati Design Ends*/
/*Analytics report starts*/
#dealerwiseReservationDataTable .flag_name {
    display: inline-block;
    width: 48px;
}

 #dealerwiseReservationDataTable .flag_name.flag_name--tradeIn {
    width: 38px;
 }

.dataTable th.sorting,
.dataTable th.sorting_desc,
.dataTable th.sorting_asc {
    cursor: pointer;
}
/*Analytics report ends*/

/*Grecale reservation starts*/
.grecaleTable_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.grecaleTable_header h3 {
    margin-bottom: 0;
}

.grecaleTable_action .btn {
    font-size: 14px;
    margin-left: 15px;
    padding: 8px 20px !important;
    width: auto;
}

.grecaleTable_action {
    font-weight: normal;
    font-size: 20px;
}

table.userList-table.grecale_reservationTable  thead th.th__sort {
    line-height: 1;
    min-width: 130px;
    vertical-align: middle;
}

table.userList-table.grecale_reservationTable thead .sorting:before,
table.userList-table.grecale_reservationTable thead .sorting:after,
table.userList-table.grecale_reservationTable thead .sorting_asc:before,
table.userList-table.grecale_reservationTable thead .sorting_asc:after,
table.userList-table.grecale_reservationTable thead .sorting_desc:before,
table.userList-table.grecale_reservationTable thead .sorting_desc:after {
    top: 16px;
}

#userListTable_length label select, 
#reservedListTable_length label select {
    background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/arrow.png)
        45px no-repeat #fff;
    padding: 4px 20px 4px 15px;
    width: 70px;
    text-align: left;
}

/*Grecale reservation ends*/

.ui-slider .ui-slider-handle.overlap {
    z-index: 10;
}

table#leadDataTable input::placeholder {
    font-size: 8px;
}

table#leadDataTable input#search_lead_source::placeholder {
    font-size: 7px !important;
}
table#leadDataTable thead tr th:last-child {
    min-width: 71px !important;
}

table#leadDataTable .leadReport .dataTables_wrapper .dataTable tr td {
    padding: 10px 5px;
    line-height: 16px;
    max-width: 23px !important;
    overflow-x: auto important;
}

/* table#leadDataTable  .leadReport .dataTables_wrapper .dataTable tr td {
    max-width: 30px important ;
    overflow: auto !important;
} */


.leadReport .dataTables_wrapper .dataTable tr td {
    overflow: auto;
    max-width: 0px;
}


table#reservedListTable thead th.th__sort{
    cursor: pointer;
    min-width: auto !important;
    padding-right: 26px;
    position: relative;
}