.elementsReadonly {
    pointer-events: none;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: fordngbs-antenna, verdana, sans-serif;
    color: rgb(51,51,51);
    font-size: 13px;
}

.desktopVersion .FD_fluid_res_table .fl-block-text {
    width: 50% !important;
}

.desktopVersion .FD_fluid_res_table tr td .fl-block-input {
    width: 48% !important;
}

.border-ql {
    border: 1px solid #333;
}

.full-widthpopup .container {
    width: 100%;
}

.scheduledMaintenanceKmsInput {
    border-bottom: 1px solid #261a15;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 21%;
}

.width77px {
    width: 100%;
    z-index: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .desktopVersion .hours .form-control {
        padding: 0px !important;
    }

    .full-widthpopup .uib-separator {
        top: -7px;
        position: relative;
    }

    .desktopVersion td.same-width {
        width: 50% !important;
    }

    .full-widthpopup .clrwhite, .full-widthpopup .indiacte-ser {
        width: 10px !important;
    }

    .regular-checkbox + label.small-yellow, .regular-checkbox + label.small-green, .regular-checkbox + label.small-red {
        margin: 0px 2px !important;
    }

    .desktopVersion .indiacte-ser.clrwhite {
        padding: 0px !important;
        width: 89px !important;
    }

    .desktopVersion .fact_spec {
        min-height: 20px;
    }

    .vrc-fullwidth [readonly].form-control {
        background-color: #ffffff;
    }

    .desktopVersion .ser-width {
        width: 60px !important;
    }

    .nextMaintenanceDateInput {
        background-color: #fff;
    }
}

.tireBreakGreen {
    background: #23b24b;
    color: #fff;
}

.tireBreakRed {
    background: #ee1d23;
    color: #fff;
}

.border-ql-pd {
    padding: 10px;
    text-align: center;
    min-height: 40px;
    border-left: 1px solid #333;
}

@-moz-document url-prefix() {
    .desktopVersion .tire-wear-indicates {
        border-left: 1px solid #fff;
    }

    .desktopVersion .indiacte-ser {
        width: 0.1%;
    }
}

.border-ql-pd1 {
    padding: 10px;
    text-align: center;
    min-height: 53px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
}

    .border-ql-pd1:last-child, .border-ql-pd:last-child {
        border-right: 1px solid #333;
    }

.tireBreakYellow {
    background: #fff101;
}

.top-head {
    padding: 5px 0px;
}

.whiteColorText {
    color: #fff;
}

.full-widthpopup .border_table {
    width: 100%;
}

.ford-logo {
    margin-top: 12px;
}

.top-menu {
    border: 2px solid #261a15;
    border-radius: 0px;
    margin-bottom: 30px;
}

    .top-menu h3 {
        text-align: center;
        color: #fff;
        margin: 0px;
        padding: 10px;
    }

.bottom-table h3 {
    text-align: center;
    color: #fff;
    margin: 0px;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 600;
}

td.text-half span {
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;
    position: relative;
}

th.yash {
    border-right: 1px solid #333;
}

.tire-wear-right td.text-half {
    width: 100%;
}

.tire-wear-right .width20px {
    width: 90px;
}

table.table.tire-wear-indicates {
    font-size: 13px;
    border-right: none;
}

.full-widthpopup .tire-wear-indicates {
    width: 100%;
}

.break_lining {
    width: 75%;
    float: right;
    position: relative;
    top: 7px;
}

.full-widthpopup .break_lining {
    width: 68%;
    float: right;
    position: relative;
    top: 7px;
}

.copyright {
    font-size: 12px;
    border-top: 1px solid #261a15;
    text-align: center;
}

.full-widthpopup .vrc-fullwidth {
    width: 100%;
}

.form-control.form-field {
    height: auto;
    padding: 0px;
}

.tire-treadfont13 {
    font-size: 13px;
}

.maintenance-appointment {
    border: 1px solid #333;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

span.customer-declinedfont18 {
    font-size: 16px;
}

.next-maintenance input, .customer-ignature input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #261a15;
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 10px 5px !important;
}

h4.red-text {
    color: #ee1d23;
    font-size: 15px;
}

h3.red-text {
    color: #ee1d23;
    font-size: 15px;
    text-align: left !important;
}

input:focus {
    background: #fff;
    box-shadow: none !important;
}

i.fa.fa-leaf {
    color: #23b24b;
    /*margin-left: 8px;*/ font-size: 18px;
}

td.same-width {
    width: 41%;
}

.col-md-8.Tire-Wear {
    width: 68%;
}

.tire-treadfont12 {
    font-size: 12px;
}

span.span-mall {
    margin: 10px;
}

.next-maintenance {
    text-align: center;
    font-size: 13px;
}

.width77px {
    width: 32%;
}

.maintenance-appointment h4 {
    padding: 10px;
    background: #7b939f;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.tire-tread {
    width: 68% !important;
}

input.tire-depth {
    border-bottom: 1px solid #261a15;
    width: 22px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.desktopVersion td.box {
    border-left: 1px solid #333 !important;
    width: 77px;
}

.margin-btm {
    margin-bottom: 20px;
}

input.Service-Advisor {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #261a15;
    border-radius: 0px;
}

.Checked-fields {
    padding: 60px 10px 30px;
    font-size: 13px;
}

.serviced {
    width: 10%;
}

.exterior-body h3 {
    background: #005a9c;
    padding: 5px;
    color: #fff;
    margin: 0px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

span.engine-air1 {
    width: 88%;
    position: relative;
    float: right;
    top: 8px;
}

input.cranking-amps {
    border-bottom: 1px solid #261a15;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 20%;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    margin: 4px 5px;
    top: 2px;
}

.vrc-fullwidth .table > thead > tr > th, .vrc-fullwidth .table > tbody > tr > th, .vrc-fullwidth .table > tfoot > tr > th, .vrc-fullwidth .table > thead > tr > td, .vrc-fullwidth .table > tfoot > tr > td {
    padding: 4px;
}

.exterior-body {
    border: 1px solid #261a15;
    clear: both;
}

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

.nopadding {
    padding: 0 !important;
}


.form-One input.form-field, form.service-provider input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #261a15;
    border-radius: 0px;
}

.form-field.col-md-6, label.col-md-3 {
    padding: 0px;
}

.form-One label {
    margin-bottom: 0px;
}

.schedule_maintainance_table, .schedule_maintainance_table tbody tr td, .schedule_maintainance_table tr td {
    border: 1px solid #261a15;
}

th.blue {
    background: #005a9c;
    color: #fff;
}

table.table.fluid_levels tr td {
    border: none;
}

.desktopVersion td.brakeWearPosition table tr td {
    padding: 6px 0px 4px;
    border-bottom: none !important;
    border-left: none !important;
}

.textcenter {
    text-align: center;
}

table.border_table tr td:last-child {
    border-right: none;
}

.plr4 {
    padding: 0px 4px !important;
}

.desktopVersion table.white-space {
    border: none !important;
}

.desktopVersion .table > thead > tr > th, .desktopVersion .table > tbody > tr > th, .desktopVersion .table > tfoot > tr > th, .desktopVersion .table > thead > tr > td, .desktopVersion .table > tbody > tr > td, .desktopVersion .table > tfoot > tr > td {
    padding: 4px;
}

.desktopVersion .due-input {
    width: 15%;
}

.desktopVersion .tire-wear-right {
    width: 32%;
    margin-right: -1px;
}

.desktopVersion table.border_table {
    width: 100%;
}

td.duelastclm table tr td {
    border: none;
    padding: 4px;
}

.desktopVersion .duetext {
    width: 66%;
}

.desktopVersion .Tire-Wear {
    width: 65%;
}

.desktopVersion table.break-indicates {
    border-top: none !important;
}

.desktopVersion .tire-wear-right .width20px {
    width: 60px;
}

.desktopVersion .mt-7 {
    position: relative;
    top: 5px;
}

.desktopVersion .break_lining {
    width: 65%;
    float: right;
    position: relative;
    top: 7px;
}

.desktopVersion input.cranking-amps {
    border-bottom: 1px solid #261a15;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 15%;
}

.desktopVersion .FD_fluid_res_table tr td:nth-child(4) {
    top: 35px !important;
    position: relative;
    left: 0px;
}

.desktopVersion input.tire-depth {
    width: 40px;
}

.desktopVersion .FD_fluid_res_table tr td:nth-child(4) .fl-block-text {
    width: 100% !important;
}

.desktopVersion .FD_fluid_res_table tr td:nth-child(4) .fl-block-input {
    width: 100% !important;
}

.desktopVersion td.spare-ser {
    padding: 4px 8px !important;
}

.desktopVersion td.indiacte-ser {
    padding: 8px !important;
}

.desktopVersion td.battery.battery_bordernone {
    padding: 2px !important;
}

.desktopVersion td.tireserviced {
    padding: 5px 8px !important;
}

span.smallFluid {
    font-size: 8px;
}

.desktopVersion .fl-block-input {
    width: 44%;
}

.desktopVersion td.brakeWearPosition {
    padding: 0px !important;
    border: none !important;
}

.desktopVersion td.text-half {
    padding: 6px 0px;
}

.desktopVersion .tire-Age {
    margin-left: 0px;
}

.desktopVersion .customer-ignature {
    margin-top: 0px;
    margin-bottom: 20px;
}

.desktopVersion td.padding-tablenone {
    padding: 0px !important;
}

.desktopVersion td.bttpadding {
    border: none !important;
}

.desktopVersion td.battery_block {
    background: #95a2ad;
    color: #fff;
}

.desktopVersion .fl-block-text {
    width: 60%;
}

.desktopVersion table.table.fluid_res_table tr td {
    padding: 0px !important;
    vertical-align: top;
}

.desktopVersion td.schedule-tbl {
    border: none !important;
    width: 50%;
}

.desktopVersion img.graph-img {
    width: 100%;
    margin-top: 18px;
}

.desktopVersion .due-text {
    width: 75%;
}

.desktopVersion td.schedule-tbl table tr td {
    padding: 4px 0px;
}

.desktopVersion td.tdpadding {
    padding: 4px;
}

.desktopVersion td.schedule-tbl {
    padding: 0px !important;
    vertical-align: top !important;
}

.desktopVersion td.systemcom-desk {
    padding: 0px !important;
}

.desktopVersion table.tablecomponant tr th {
    width: 100%;
    padding: 5px;
}

.desktopVersion .vin-text {
    width: 85%;
}

.desktopVersion .VRCVINLabel {
    width: 15%;
}
/*.desktopVersion .bigchecked {
    width: 20%;
    vertical-align: middle;
}*/
.desktopVersion .bigchecked {
    width: 75%;
    vertical-align: middle;
}

.desktopVersion .bigcheckedFR {
    width: 75%;
    vertical-align: middle;
}

.desktopVersion td.fluid-leveltable {
    width: 25%;
}

.desktopVersion span.fill-ok {
    clear: both;
    text-align: center;
    margin-left: 5px;
}

.desktopVersion .padd_table_res tr td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    padding: 6px 0px 4px;
}

    .desktopVersion .padd_table_res tr td:last-child {
        border-right: none;
    }

.desktopVersion table.tablecomponant tr td {
    border-left: none !important;
    border-bottom: none !important;
}

.desktopVersion .regular-checkbox + label.white {
    top: 3px;
}

.desktopVersion .tire-Age {
    width: 60%;
    border: none;
}

.desktopVersion .maintenance-appointment {
    border: 1px solid #333;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-top: -147px;
}

.desktopVersion .exterior-body img {
    padding: 20px;
}

@media (max-width: 767px) {
    body {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    body {
        margin-bottom: 50px;
    }
}

a {
    color: rgb(45,150,205);
}
/*------ Header ------*/
.logo {
    background-image: url(https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/images/logo-fordservice.png);
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .logo {
        min-height: 43px;
        background-position: center 3px;
    }
}

@media (min-width: 768px) {
    .logo {
        min-height: 56px;
        background-position: 0 20px;
        background-size: 178px;
    }
}

.ptitle {
    padding-top: 21px;
    font-size: 18px;
}

@media (max-width: 767px) {
    .ptitle {
        text-align: center;
    }
}

.address {
    padding-top: 5px;
    text-align: right;
}

@media (max-width: 767px) {
    .address {
        text-align: center;
    }
}
/*------ Navbar ------*/
.navbar-default {
    background-color: rgb(45,150,205);
}

    .navbar-default .navbar-nav > li > a {
        color: white;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: white;
        background-color: rgb(26,56,78);
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: white;
        background-color: rgb(26,56,78);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: rgb(26,56,78);
        color: white;
    }

.navbar-toggle {
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}
/*------ Typography ------*/
h1 {
    color: rgb(26,56,78);
}

.vehicle-text h2 {
    font-size: 30px;
    color: rgb(0, 90, 156);
}

h3 {
    color: rgb(26,56,78);
}
/*------ Buttons ------*/
.btn-primary {
    background-color: rgb(45,150,205);
    border-color: rgb(45,150,205);
}

    .btn-primary:focus,
    .btn-primary.focus {
        background-color: rgb(26,56,78);
        border-color: rgb(26,56,78);
    }

    .btn-primary:hover {
        background-color: rgb(26,56,78);
        border-color: rgb(26,56,78);
    }
/*------ Forms ------*/
.hrbottom {
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid;
    border-bottom-color: rgb(26,56,78);
}

.custom-label {
    margin-bottom: 0;
    padding-top: 7px;
}

.topbutton {
    margin-top: 20px;
}

.customradio {
    margin-top: -6px;
}
/*------ Tables ------*/
input.checkbox-vrc {
    width: 25px;
    height: 25px;
}

.noborder {
    border: 0px !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    border-top: none;
    border-bottom: 1px solid;
    border-bottom-color: rgb(26,56,78);
    vertical-align: bottom;
}

.bottom-table {
    margin: 10px 0px;
}

.yash {
    background: #7b939f;
    color: #fff;
}

.vrc-fullwidth .table > thead > tr > td, .vrc-fullwidth .table > tbody > tr > td, .vrc-fullwidth .table > tfoot > tr > td {
    border-top-color: rgb(26,56,78);
    vertical-align: middle;
    border: 1px solid;
}

.fluid-level, .fluid-level tr {
    border: 1px solid #261a15;
}

.table > thead > tr:nth-child(0n+2) > td, .table > tbody > tr:nth-child(0n+2) > td, .table > tfoot > tr:nth-child(0n+2) > td {
    border-top: 1px solid;
    border-top-color: rgb(26,56,78);
}

.list-left {
    padding-left: 12px;
}
/*------ Search Results ------*/
.dl-horizontal dt {
    white-space: normal;
}

.desktopVersion .table, .full-widthpopup .table {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*------ Panels ------*/
.panel-primary {
    border-color: rgb(45,150,205);
}

    .panel-primary > .panel-heading {
        background-color: rgb(45,150,205);
        border-color: rgb(45,150,205);
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: rgb(45,150,205);
        }
/*------ Modal Popup ------*/
.modal-header p {
    margin-bottom: 0px;
}
/*------ Footer ------*/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgb(51,51,51);
    padding-top: 15px;
    min-height: 50px;
}

    .footer a {
        color: rgb(168,168,168);
    }

.logofooter {
    background-image: url(https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/images/logo-fordservicewh.png);
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .logofooter {
        min-height: 35px;
        background-position: center 0px;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .logofooter {
        min-height: 35px;
        background-position: right 0px;
        background-size: 178;
        margin-top: -4px;
    }
}
/*------ Admin styles ------*/
.formtitle {
    padding-top: 12px;
}

.nomargin {
    margin-top: 0px;
    margin-bottom: 0px;
}
/** Ford Antenna basic styles **/
@font-face {
    font-family: fordngbs-antenna;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-regular.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-regular.eot#iefix') format('embedded-opentype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-regular.woff') format('off'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-regular.ttf') format('truetype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-regular.svg#FordAntennaRegular') format('sag');
}
/** Special @font-face values allowing simple declarations of bold, medium, and italic for Ford Antenna regular **/
@font-face {
    font-family: fordngbs-antenna;
    font-style: italic;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-italic.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-italic.eot#iefix') format('embedded-opentype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-italic.woff') format('off'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-italic.ttf') format('truetype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-italic.svg#FordAntennaRegularItalic') format('sag');
}

@font-face {
    font-family: fordngbs-antenna;
    font-weight: medium;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-medium.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-medium.eot#iefix') format("embedded-opentype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-medium.woff') format("off"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-medium.ttf') format("truetype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-medium.svg#web') format("sag"); /* IE */
}

@font-face {
    font-family: fordngbs-antenna;
    font-weight: medium;
    font-style: italic;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-mediumitalic.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-mediumitalic.eot#iefix') format("embedded-opentype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-mediumitalic.woff') format("off"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-mediumitalic.ttf') format("truetype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-mediumitalic.svg#web') format("sag"); /* IE */
}

@font-face {
    font-family: fordngbs-antenna;
    font-weight: bold;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bold.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bold.eot#iefix') format('embedded-opentype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bold.woff') format('off'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bold.ttf') format('truetype'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bold.svg#FordAntennaBold') format('sag');
}

@font-face {
    font-family: fordngbs-antenna;
    font-weight: bold;
    font-style: italic;
    src: url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bolditalic.eot');
    src: local('☺'), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bolditalic.eot#iefix') format("embedded-opentype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bolditalic.ttf') format("truetype"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bolditalic.woff') format("off"), url('https://amistatic-gpc4b9hsb2amamcb.a02.azurefd.net/smt/fonts/antenna/antenna-bolditalic.svg#webfontnRgXoHU6') format("sag"); /* IE */
}

.textbox {
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden;
    height: 80px;
}

    .textbox:before, .textbox textarea {
        font-family: sans-serif;
        font-size: 15px;
    }

    .textbox textarea {
        width: 100%;
        box-sizing: border-box;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #261a15;
        outline: none;
        display: block;
        line-height: 1.2;
          height: 80px;
    }

.Service-Advisor form .form-group {
    padding-bottom: 12px;
}

input#date {
    width: 85%;
}

.customer-ignature {
    font-size: 16px;
    margin-top: 68px;
}

.Service-Advisor h4 {
    padding: 10px 0px 20px;
}

.regular-checkbox {
    display: none;
}

    .regular-checkbox + label.green {
        background-color: #23b24b;
        border: 1px solid #261a15;
        border-radius: 0px;
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        float: left;
        text-align: center;
        margin: 0px 1px;
    }

tr.padding20px td {
    padding-top: 30px !important;
}

span.ok-fill {
    position: absolute;
    top: -18px;
    left: -1px;
}

.Checked-fields .regular-checkbox + label.green {
    background-color: #23b24b;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    margin: 0px 6px 0px 0px;
}

tr.FD_fluidFirstRow .fuild-width {
    width: 48%;
}

tr.FD_fluidFirstRow .fuild-widthCoolant {
    width: 52%;
}

tr.FD_fluidFirstRow .fuild-widthFR {
    width: 100%;
}

td.battery {
    height: 36px !important;
    float: left;
    width: 100%;
    border-left: 1px solid #261a15;
    border-right: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
}

td.due {
    padding: 4px !important;
}

.desktopVersion .left-tablefull {
    width: 100%;
}

.full-widthpopup .left-tablefull {
    width: 100%;
}

.desktopVersion td.textcenter.serviced {
    width: 25%;
}

td.serviced {
    padding: 2px !important;
}

.desktopVersion .firsttable {
    border-right: 1px solid #261a15;
}

.desktopVersion .bordernone {
    border: none !important;
}

.desktopVersion td.duelastclm {
    border: none !important;
    border-left: 1px solid #000 !important;
}

.desktopVersion .centerbox {
    text-align: center;
    padding: 0px 0px;
}

strong.clr-grey {
    color: #808285;
}

tr.ok-fill td {
    padding-bottom: 0px !important;
}

span.spacebox {
    width: 30px;
    height: 30px;
    float: left;
}

tr.sparepding td {
    padding: 4px !important;
}
/*.bigchecked {
    width: 17%;
    vertical-align: middle;
}*/
/*.bigchecked1 {
    width: 82%;
    vertical-align: middle;
}*/
.Checked-fields .regular-checkbox + label.yellow {
    background-color: #fff101;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    margin: 0px 6px 0px 0px;
}

.Checked-fields .regular-checkbox + label.red {
    background-color: #ee1d23;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    margin: 0px 6px 0px 0px;
}

.regular-checkbox:checked + label.green:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.regular-checkbox + label.small-green {
    background-color: #23b24b;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 5px;
    text-align: center;
    top: 5px;
}

.regular-checkbox:checked + label.small-green:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.regular-checkbox + label.small-red {
    background-color: #ee1d23;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 5px;
    text-align: center;
    top: 5px;
}

.regular-checkbox:checked + label.small-red:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.regular-checkbox + label.yellow {
    background-color: #fff101;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
    text-align: center;
    margin: 0px 1px;
}

.regular-checkbox:checked + label.yellow:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.regular-checkbox + label.small-yellow {
    background-color: #fff101;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 0px;
    text-align: center;
    top: 5px;
}

.regular-checkbox:checked + label.small-yellow:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.regular-checkbox + label.white {
    background-color: #ffffff;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 0px 1px;
}

.regular-checkbox:checked + label.white:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: -2px;
    color: #222;
    padding: 0px 5px;
}

.regular-checkbox + label.white-small {
    background-color: #ffffff;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 5px;
    text-align: center;
    top: 5px;
}

.no {
    margin-left: 20px;
}

.regular-checkbox:checked + label.white-small:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
    color: #261a15;
    padding: 0px 1px 3px;
}

.regular-checkbox + label.white-big {
    background-color: #ffffff;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 3px;
    text-align: center;
    top: 5px;
    margin-right: 10px;
}

.regular-checkbox:checked + label.white-big:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #261a15;
    padding: 1px 8px 3px;
}

.desktopVersion .hours .form-control {
    height: 20px;
}

.desktopVersion .nexta {
    position: absolute;
    margin-top: -43px;
    /*margin-left: 110px;*/
    z-index: 4;
    margin-left: 0;
    float: right;
    position: relative;
}

.full-widthpopup .nexta {
    z-index: 4;
}

.desktopVersion span.span-mall {
    margin: 11px;
}

.desktopVersion span.spare-tire {
    padding: 6px;
}

.desktopVersion .hours .btn {
    padding: 0px 12px !important;
    font-size: 10px !important;
}

.regular-checkbox + label.white-small-tabel {
    background-color: #ffffff;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 0px;
    text-align: center;
    top: 2px;
}

.regular-checkbox:checked + label.white-small-tabel:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #261a15;
    padding: 0px 3px 3px;
}

.regular-checkbox + label.grey-small-tabel {
    background-color: #d1d2d4;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    margin: 0px 5px;
    text-align: center;
    top: 5px;
}

th.blue.textcenter {
    width: 100%;
}

.font-size13 {
    font-size: 13px;
}

.regular-checkbox:checked + label.grey-small-tabel:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #261a15;
    padding: 0px 3px 3px;
}

.regular-checkbox + label.red {
    background-color: #ee1d23;
    border: 1px solid #261a15;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
    text-align: center;
    margin: 0px 1px;
}

.regular-checkbox:checked + label.red:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: -2px;
    color: #000000;
    padding: 0px 5px;
}

.rightBatteryServiced {
    border-left: 1px solid #000 !important;
}

@media (max-width: 1310px) {
    span.engine-air {
        margin-left: 0px;
        width: 79%;
        float: right;
        position: relative;
        top: 0px;
    }
}

@media (max-width: 1200px) {
    span.engine-air1 {
        width: 88%;
    }
}

@media (max-width: 1134px) {
    span.engine-air1 {
        width: 83% !important;
    }
}

@media (max-width: 1056px) {
    .legend {
        margin-top: 10px;
    }
}

@media (max-width: 1280px) {
    .customer-ignature {
        margin-top: 0px;
    }

    span.engine-air1 {
        width: 88%;
    }

    .tire-wear-right {
        font-size: 13px;
    }

        .tire-wear-right .width77px {
            width: 28%;
            float: left;
        }

    .desktopVersion .tire-wear-right .width77px {
        width: 33%;
        float: left;
    }

    .body {
        font-size: 13px;
    }

    .maintenance-appointment {
        margin-top: -20%;
    }

    input.cranking-amps {
        width: 26%;
    }

    input.half-width {
        width: 26% !important;
    }
}

.full-widthpopup .tire-tread {
    width: 70%;
    margin-left: 105px;
}

.full-widthpopup .spare-tire-tread {
    width: 68%;
}

.full-widthpopup .tire-Age {
    width: 60%;
    margin-left: 106px;
}

.spare-tire-Age {
    margin-left: 0px;
    width: 100%;
}

@media (min-width: 993px) {
    /*.desktopVersion .nexta {
        margin-left: 85px !important;
    }*/
}

@media (max-width: 1270px) {
    .bigchecked {
        width: 75%;
    }

    .Checked-fields {
        font-size: 12px;
    }

    input.cranking-amps {
        width: 20%;
    }

    .centerbox {
        text-align: center;
        padding: 0px 20px;
    }
    /*.bigchecked {
        width: 25%;
    }*/
}

@media (max-width: 1256px) {
    .tire-wear-right .width77px {
        width: 30%;
    }

    span.engine-air1 {
        width: 87%;
    }
}

@media (max-width: 1180px) {
    span.engine-air {
        width: 83%;
    }
}

@media (max-width: 991px) {
    span.engine-air, span.engine-air1 {
        float: inherit !important;
    }

    .copyright {
        text-align: center;
    }

        .copyright span {
            margin-top: 20px;
        }

    input.widthfull {
        width: 91% !important;
    }

    input.half-width, input.servi-balnce {
        width: 25% !important;
    }

    .Checked-fields {
        padding: 25px 10px;
        margin-top: 40px;
    }

        .Checked-fields .regular-checkbox + label.green, .Checked-fields .regular-checkbox + label.yellow, .Checked-fields .regular-checkbox + label.red {
            margin-top: -5px;
        }

    input.cranking-amps {
        width: auto;
    }

    .bigchecked {
        width: 100%;
    }

    .tire-wear-left {
        width: 100%;
    }

    .tire-tread {
        width: 48% !important;
        float: left;
    }

    .full-widthpopup.tire-tread {
        width: 48% !important;
        float: left;
        margin-left: 0px;
    }

    .tire-Age {
        width: 24%;
        float: left;
    }

    .Tire-Wear {
        width: 100%;
    }

    .maintenance-appointment {
        margin-top: auto;
    }

    .customer-ignature {
        margin-bottom: 30px;
    }

    .tire-wear-right {
        width: 100%;
        margin-left: 0px;
    }

    .desktopVersion .tire-wear-right {
        width: 100%;
    }

    .desktopVersion .maintenance-appointment {
        border: 1px solid #333;
        padding-bottom: 30px;
        margin-bottom: 20px;
        margin-top: -40px;
    }
    /*.desktopVersion .vin-text {
        width: 85%;
    }
    .desktopVersion .VRCVINLabel {
        width: 15%;
    }*/

    .full-widthpopup .tire-Age {       
        margin-left: 0px;
    }
}

@media(min-width:992px) {
    .full-widthpopup .componentLegend {
        width: 15%;
    }

    .full-widthpopup .dieselInspectionLegend {
        width: 15%;
    }
}

@media (max-width: 870px) {
    .width77px {
        width: 30%;
        float: left;
    }

    .tire-tread {
        width: 70% !important;
        float: left;
    }

    .full-widthpopup.tire-tread {
        width: 70% !important;
        float: left;
        margin-left: 0px;
    }

    input.tire-depth {
        border-bottom: 1px solid #261a15;
        width: 80px;
    }

    .tire-Age {
        width: 70%;
        float: left;
        margin-top: 10px;
        border: none;
    }

    .top-menu h3, .bottom-table h3 {
        font-size: 14px;
    }

    .vehicle-text h2 {
        font-size: 20px;
        color: rgb(0, 90, 156);
    }
}

@media (max-width: 815px) {
    .tire-tread {
        width: 73% !important;
        float: left;
    }

    .full-widthpopup.tire-tread {
        width: 73% !important;
        float: left;
        margin-left: 0px;
    }

    input.tire-depth {
    }
}

@media (max-width: 786px) {
    .col-md-8.Tire-Wear {
        width: 71%;
    }
}

@media (max-width: 767px) {
    input#date, input.widthfull, input.year-make, input.vin, input.Plate, input.Odometer {
        width: 100% !important;
    }

    input.half-width, input.servi-balnce {
        width: 90% !important;
    }

    input.Service-Advisor {
        width: 100% !important;
    }
}

@media (max-width: 525px) {
    .bigchecked {
        width: 30%;
    }

    .logo-f {
        width: 100%;
        float: left !important;
        text-align: center;
    }

    .vehicle {
        width: 100%;
        text-align: center;
    }

    .Checked-fields .clr-option {
        width: 100%;
        margin: 10px 0px;
    }

    .bigchecked {
        width: 100%;
        float: left;
    }
    /*.bigchecked {
        width: 100%;
    }*/
    .tire-wear-right .width77px {
        width: 100% !important;
        float: left;
    }

    .form-inline .responsive_text {
        display: inline-flex;
    }
}

@media (max-width:390px) {
    .breake_wear_res {
        width: 89%;
        float: right;
    }

    .extended_plate {
        width: 100%;
    }
}

.fluid_res_table {
    width: 100%;
}

table.table.fluid_res_table tr td, table.table.fluid_res_table tr {
    border: 0px;
    padding: 7px 4px;
}

@media (min-width:993px) and (max-width:1230px) {
    .width77px {
        width: 35%;
    }
}

@media (min-width:993px) and (max-width:1180px) {
    .schedule_maintainance_table tr td span {
        display: table-cell;
    }

    .bigchecked {
        width: 30%;
    }

    .tire-wear-right .width77px {
        width: 41%;
    }

    .break_lining {
        width: 55%;
    }

    .full-widthpopup .break_lining {
        width: 68% !important;
        float: right;
        position: relative;
        top: 7px;
    }
    /*.col-md-8.Tire-Wear {
        width: 100%;
    }*/
    .responsive_text label {
        width: 79%;
    }

    .tire-treadfont12 {
        width: 32%;
    }

    .tire-tread {
        width: 65% !important;
    }
}

@media (min-width:994px) and (max-width:1180px) {
    .bigchecked {
        width: 72%;
    }
    /*.bigchecked {
        width: 27%;
    }*/
}

@media (min-width:526px) and (max-width: 1000px) {
    .tire-wear-right .width77px {
        width: 25%;
    }
}

@media (min-width:540px) and (max-width: 767px) {
    .desktopVersion .table-responsive > .table > thead > tr > th, .desktopVersion .table-responsive > .table > tbody > tr > th, .desktopVersion .table-responsive > .table > tfoot > tr > th, .desktopVersion .table-responsive > .table > thead > tr > td, .desktopVersion .table-responsive > .table > tbody > tr > td, .desktopVersion .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
}

.full-widthpopup .table-responsive > .table > thead > tr > th, .full-widthpopup .tire-wear-left table.table, .full-widthpopup .table-responsive > .table > tbody > tr > th, .full-widthpopup .table-responsive > .table > tfoot > tr > th, .full-widthpopup .table-responsive > .table > thead > tr > td, .full-widthpopup .table-responsive > .table > tbody > tr > td, .full-widthpopup .table-responsive > .table > tfoot > tr > td {
    white-space: normal !important;
}

}

@media (min-width:1001px) and (max-width: 1240px) {
    .tire-wear-right .width77px {
        width: 37%;
    }
}

@media (max-width:420px) {
    .break_lining {
        width: 100%;
    }

    img.img-res {
        width: 100%;
    }
}

label.white-small.no {
    margin-left: 15px;
}

table.table.schedule_maintainance_table .red, table.table.schedule_maintainance_table .green, table.table.schedule_maintainance_table .yellow, table.table.schedule_maintainance_table .white {
    width: 27px;
    height: 27px;
}

.desktopVersiontable .table.table-responsive.fluid-level tr td {
    padding: 4px;
}

@media (min-width:990px) and (max-width:1230px) {
    span.fluid-res {
        width: 59%;
        position: relative;
        float: right;
    }

    span.fluid-coolant {
        width: 70%;
        position: relative;
        float: right;
    }

    .fluid_res_table .nopadding {
        clear: both;
    }
}

@media (min-width:992px) and (max-width:1330px) {
    span.copy-right {
        float: right;
    }

    .check_res {
        width: 67%;
        float: right;
    }
}

@media (max-width:1000px) {
    span.engine-air1 {
        top: 0;
    }
}

@media (max-width:470px) {
    .responsive_text label {
        width: 89%;
        float: left;
        margin-left: 6px;
    }

    .service_blnce {
        margin-top: 6px;
    }
}

@media(min-width:471px) and (max-width:768px) {
    img.img-res {
        width: 50%;
    }
}

form.service-provider.row label {
    font-size: 16px;
}

.tire-wear-right .width21px {
    width: 80px;
}

.tire-tread1 {
    width: 40% !important;
}

.tire-Age1 {
    border: 1px solid #261a15;
    margin-left: 7px;
}

.top-menue h3 {
    background: black;
}

th.black {
    background: #000000;
    color: #fff;
}

.exterior-bodye h3 {
    background: black;
}

.bottom-tablee h3 {
    background: black;
}

.iftext {
    font-size: 8px;
    margin-left: 10px;
}

.itagleaf {
    float: right;
}

th.orange {
    background: #fb981e;
    color: #fff;
}

.tiret {
    padding: 4px 0 4px 0;
    background: red;
}

.blue {
    background: #1b88d8;
    font-size: 14px;
}

.green {
    background: green;
    font-size: 10px;
}

.yellow {
    background: yellow;
    font-size: 10px;
}

.red {
    background: red;
    font-size: 10px;
}

.tire-treadbottom {
    margin-top: 7px;
}

span.orange {
    background: #fb981e;
}

th.orangecolor {
    background: #fb981e;
    border: 1px black solid;
    color: white;
}

.or {
    margin-top: 45px;
}

.maileage {
    margin-top: 116px !important;
}

th.orange.textcenter {
    border: 1px solid black;
}

.vrc-fullwidth .btn-default {
    border: none;
}

.vrc-fullwidth .form-control[readonly] {
    background-color: initial;
}

.desktopVersion .dieseleng-text {
    width: 26%;
}

.desktopVersion .dieseleng-input {
    width: 74%;
}

.full-widthpopup .dieseleng-text {
    width: 21%;
}

.full-widthpopup .dieseleng-input {
    width: 39%;
}

.full-widthpopup span.engine-air {
    margin-left: 4px;
}

.full-widthpopup .fa-leafdue {
    width: 3%;
}

.full-widthpopup .mt-7 {
    margin-top: 6px;
}

.full-widthpopup .schedule-tbl {
    width: 50%;
    vertical-align: top !important;
}

.full-widthpopup .fluid-leveltable {
    width: 25%;
    padding: 0px 10px !important;
}

.full-widthpopup span.fluid-res {
    float: left;
    /*width: 70%;
    margin-top: 6px;*/
}

.full-widthpopup .fluid-diesel span.fluid-res {
    width: 135%;
}

.full-widthpopup .regular-checkbox:checked + label.small-green:after, .full-widthpopup .regular-checkbox:checked + label.small-yellow:after, .full-widthpopup .regular-checkbox:checked + label.small-red:after {
    top: 0px;
    left: 2px;
}

.full-widthpopup .fluid-diesel {
    position: absolute;
    margin-top: 20px;
}

.full-widthpopup .fluid-leveltable .regular-checkbox + label.grey-small-tabel {
    margin: 0px 1px;
}

.full-widthpopup .schedule_maintainance_table tr td {
    border-bottom: 1px solid #261a15;
    padding: 0px;
}

.full-widthpopup td.schedule-tbl {
    border-right: 1px solid #261a15;
}

.full-widthpopup .border_table tr td {
    border: 1px solid #261a15;
    border-bottom: 1px solid #261a15;
}

    .full-widthpopup .border_table tr td:first-child {
        border-right: 1px solid #261a15;
    }

.full-widthpopup .border_table tr:last-child td {
    border-bottom: 0px solid #261a15;
}

.full-widthpopup .schedule-tbl {
    padding: 0px
}

.full-widthpopup .regular-checkbox + label.white-small-tabel, .full-widthpopup .regular-checkbox + label.grey-small-tabel {
    top: 3px;
}

.full-widthpopup .brder-btm tr td {
    border-bottom: 1px solid #261a15;
}

.full-widthpopup .tablecomponant th {
    border-bottom: 1px solid #261a15;
}

.full-widthpopup .tablecomponant tr th {
    width: 100%;
    padding: 5px;
}

.full-widthpopup .legend_padd {
    margin-top: 20px;
}

.full-widthpopup .table {
    margin-bottom: 0px;
    margin-top: 0px;
}

.full-widthpopup .regular-checkbox + label.small-green, .full-widthpopup .regular-checkbox + label.small-red {
    margin: 0px 2px;
}

.full-widthpopup .full-width-table {
    width: 100%;
}

.full-widthpopup .regular-checkbox + label.white {
    top: 3px;
}

.full-widthpopup input.tire-depth {
    width: 45px;
}

.full-widthpopup .tire-Age {
    width: 60%;
}

.full-widthpopup .fl-block-input {
    width: 25%;
}

.full-widthpopup .FD_fluid_res_table .fl-block-input {
    width: 30%;
}

.full-widthpopup td.fluid-diesel .fl-block-input {
    width: 45%;
}

.full-widthpopup .table_padding .text-half {
    padding: 5px 0;
}

.full-widthpopup .border_table td.text-half span {
    left: 0px
}

.full-widthpopup span.spacebox {
    width: 30px;
}

.full-widthpopup .input-group-btn {
    position: absolute;
    top: 2px;
    right: 0;
}

.full-widthpopup .bottom-table h3 {
    /*background: inherit;*/
}

.full-widthpopup .footer-right {
    width: 100%;
}

.full-widthpopup .regular-checkbox + label.small-red, .full-widthpopup .regular-checkbox + label.small-yellow, .full-widthpopup .regular-checkbox + label.small-green {
    top: 3px;
}

.full-widthpopup .regular-checkbox:checked + label.small-green:after, .full-widthpopup .regular-checkbox:checked + label.small-yellow:after, .full-widthpopup .regular-checkbox:checked + label.small-red:after {
    padding: 0px 1px;
    line-height: 21px;
}

.full-widthpopup td.padding-tablenone {
    padding: 0px !important;
}

.full-widthpopup td.text-half span {
    // padding: 3px 15px;
}

.full-widthpopup .copyright {
    margin-top: 30px;
}

.full-widthpopup .battery_bordernone {
    border: none;
}

.full-widthpopup td.battery_block {
    background: #95a2ad;
    color: #fff;
    padding: 0px 25px !important;
}

.full-widthpopup .centerbox {
    text-align: inherit;
    padding: 0px;
}

.full-widthpopup img.graph-img {
    width: 100%;
    margin-top: 5px;
}

.full-widthpopup td.bttpadding {
    padding: 10px 0px !important;
    border: none !important;
}

.full-widthpopup .padd_table_res tr td {
    padding: 4px 0
}

    .full-widthpopup .padd_table_res tr td:last-child {
        padding: 4px;
    }

.full-widthpopup .factorypadding {
    padding-bottom: 10px !important;
}

.full-widthpopup td.stateofpostion {
    position: relative;
    top: 0px;
}

.full-widthpopup td.battery {
    border-left: 1px solid #261a15 !important;
}

.full-widthpopup .tire-wear-right .width20px {
    width: 68%;
}

.full-widthpopup .break_lining {
    margin-top: -5px;
}

.full-widthpopup span.leftindiactes {
    padding: 8px !important;
}

.full-widthpopup .table.tire-wear-indicates > tbody > tr > td {
    padding: 4px 0px;
}

.full-widthpopup td.text-half.padding-tablenone.padding_spare {
    padding: 5px 0px !important;
}

.full-widthpopup span.customer-declinedfont18 {
    font-size: 16px;
}

.full-widthpopup span.spare-tire {
    margin: 8px;
}

.mb-20 {
    margin-bottom: 20px;
}

.full-widthpopup .next-maintenance.hours {
    margin-top: -28px;
    text-align: left;
}

@media (max-width:1500px) {
    .full-widthpopup span.copy-right {
        float: none !important;
        text-align: center;
    }
}

@media (max-width:1310px) {
    .full-widthpopup span.engine-air {
        float: none !important;
    }
}

@media (max-width:1270px) {
    /*.full-widthpopup .bigchecked {
        width: 15% !important;
    }*/

    .full-widthpopup .bigchecked {
        width: 80% !important;
    }

    .full-widthpopup .width77px {
        width: 25% !important;
    }

    .full-widthpopup .Tire-Wear {
        width: 75% !important;
    }
}

@media (max-width:1280px) {
    .full-widthpopup .break_lining {
        width: 95% !important;
        float: none !important;
    }

    .full-widthpopup .tire-wear-right .width20px {
        width: 60%;
    }

    .full-widthpopup .tire-wear-right .width77px {
        width: 15% !important;
    }

    .full-widthpopup .maintenance-appointment {
        margin-top: 0px !important;
    }
}

@media (max-width:1024px) {
    .full-widthpopup .vrtitle {
        padding: 0px;
    }
}

@media (max-width:991px) {
    .full-widthpopup .formfieldswidth {
        width: 100%;
    }

    .full-widthpopup .fluid-diesel {
        position: inherit;
        margin-top: 20px;
    }

    .desktopVersion .break-indicates .width77px {
        width: 25% !important;
    }

    .full-widthpopup .tire-wear-left table.table {
        white-space: nowrap;
    }

    .full-widthpopup .bigchecked {
        width: 75% !important;
        float: right;
    }
    /*.full-widthpopup .bigchecked {
        width: 25% !important;
    }*/

    .full-widthpopup span.engine-air {
        float: inherit !important;
        width: auto !important;
    }

    .full-widthpopup span.fluid-res {
        float: left;
        width: 100%;
    }

    .full-widthpopup .clr-option {
        width: 100%;
        margin-bottom: 20px;
    }

    .full-widthpopup .width77px {
        width: 22% !important;
        float: left;
        margin-top: -4px;
    }

    .full-widthpopup table.padd_table_res {
        width: 100%;
    }

    .full-widthpopup .Tire-Wear, .full-widthpopup .tire-tread {
        white-space: normal;
    }

    .full-widthpopup .tire-wear-right .width77px {
        width: 24% !important;
        margin-top: 7px;
    }

    .full-widthpopup .tire-wear-right .width20px {
        width: 40%;
    }

    .full-widthpopup .next-maintenance.hours {
        float: left;
        margin-top: 20px;
    }
}

@media (max-width:870px) {
    .full-widthpopup input.tire-depth {
        border-bottom: 1px solid #261a15;
        width: 45px;
    }

    .full-widthpopup .tire-Age {
        width: 10%;
        margin-top: 0px;
        margin-left: 0px;
    }
}

@media (max-width:767px) {
    .full-widthpopup .fluid-diesel span.fluid-res {
        white-space: normal;
    }

    .full-widthpopup .fluid-leveltable {
        width: 22%;
    }

    .full-widthpopup .table-responsive > .table.white-space > tbody > tr > td {
        white-space: normal !important;
    }

    .full-widthpopup table.table.fluid_res_table {
        white-space: normal;
    }
}

@media (max-width:568px) {
    .full-widthpopup .fluid-leveltable {
        width: 25%;
        white-space: nowrap;
        position: initial;
    }

    .full-widthpopup .table-responsive > .table.white-space > tbody > tr > td {
        white-space: nowrap !important;
    }

    .full-widthpopup .bigchecked {
        width: 65% !important;
    }
    /*.full-widthpopup .bigchecked {
        width: 35% !important;
    }*/

    .full-widthpopup .due-input {
        width: 13%;
    }

    .full-widthpopup .tire-wear-right .width77px {
        width: 30% !important;
    }

    .full-widthpopup .tire-wear-right .width20px {
        width: 20%;
    }

    td.duelastclm span {
        white-space: normal;
    }
}

@media (max-width:468px) {
    .full-widthpopup .bigchecked {
        width: 100% !important;
    }
    /*.full-widthpopup .bigchecked {
        width: 100% !important;
        margin-top: 3px;
    }*/

    .full-widthpopup .tire-wear-right .width77px {
        width: 100% !important;
    }

    .full-widthpopup .break_lining {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

.marginTopOR {
    margin-top: 50px;
}

.desktopVersion .quickLaneNextAppointment {
    margin-top: -105px;
}

@media (max-width: 1310px) {
    .desktopVersion .due-input {
        width: 16%;
    }

    .desktopVersion span.engine-air {
        width: 100%;
        float: initial;
    }
}

@media (max-width: 1330px) {
    .desktopVersion .check_res {
        width: 103%;
    }
}

.operationNamePadding {
    padding: 0px;
}

@media(min-width:768px) and ( max-width:991px) {
    .full-widthpopup .tire-tread {
        width: 100% !important;
        margin-left: 0px;
    }

    .desktopVersion .Tire-Wear {
        width: 87%;
    }

    .desktopVersion .width77px, .desktopVersion .tire-tread {
        width: 100% !important;
    }

    .full-widthpopup .width77px {
        width: 100% !important;
    }

    .desktopVersion .nameLabelFR {
        width: 6% !important;
    }

    .desktopVersion .nameInputFR {
        width: 94% !important;
    }

    .full-widthpopup .nameLabelFR {
        width: 10% !important;
    }

    .full-widthpopup .nameInputFR {
        width: 90% !important;
    }

    .desktopVersion .nameLabel {
        width: 8% !important;
    }

    .desktopVersion .nameInput {
        width: 92% !important;
    }

    .full-widthpopup .nameLabel {
        width: 12% !important;
    }

    .full-widthpopup .nameInput {
        width: 88% !important;
    }

    .desktopVersion .yearMakeModelLabelFR {
        width: 24%
    }

    .full-widthpopup .yearMakeModelLabel {
        width: 30%
    }

    .full-widthpopup .yearMakeModelInput {
        width: 70%
    }

    .desktopVersion .yearMakeModelInputFR {
        width: 76%
    }

    .desktopVersion .yearMakeModelLabel {
        width: 30%
    }

    .desktopVersion .yearMakeModelInput {
        width: 70%
    }

    .full-widthpopup .yearMakeModelLabelFR {
        width: 36%
    }

    .full-widthpopup .yearMakeModelInputFR {
        width: 64%
    }

    .full-widthpopup .roNumberLabel {
        width: 12%
    }

    .full-widthpopup .roNumberInput {
        width: 132%
    }

    .full-widthpopup .VRCVINLabel {
        width: 8%;
        padding: 0px;
    }

    .full-widthpopup .vin-text {
        width: 92%
    }

    .full-widthpopup .tire-Age {
        width: 100%;
    }

    .full-widthpopup .fl-block-input {
        width: 36%;
    }

    tr.FD_fluidFirstRow .fuild-width {
        width: 100%;
    }

    .full-widthpopup .FD_fluid_res_table .fl-block-input {
        width: 50%;
    }

    .full-widthpopup td.fluid-diesel .fl-block-input {
        width: 70%;
    }

    .full-widthpopup .actualcoldcrankingampsWidth {
        width: 50%;
    }

    .full-widthpopup .dieseleng-text {
        width: 32%;
    }

    .full-widthpopup .cranking-amps {
        margin-left: 20px;
    }    
}

.full-widthpopup .VRCVINLabel {
    width: 14%;
}

.full-widthpopup .vin-text {
    width: 86%
}

@media(min-width:992px) and ( max-width:1024px) {
    .full-widthpopup .VRCVINLabel {
        width: 14%;
        padding: 0px;
    }

    .full-widthpopup .vin-text {
        width: 86%
    }
}

@media(min-width:991px) and ( max-width:1199px) {
    .desktopVersion .tire-wear-right .width77px {
        width: 42%;
        float: left;
    }
}

@media(min-width:992px) and ( max-width:1199px) {
    .desktopVersion .break_lining {
        width: 100%;
        float: left;
    }
}

@media(max-width:768px) {
    .desktopVersion .width77px, .desktopVersion .tire-tread {
        width: 100% !important;
    }

    .desktopVersion .FD_fluid_res_table .fl-block-text {
        width: 100% !important;
    }

    .next-maintenance.hours table {
        width: 10%;
        margin: 0 auto;
    }

    .desktopVersion .mobile-data {
        margin-bottom: 10px;
    }

    .full-widthpopup .fl-block-input {
        width: 100% !important;
    }

    .desktopVersion .break_liningQL {
        width: 100%;
    }

    .desktopVersion .break-indicates .width77px {
        width: 100% !important;
    }
}

@media(min-width:992px) {
    /*.desktopVersion .tire-tread {
        width: 68% !important;
    }*/
    /*.desktopVersion .width77px {
        width: 32%;     
    }*/
    .full-widthpopup .VRCOdometerLabelQL {
        width: 11%;
    }

    .full-widthpopup .VRCOdometerInputQL {
        width: 89%;
    }

    .desktopVersion .VRCOdometerLabelQL {
        width: 16%;
    }

    .desktopVersion .VRCOdometerInputQL {
        width: 84%;
    }

    .full-widthpopup .plateWidth {
        width: 45% !important;
    }

    .desktopVersion .technicianLabel {
        width: 28%;
    }

    .desktopVersion .technicianInput {
        width: 72%;
    }
}

@media(min-width:1232px) {
    .desktopVersion .tire-Age {
        margin-left: 94px;
    }
}

@media(min-width:992px) and (max-width:1270px) {
    .full-widthpopup .tire-Age {
        margin-left: 79px;
    }

    .full-widthpopup .schedule_maintainance_table tr td span {
        display: inline;
    }

    .full-widthpopup .break_lining {
        margin-top: 0px;
        margin-bottom: 12px;
    }

    .full-widthpopup .tire-tread {
        width: 70%;
        margin-left: 79px !important;
    }
}

@media(max-width:767px) {
    .desktopVersion .tire-tread {
        width: 100% !important;
    }

    .desktopVersion .width77px {
        width: 100%;
        z-index: 1;
    }

    .full-widthpopup .FD_fluid_res_table .fl-block-input {
        width: 43%;
    }

    .full-widthpopup .width77px {
        width: 100% !important;
        float: left;
        margin-top: -4px;
    }

    .full-widthpopup .tire-tread {
        width: 100% !important;
        margin-left: 0px;
    }

    .full-widthpopup .tire-Age {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .full-widthpopup .dieseleng-text {
        width: 100%;
    }

    .full-widthpopup .dieseleng-input {
        width: 100%;
    }

    .desktopVersion .dieseleng-text {
        width: 100%;
    }

    .desktopVersion .dieseleng-input {
        width: 100%;
    }

    .desktopVersion .dieseleng-textFr {
        width: 100% !important;
    }

    .desktopVersion .dieseleng-inputFr {
        width: 100% !important;
    }


    .full-widthpopup .VRCVINLabel {
        width: 100%;
        padding: 0px
    }

    .desktopVersion .VRCVINLabel {
        width: 100%;
    }

    .full-widthpopup .vin-text {
        width: 100%;
        padding: 0px
    }

    .desktopVersion .vin-text {
        width: 104.5%;
    }

    .full-widthpopup td.fluid-diesel .fl-block-input {
        width: 100%;
    }

    .desktopVersion .tire-Age {
        width: 100%;
        border: none;
    }
}

@media(max-width:992px) {
    .desktopVersion .quickLaneNextAppointment {
        margin-top: 0px;
    }

    .full-widthpopup .next-maintenance.hours {
        text-align: center;
    }

    .full-widthpopup .next-maintenance.hours {
        width: 100%;
        margin: 0 auto;
    }

    .next-maintenance.hours table {
        width: 10%;
        margin: 0 auto;
    }

    .desktopVersion .mobile-data {
        margin: 5px auto;
        width: 100%;
    }

    .nextMaintenanceDescriptionField, .nextMaintenanceDateInput, .nextMaintenancePriceField, .nextMaintenanceMileageInputField {
        text-align: center;
    }
}

@media(max-width: 768px) {
    .vrc-fullwidth.tire-wear-left {
        border-right: 1px solid #000;
    }

    .table-responsive.tblFDFluidLevels {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }

        .table-responsive.tblFDFluidLevels > .table {
            margin-bottom: 0;
        }

            .table-responsive.tblFDFluidLevels > .table > thead > tr > th,
            .table-responsive.tblFDFluidLevels > .table > tbody > tr > th,
            .table-responsive.tblFDFluidLevels > .table > tfoot > tr > th,
            .table-responsive.tblFDFluidLevels > .table > thead > tr > td,
            .table-responsive.tblFDFluidLevels > .table > tbody > tr > td,
            .table-responsive.tblFDFluidLevels > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive.tblFDFluidLevels > .table-bordered {
            border: 0;
        }

    .VRCVIN {
        padding-left: 0px;
    }

    .desktopVersion .break_lining {
        width: 75%;
        float: right;
        position: relative;
        top: -20px;
    }
}

@media (min-width: 500px) {
    .desktopVersion .componentLegend {
        width: 25%;
    }
}

@media (max-width: 500px) {
    .desktopVersion .componentLegend {
        width: 100%;
    }
}

@media(min-width:768px) {
    .plateNumberLabel {
        width: 32%;
    }

    .full-widthpopup .serviceAdvisor {
        width: 23%;
    }

    .full-widthpopup .serviceAdvisorInput {
        width: 77%;
    }

    .desktopVersion .plateWidth {
        width: 46.5% !important;
    }
}

@media(min-width:469px) and (max-width:991px) {
    .full-widthpopup .tire-wear-right .width20px {
        width: 34%;
    }
}

@media(min-width: 990px) and (max-width: 1230px) {
    span.fluid-res {
        width: 100%;
    }
}

@media(min-width: 992px) and (max-width: 1200px) {
    .yearMakeModelLabelFR {
        width: 36%
    }

    .yearMakeModelInputFR {
        width: 64%
    }

    .yearMakeModelLabel {
        width: 30%
    }

    .yearMakeModelInput {
        width: 70%
    }

    .operationNamePadding {
        padding: 3px;
    }

    .desktopVersion .width77px {
        width: 41%;
    }

    .desktopVersion .tire-tread {
        width: 84% !important;
    }

    .desktopVersion .mobile-data {
        padding: 3px;
    }

    .desktopVersion .nexta {
        margin-left: 75px;
    }

    .desktopVersion .break_lining {
        display: inline-flex;
        margin-bottom: 10px;
    }

    .desktopVersion .schedule_maintainance_table tr td span {
        display: inline-block;
    }

    .desktopVersion .uib-time input {
        width: 40px;
    }

    form.service-provider.row label {
        width: 60%;
    }

    .desktopVersion .FD_fluid_res_table tr td .fl-block-input {
        width: 60% !important;
    }

    .desktopVersion .tire-Age {
        width: 100% !important;
    }

    tr.FD_fluidFirstRow .fuild-width {
        width: 100% !important;
    }

    .desktopVersion .nameLabel {
        width: 11% !important;
    }

    .desktopVersion .nameInput {
        width: 89% !important;
    }

    .desktopVersion .plateLabel {
        width: 32% !important;
    }

    .desktopVersion .plateInput {
        width: 68% !important;
    }

    .desktopVersion .dieseleng-text {
        width: 32% !important;
    }

    .desktopVersion .dieseleng-input {
        width: 68% !important;
    }

    .desktopVersion .VRCOdometerLabel {
        width: 35% !important;
    }

    .desktopVersion .VRCOdometerInput {
        width: 65% !important;
    }
}

.desktopVersion .divDieselEngineHours {
    width: 100% !important;
}

.desktopVersion .dieseleng-textFr {
    width: 40%;
}

.desktopVersion .dieseleng-inputFr {
    width: 60%;
}

.desktopVersion .divResetOilLifeMonitor {
    width: 100% !important;
}

#text {
    width: 500px;
    overflow: hidden;
    background-color: #FFF;
    color: #222;
    font-family: Courier, monospace;
    font-weight: normal;
    font-size: 24px;
    resize: none;
    line-height: 40px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 45px;
    padding-bottom: 34px;
    background-image: url(https://static.tumblr.com/maopbtg/E9Bmgtoht/lines.png), url(https://static.tumblr.com/maopbtg/nBUmgtogx/paper.png);
    background-repeat: repeat-y, repeat;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 2px 14px #000;
    box-shadow: 0px 2px 14px #000;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#title {
    background-color: transparent;
    border-bottom: 3px solid #FFF;
    color: #FFF;
    font-size: 20px;
    font-family: Courier, monospace;
    height: 28px;
    font-weight: bold;
    width: 220px;
}

@media (min-width: 1200px) {
    .full-widthpopup .border-ql-pd1 {
        min-height: 70px;
    }

    .signoutright {
        float: right;
    }

    .full-widthpopup .clrwhite {
        width: 10%;
    }

    .desktopVersion .plateLabel {
        width: 25% !important;
    }

    .desktopVersion .plateInput {
        width: 75% !important;
    }
}

.btnMargin {
    margin-right: 2px;
    z-index: 4;
}

.breakLiningLegend {
    z-index: 4;
}

.width100 {
    width: 100%;
}

span.ami-error {
    color: #ff4a37;
}

.noLeftborder {
    border-left: 0px !important;
}

.noRightborder {
    border-right: 0px !important;
}

.comments {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.termsWidth {
    border-right: 0 !important;
}

.full-widthpopup .noLeftborder {
    border-left: none !important;
}

.full-widthpopup .noRightborder {
    border-right: none !important;
}

table.border_table.tblRSO td {
    line-height: 1.922;
}

table.table.tire-wear-indicates tr:last-child {
    border-bottom: 0px !important;
}

@media(min-width:540px) and (max-width:991px) {
    .scheduledMaintenanceKmsInput {
        width: 30%;
    }
}
.EBcomments {
    overflow: auto;
     width: 33%;
     margin-top:5px;
    -webkit-overflow-scrolling: touch;
}

.padding-left {
    padding-left: 15px !important;
}

strong.clr-darkblue {
    color: #005a9c;
}