body {
    background: #ffe5e5;
}

.form-group-scan {
    margin: 0 auto;
    padding: 15px;
    background: #ffffff;
    margin: 30px auto;
    border: 0px solid #c9060629;
    border-radius: 0px;
    box-shadow: 0 0 15px #e9e9e9;
}
.row.headerlogo {
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbcbcb4d;
}
.row.headerlogo img {
    max-width: 100px;
}
.col-md-6.text-right img {
    float: right;
}

a.scan {
    display: block;
    background: TRANSPARENT;
    margin: 30px auto  0px;
    padding: 20px 0px 10px;
    color: #333;
    text-decoration: none;
    border-radius: 0;
    font-size: 23px;
    font-weight: 600;
    border: 0px solid #e7e7e7;
}
        a.scan:hover { 
    color: #e50707; 
}
.headerlogo2.text-center {
    padding-bottom: 15px;
}
.headerlogo2.text-center img {
    max-width: 300px;
    border: 1px solid #eee;
    margin-top: 15px;
    margin-bottom: 30px;
}



/* seconf page css */
div#second .form-group-scan {
    margin: 0 auto;
    padding: 15px;
    background: #ffffff;
    margin: 25px auto;
    border: 0px solid #c9060629;
    border-radius: 0px;
    box-shadow: 0 0 15px #e9e9e9;
}
.myform_fields {
    max-width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}
h3.issue {
    font-size: 20px;
    margin: 50px 0 25px;
}
button.issuelist {
    border: none;
    padding: 12px 15px;
    width: 100%;
    border-radius: .375rem;
    border: 1px solid #e1dbdb;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
}
button.issuelist span {
    margin-left: 5px;
    color: #525252; 
} 
button.issuelist:hover {
    background: #b90808 !important;
    color: #fff;
    font-weight: 550;
}
.active  {
    background: #8d0404 !important;
    color: #fff;
    font-weight: 550;
}
 .active span { 
    color: #fff; 
}
 button.issuelist:hover span, .active span { 
    color: #fff !important;
} 
 .row.submitt.pt-5 button.btn.btn-danger {
    width: 150px;
    padding: 8px;
    background: #cd0707;
    border-color: #cd0707;
    font-weight: 500; 
}
  .row.submitt.pt-5 button.btn.btn-danger:hover {
    width: 150px;
    padding: 8px;
    background: #ad0505;
    border-color: #ad0505;
    font-weight: 500; 
}
  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #cd0707;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}
  label {
    display: inline-block;
    font-weight: 500;
}
 

@media(max-width:767px)
{
    .form-group-scan {
    margin: 0 auto;
    padding: 15px;
    background: #ffffff;
    margin: 35px auto;
    border: 0px solid #c9060629;
    border-radius: 0px;
    box-shadow: 0 0 15px #e9e9e9;
}
  .form-group-scan img {
    max-width: 70px !important;
}
  .row.headerlogo .col-md-6.text-left, .row.headerlogo .col-md-6.text-right {
    width: 50%;
    float: left;
}
  a.scan {
    display: block;
    background: TRANSPARENT;
    margin: 20px auto  0px;
    padding: 20px 0px;
    color: #333;
    text-decoration: none;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    border: 0px solid #e7e7e7;
}
  .headerlogo2.text-center img {
    max-width: 215px !important;
    margin-bottom: 35px;
}


/* second page css */

.myform_fields {
    max-width: 85%;
    margin: 0 auto;
    padding: 30px 0;
}
label {
    display: block; 
    margin-bottom: 5px;
    margin-top: 8px;
    font-size: 16px;
}
h3.issue {
    font-size: 18px;
    margin: 40px 0 20px;
    line-height: 1.5;
}
button.issuelist {
    border: none;
    padding: 10px 20px;
    width: 100%;
    border-radius: .375rem;
    border: 1px solid #e1dbdb;
    background: #fff;
    margin: 5px 0;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    letter-spacing: .3px;
    font-weight: 500;
}
button.issuelist span {
    margin-left: 5px;
    color: #b90808;
    float: right;
    width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
button.issuelist:hover span, .active span {
    color: #b90808 !important;
    background: #fff;
}

}