.kmireserve-div{
    color: white;
    width: 100%;
    min-height:400px;
}

.kmireserve-div div:not(:first-child){
    border-top: 2px solid white;
    overflow: auto;
    padding-bottom: 10px;
}

.kmireserve-progressbar span::after{
    display: block;
    position:absolute;
    bottom: -25px;
    width: 152px;
    text-align: center;
}

.kmireserve-div div{
    display: none;
}

.kmireserve-div .kmireserve-progressbar{
    display: block;
    width:fit-content;
    height: 80px;
    padding: 5px;
    margin: 0 auto;
}

.kmireserve-progressbar span{
    display: block;
    float: right;
    background-size: contain;
    height: 40px;
    background-repeat:no-repeat;
    background-position: center;
    margin:5px 20px;
    width:152px;
    position: relative;
}

.kmireserve-customerprog{
    background-image: url("../images/customer-active.png");
}

.kmireserve-customerprog::after{
    content:'اطلاعات مالک';
}

.kmireserve-dealerprog{
    background-image: url("../images/dealer1.png");
}

.kmireserve-dealerprog::after{
    content:'انتخاب عاملیت';
    display: block;
    position:absolute;
    bottom: -25px;
    width: 152px;
    text-align: center;
}

.kmireserve-dealerprog.isactive{
    background-image: url("../images/dealer-active.png");
}

.kmireserve-addinfoprog{
    background-image: url("../images/addinfo1.png");
}

.kmireserve-addinfoprog.isactive{
    background-image: url("../images/addinfo-active.png");
}

.kmireserve-addinfoprog::after{
    content:'شرح ایرادات';
}

.kmireserve-detailsprog{
    background-image: url("../images/details1.png");
}

.kmireserve-detailsprog.isactive{
    background-image: url("../images/details-active.png");
}

.kmireserve-detailsprog::after{
    content:'جزثیات';
}

.kmireserve-finalprog{
    background-image: url("../images/final1.png");
}

.kmireserve-finalprog.isactive{
    background-image: url("../images/final-active.png");
}

.kmireserve-finalprog::after{
    content:'کد رهگیری';
}

.kmireserve-div .kmireserve-customer{
    display: block;
}

.kmireserve-customer label,.kmireserve-customer button{
    display: block;
    margin:10px auto;
    width: 30%;
}

.kmireserve-customer button{
    background:#ffc800;
    color:black;
}

.kmireserve-customer select,.kmireserve-customer input{
    width:100%;
    display: block;
}

.kmireserve-customer{
    width:100%;
    margin: 0 auto;
}

.kmireserve-dealer label {
    display: block;
    width: 55%;
    float: right;
    margin-right: 32%;
}

.kmireserve-dealer select {
    display: block;
    width: 65%;
}
.kmireserve-dealer button{
width: 35.7%;
margin-right: 32%;
margin-top: 12px;
}
.kmireserve-dealer button{
    background:#ffc800;
    color:black;
}

.kmireserve-verifymobile{
    background:#ffc800;
    color:black;
}

.kmireserve-addinfo label{
    display: block;
    width: 30%;
    margin: 20px auto;
}
.kmireserve-addinfo textarea{
    width: 100%;
    resize: none;
}
.kmireserve-addinfo button{
    width: 30%;
    display: block;
    margin: 0 auto;
    background-color: #ffc800;
    color: black;
}
.kmireserve-details{
    padding: 20px 10px 0px 0px;
}
.kmireserve-details h3{
    margin:0px 0px 10px 0px;
    border-bottom: 1px solid #ffc800;
}
.kmireserve-details table{
    width: 100%;
}
.kmireserve-details table tr,.kmireserve-details table td,.kmireserve-details table tا{
    border:1px solid white;
    padding: 5px;
    width: 50%;
}
.kmireserve-details label{
    display: block;
    padding: 5px;
}
.kmireserve-details h5{
    margin-top: 10px;
}
.kmireserve-addinfosubmit{
    padding: 5px 30px;
    background: #ffc800;
    color:black;
}
.kmireserve-final div{
    color: white;
    text-align: center;
    margin-top: 40px;
    padding: 5px;
    border: 1px solid white;
    font-size: 20px;
    display: block;
}
@media screen and (max-width:768px) {

.kmireserve-progressbar span{
    height: 20px;
    width: 40px;
    margin: 5px 10px;
}
.kmireserve-progressbar span::after{
    font-size: 12px;
    width: 40px;    
    bottom: -40px;

}

.kmireserve-customer label,.kmireserve-customer button{
    display: block;
    margin:10px auto;
    width: 80%;
}

.kmireserve-dealer label {
    display: block;
    width: 80%;
    margin-right:10%;
}
.kmireserve-dealer select {
    display: block;
    width: 100%;
}

.kmireserve-dealer button{
    width:80%;
    margin-right:10%;
}
.kmireserve-addinfo label{
    width: 100%;
}


}