.personexpand,.infotitle{

    color: white!important;

}

.servicepnum{
    color:white!important;
}

.carservice th,.carservice td{

    color:white!important;

}

.carservice{

    width:100%;

    margin:60px auto;

    padding-bottom:170px;

    color: white;

}

.carservice .vinlogin{

    width:50%;

    margin:0 auto;

}

.carservice table{

    display: none;

    width:100%;

}

.carservice table, th, td{

    border:1px solid white;

}

.carservice img{

    width:20%;

    display:block;

    margin:0 auto;

}

.carservice h2{

    text-align: center;

    color:white;

    font-size:17px;

    margin-bottom:25px;

}

.carservice h1{

    text-align: center;

    color:#ffc800;

    font-size:19px;

    margin-bottom:25px;

}

.kmivin{

    display:block;

    margin:10px auto;

}

.vinsms{

    display:block;

    margin:10px auto;

}

.vinsubmit{

    background-color:#ffc800;

    display: block;

    margin: 0 auto;

}

.carservice input{

    width: 33.5%;

}

.personinfodiv {

overflow: hidden;

padding: 0px 7px;

margin-top: 20px;

background-color: #444;

color: white;

border: 1px solid white;

}

.invoiceinfodiv {

    overflow: hidden;

    padding: 0px 7px;

    margin-top: 20px;

    background-color: #444;

    color: white;

    border: 1px solid white;

}

.invoiceexinfodiv {

    overflow: hidden;

    padding: 0px 7px;

    margin-top: 20px;

    background-color: #444;

    color: white;

    border: 1px solid white;

}

.invoiceexinfoimg{

    width:100%!important;

    height:auto!important;

}

.costinfodiv {

    padding: 0px 7px;

    margin-top: 20px;

    background-color: #444;

    color: white;

    border: 1px solid white;

}

.contractinfodiv {

    overflow: hidden;

    padding: 0px 7px;

    margin-top: 20px;

    background-color: #444;

    color: white;

    border: 1px solid white;

}

.infotitle{

color:white;

font-size: 16px;

margin: 0px;

display: inline-block;

padding: 11px;

}

.personexpand{

color: white!important;

cursor: pointer;

font-size: 30px;

float: right;

line-height: 0.7;

padding: 0px 3px 5px 3px;

border: 1px solid #ffc800;

margin-top: 6px;

font-family: sans-serif;

}

.invoiceexpand{

    color: white!important;

    cursor: pointer;

    font-size: 30px;

    float: right;

    line-height: 0.7;

    padding: 0px 3px 5px 3px;

    border: 1px solid #ffc800;

    margin-top: 6px;

    font-family: sans-serif;

}

.invoiceexexpand{

    color: white!important;

    cursor: pointer;

    font-size: 30px;

    float: right;

    line-height: 0.7;

    padding: 0px 3px 5px 3px;

    border: 1px solid #ffc800;

    margin-top: 6px;

    font-family: sans-serif;

}

.costexpand{

    color: white!important;

    cursor: pointer;

    font-size: 30px;

    float: right;

    line-height: 0.7;

    padding: 0px 3px 5px 3px;

    border: 1px solid #ffc800;

    margin-top: 6px;

    font-family: sans-serif;

}

.contractexpand{

    color: white!important;

    cursor: pointer;

    font-size: 30px;

    float: right;

    line-height: 0.7;

    padding: 0px 3px 5px 3px;

    border: 1px solid #ffc800;

    margin-top: 6px;

    font-family: sans-serif;

}

.personinfodiv table{

display:none;

}

.invoiceinfodiv table{

    display:none;

}

.invoiceexinfodiv table{

    display:none;

}

.costinfodiv table{

    display:none;

}

.contractinfodiv table{

    display:none;

}

.services{

margin-bottom:40px;

}

.personinfo{

margin-bottom:60px;

clear: both;

}

.invoiceinfo{

    margin-bottom:60px;

    clear: both;

}

.invoiceexinfo{

    margin-bottom:60px;

    clear: both;

}

.costinfo{

    margin-bottom:60px;

    clear: both;

}

.contractinfo{

    margin-bottom:60px;

    clear: both;

}

.personinfodiv h1{

color:white;

}

.invoiceinfodiv h1{

    color:white;

}

.invoiceexinfodiv h1{

    color:white;

}

.costinfodiv h1{

    color:white;

}

.contractinfodiv h1{

    color:white;

}

.showtable{

display:table!important;

}

.persontitle{

text-align: center;

padding-bottom: 13px;

font-size: 27px;

color: white;

}

.carservice table td, th {

    padding: 7px;

}

.technicalinfo{

    margin-bottom: 40px;

    background-color: #444;

}

.technicalinfo table{

    display: table;

}

.technicalinfo th,.technicalinfo td{

    border:1px solid white;

}

.technicalinfo table tr th{

    width:16.66%;

    border: none;

}

.technicaltable td:nth-child(odd) {

    font-weight: 500;

}

.carbrochurediv{

    margin-bottom:40px;

    background-color: #444;

}

.carbrochurediv table{

    display: table;

}

.carbrochure a{

    background-color: #ffc800;

    color: black!important;

    padding: 6px 22px;

    text-decoration: none!important;

    display: inline-block;

    cursor: pointer;

}

.carservice td,.carservice th{

    font-size: 15px;

}

.cocdiv{

    margin:40px auto;

    background-color: #444;

}

.cocdiv table{

    display: table;

}

.coc a{

    background-color: #ffc800;

    color: black!important;

    padding: 6px 22px;

    text-decoration: none!important;

    display: inline-block;

    cursor: pointer;

}

.partsandsafetydiv{

    margin:40px auto;

    background-color: #444;

}

.partsandsafetydiv table{

    display: table;

}

.partsandsafety a{

    background-color: #ffc800;

    color: black!important;

    padding: 6px 22px;

    text-decoration: none!important;

    display: inline-block;

    cursor: pointer;

}

.customerrate table{

    display: table;

}

.customerrate {

    margin-top:40px;

}

.customerrate div{

    margin-bottom: 20px;

    background-color: #444;

}

.customerrate thead th{

    font-weight: 500;

}

.customerrate th,.customerrate td{

    border: 1px solid white;

}

.vinsubmit tbody tr:nth-child(1) td{

    font-weight: 500;

}

.csstyle{

    color:#ffc800;

}

.customerrate input{

background-color: #777;

width: 14%;

color: white;

line-height: 0;

text-align: center;

}

.kmisubmitcarrate{

    background-color: #ffc800;

    padding: 5px 10px;

    border: 1px solid white;

}

.technicaltable td:nth-child(even){

    direction: ltr;

    text-align: right;

}

.recepietime,.deliverytime{

    direction: ltr;

    text-align: right;

}

.technicaltable tbody:last-child td:last-child {

    direction: rtl;

}

.lastreceptionstatus {

    width: 100%;

    float: right;

    height: fit-content;

}



.lastreceptionstatus span {

    display: block;

    float: right;

    width: 25%;

    margin-bottom: 20px;

    border: 1px solid white;

    padding: 8px;

    background: black;

    color: white!important;

}

.lastreceptionstatus .activestage {

    background: #ffc800;

    color: black!important;

}
.kmistandard-logininput::placeholder{
    color: black;
}
.kmistandard-vininput::placeholder{
    color: black;
}
@media screen and (max-width:767px){

.costinfodiv{
    overflow: scroll;
}

.carservice td,.carservice th {

 font-size: 10px;

}

.persontitle{

    font-size: 20px;

}

.carservice .vinlogin{

    width: 100%;

}

.carservice img{

    width: 30%;

}

.carservice input {

    width: 52%;

}

.csstyle{

    font-size: 10px;

}

.personexpand{

    font-size: 21px;

    padding: 2px 5px 3px 5px;

}

.invoiceexpand{

    font-size: 21px;

    padding: 2px 5px 3px 5px;

}

.invoiceexexpand{

    font-size: 21px;

    padding: 2px 5px 3px 5px;

}

.costexpand{

    font-size: 21px;

    padding: 2px 5px 3px 5px;

}

.contractexpand{

    font-size: 21px;

    padding: 2px 5px 3px 5px;

}

.carservice .technicaltable td {

    font-size: 8px;

    padding: 4px;

}

.kmisubmitcarrate{

    font-size: 10px;

}

.lastreceptionstatus {

    font-size: 11px;

}

h3.recpstatustitle {

    font-size: 18px;

}

.technicalinfo{

    margin-bottom: 20px;

}

}