.alert {
    font-size: 70%;
    padding: 0px 4px 0px 4px !important;
    background: none !important;
    color: red !important;
    border: none !important;
    margin-bottom: 0px !important;
}
#modalMarketing label {
    font-size: 80% !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    xbackground-color: red;
    xdisplay: block;
    xvertical-align: middle !important;
    font-weight: 600;
    line-height: 15px !important;
}


.dt-report-buttons .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

#divreports .dtscroller {
    background-color: white;
    xborder-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 10px;
}

#tabsr {
    margin-top: 0px !important;
}

#divreports .dt-buttons {
    text-align: right;
}


#dtreport_filter {
    display: none;
}

.dataTable tr:first-child th {
    padding-right: 20px !important;
}

.dataTable th,
.dataTable td {
    white-space: nowrap;
}

.dataTable input {
    width: 100%;
}

.dataTable thead th {
    padding: 2px !important;
    font-size: 90%;
    font-weight: 600 !important;
}

.dataTable tr td {
    width: 10px !important;
    font-size: 12px;
    xwhite-space: nowrap;
}


table.dataTable tfoot td.dt-body-right {
    text-align: right
}

.table-filters .input-group {
    max-width: 180px;
}

.clear-date {
    padding: 0px 10px 0px 10px;
    font-weight: 600;
    border: none;
    background: none;
    color: grey;
    font-size: 12px;
}

@media (min-width: 768px) {
    .table-filters label {
        font-size: 80% !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        font-weight: 600;
        line-height: 15px !important;
    }
}

.table-filters label {
    font-size: 80% !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    xbackground-color: red;
    xdisplay: block;
    xvertical-align: middle !important;
    font-weight: 600;
    line-height: 15px !important;
}

.table-filters .row {
    margin-bottom: 2px !important;
}

.table-filters {
    padding-top: 10px;
    background-color: rgb(232 232 232 / 50%);
    padding-bottom: 0PX;
    border-radius: .4rem;
    border: thin solid #e4e4e4;
}


#repairdiagnosis {
    height: 80px !important;
}

#lblodometerkms {
    margin-bottom: -15px;
    margin-top: -3px;
}

.card label {
    font-size: 80% !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    xbackground-color: red;
    xdisplay: block;
    xvertical-align: middle !important;
    font-weight: 600;
    line-height: 15px !important;
}

#modalClaim label {
    font-size: 80% !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    font-weight: 600;
    line-height: 15px !important;
}

.cancel-uncancel {
    text-transform: capitalize;
    font-weight: 600;
}

#_cancelled {
    color: red;
}

[type=date] {
    width: 140px;
}

.col-form-label {
    margin-top: 5px;
}

#contractfile,
#invoicefile,
#emailfile {
    font-size: 80%;
}

#claims .dt-buttons {
    display: inline-block !important;
    width: 200px;
}

#expires {
    display: inline;
    width: 200px;
}

#dtcontracts thead tr th:first-child input {
    width: 100% !important;
}

.dtscroller {
    overflow-y: auto;
}

#dtclaims tr td {
    width: 10px !important;
    font-size: 12px;
    white-space: nowrap;
}

#dtclaims table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px !important;
    border-bottom: 1px solid #111;
}

#dttransactions tr td {
    width: 10px !important;
    font-size: 12px;
    white-space: nowrap;
}

#dttransactions table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px !important;
    border-bottom: 1px solid #111;
}

@media (min-width: 768px) {
    .form-control-sm {
        height: calc(1em + .375rem + 4px) !important;
        padding: .125rem .25rem !important;
        font-size: .75rem !important;
        line-height: 1.5;
        border-radius: .2rem;
    }

    .card label {
        font-size: 80% !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        font-weight: 600;
        line-height: 15px !important;
    }
}


#dtclaims, #maintable, #maindiv, .LogoWidth, tablex, tdx, #dttransactions_wrapper {
    width: 100% !important;
    max-width: 1200px;
    font-size: 14px;
    white-space: nowrap;
}

#tabsContent {
    background-color: white;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 10px;
}

.card-body {
    background-color: #ffffd5;
}

.table-menu {
    /* margin-bottom: 20px; */
}

#dtcontracts tr td:nth-child(13),
#dtcontracts tr td:nth-child(14),
#dtcontracts tr td:nth-child(15) {
    text-align: right;
    padding-right: 10px;
}

#dtcontracts th {
    padding-right: 20px !important;
}

#dtcontracts th,
#dtcontracts td {
    white-space: nowrap;
}

#dtcontracts input {
    width: 100%;
}

tfoot {
    font-weight: 700;
    color: red;
}

.btn-excel {
    xfloat: right;
    color: green;
    margin-left: 10px;
}

.contractviewer thead th {
    padding: 2px !important;
    font-size: 90%;
    font-weight: 600 !important;
}

.contractviewer {
    overflow-y: auto;
}

.dataTables_length,
#dtcontracts_filter {
    display: none;
}

.table-menu .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.dataTables_scrollHeadInner thead th {
    padding: 5px !important;
}

.product-section {
    text-align: center;
}

    .product-section * {
        text-align: left;
    }

.iloading {
    color: red;
}

#btnsave {
    display: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#modalMessage .modal-body {
    min-height: 400px;
}

.unread td {
    font-weight: 700;
    color: #960000;
}

#dtalerts_filter,
#dtalerts_filter label {
    width: 100% !important;
}

    #dtalerts_filter input {
        font-size: 14px;
    }

#dxtalerts tr td:hover {
    background-color: #03ff0354;
    cursor: pointer;
}


#dtproducts_filter,
#dtproducts_filter label {
    width: 100% !important;
}

    #dtproducts_filter input {
        font-size: 14px;
    }

#dtproducts tr td:hover {
    background-color: #03ff0354;
    cursor: pointer;
}

::-webkit-input-placeholder { /* Edge */
    color: #c2c3c4 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c2c3c4 !important;
}

::placeholder {
    color: #c2c3c4 !important;
}

#db_dealername {
    display: block;
    line-height: 10px;
    margin-bottom: 5px !important;
    font-weight: normal;
}

.badge-counter {
    position: absolute;
    transform: scale(.7);
    transform-origin: top right;
    margin-top: -.25rem;
}

#dtcontracts tr td:nth-child(1):not(.dataTables_empty) {
    cursor: pointer;
}

#dtcontracts tbody tr td:nth-child(1):not(.dataTables_empty):before {
    content: '\f15c';
    color: #4b8ed2;
    transition: all .25s;
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    position: relative;
    margin-right: 5px;
}

#dtcontracts tr td:nth-child(1):not(.dataTables_empty):hover {
    xbackground-color: #03ff0354;
}

#modalContracts .btn {
    width: 100% !important;
    margin-bottom: 10px;
}

#lblodometerkms:before {
    content: '(';
}

#lblodometerkms:after {
    content: ' Kms)';
}

#lblodometerkms {
    font-style: italic;
    font-size: 70% !important;
    color: #585858;
}

.padlock.unlock:hover {
    cursor: pointer;
}

.padlock:after {
    width: 30px;
    height: 30px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f023";
    font-weight: 900;
    position: absolute;
    right: 0px;
    margin-right: 10px;
    margin-top: 6px;
    color: #cecece;
}

.card.disabled {
    background-color: #e9ecef5e !important;
    color: #8c8c8c;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.06);
}

[type=search] {
    height: calc(1em + .375rem + 4px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.invalid, .missing {
    border: 1px solid #ff5757 !important;
    background-color: #faffba !important;
}

.btn-nationwide {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    background-color: #fed136 !important;
    border-color: #fed136 !important;
    color: #191919 !important;
    font-weight: 600 !important;
}

#btncontractX {
    position: absolute;
    left: 5px;
    top: 0px;
    margin-top: -40px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    xbackground-color: #fed136 !important;
    xborder-color: #fed136 !important;
    xcolor: #191919 !important;
    font-weight: 600 !important;
}

.col-lg-4, .col-lg-12 {
    padding: 5px !important;
}

.card {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.card-body {
    padding-top: 10px !important;
}

.card:last-child {
    margin-bottom: 20px;
}

#dtcontracts table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px !important;
    border-bottom: 1px solid #111;
}

#dtcontracts {
    margin-bottom: 30px;
    border-bottom: none;
}

.progress {
    display: none;
    position: fixed !important;
    height: 100% !important;
    top: 0;
    left: 0;
    width: 100% !important;
    background: rgba(1,2,1,.1) !important;
    z-index: 999999999;
}

    .progress .spinner-border {
        display: block !important;
        margin: 20% auto;
    }

#db_vin.vin-found + span {
    display: block;
    position: absolute;
    z-index: 999999;
    top: 0;
    xbackground-color: orange !important;
    right: 20px;
    color: green;
}

#db_vin + span {
    display: none;
}

option:disabled {
    background-color: #e8e8e8 !important;
    color: #bbbbbb;
}

select option:disabled {
    display: none;
}

.vin-spinner {
    position: absolute;
    left: 22px;
    top: 3px;
    margin-right: 34px !important;
}

#db_vin {
    text-transform: uppercase !important;
}

@media (max-width: 992px) {
    #btncontract {
        position: relative;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .card {
        margin-bottom: 20px;
    }

    .vin-spinner {
        top: 8px;
    }
}


#db_vin {
    text-transform: uppercase !important;
}

@media (min-width: 992px) {

    [for=db_odometer] {
        white-space: nowrap;
    }

    .form-control-smx {
        height: calc(1em + .375rem + 4px) !important;
        padding: .125rem .25rem !important;
        font-size: .75rem !important;
        line-height: 1.5;
        border-radius: .2rem;
    }

    main > .container {
        padding: 0px !important;
    }

        main > .container .col-lg-4 {
            /* padding: 5px !important; */
        }





    .card label {
        font-size: 80% !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        xbackground-color: red;
        xdisplay: block;
        xvertical-align: middle !important;
        font-weight: 600;
        line-height: 15px !important;
    }
}



.card .form-group {
    margin-bottom: 3px !important;
}

#db_notes {
    resize: none;
    width: 100%;
    height: 150px !important;
}


Xtable.dataTable thead:nth-child(1) th {
    padding-right: 14px !important;
}

.navbar-brand {
    margin-left: -15px;
}

.dataTables_processing {
    height: 120px !important;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: normal;
    text-align: left;
    color: grey;
}

#maintable, #maindiv, .LogoWidth, tablex, tdx, #dtcontracts_wrapper {
    width: 100% !important;
    max-width: 1200px;
    font-size: 14px;
}


#dtcontracts tr td {
    width: 10px !important;
    font-size: 12px;
    xwhite-space: nowrap;
}

#dtproducts tr td {
    width: 10px !important;
    font-size: 12px;
    white-space: nowrap;
}








.card textarea {
    resize: none;
    width: 100%;
}

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

    .navbar img {
        height: 45px;
        margin-left: 5px;
    }

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.nw-section {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

body {
    padding-top: 70px !important;
}