label.one{
margin-left: 20px;
}
p {
 margin-top: 0;
}

form .form-control::-webkit-input-placeholder { 
color: #497edb;
}

form .form-control::-moz-placeholder {
color: #497edb;
}
form .form-control:-ms-input-placeholder {
color: #497edb;
}
form .form-control:placeholder {
color: #497edb;
}
.fa-cloud-upload:before {
 content: "\f0ee";
 font-size: 100px;
}

.modal-body {
 position: relative;
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 padding: 2.5rem;
}

.modal-backdrop
{
 opacity:0.5 !important;
}


.fa-upload:before {
 content: "\f093"; 
 color: white;
 font-size: xxx-large;
 font-weight: 100;
}

.fa, .fas {
 color: #1f56b6
}

.fa-search:before {
 content: "\f002";
 font-size: large;
}
.fa-user:before {
 content: "\f007";
 font-size: large;
}
.fa-car:before {
 content: "\f1b9";
 font-size: large;
}
.fa-gas-pump:before {
 content: "\f52f";
 font-size: large;
     font-weight: 700;
}
.fa-mobile:before {
 content: "\f10b";
 font-size: x-large;
}
.fa-envelope:before {
 content: "\f0e0";
 font-size: large;
}

.row {
display: -ms-flexbox;
margin-right: -15px;
margin-left: -15px;
justify-items: center;
justify-content: center;
}

.text-center {
text-align: center!important;
justify-content: center;
justify-items: center;
width: 100%;
}

.col-form-label{
background-color: #fff;
color: #1f56b6;
}

.radio-inline label{
background-color: #497edb;
border: none;
color: white;
padding: 11px 5px;
text-decoration: none;
margin: 1px 3px;
border-radius: 5px;
cursor: pointer;  
}

#typeselect > button {
    background-color: #497edb;
border: none;
color: white;
padding: 11px 5px;
text-decoration: none;
margin: 10px 3px;
border-radius: 5px;
cursor: pointer;
width: -webkit-fill-available;
filter: drop-shadow(-1px 1px 1px black);
}

.radio-inline1 label {
background-color: #497edb;
border: none;
color: white;
padding: 11px 5px;
text-decoration: none;
margin: 1px 3px;
border-radius: 5px;
cursor: pointer;
width: 100%;
filter: drop-shadow(-1px 1px 1px black);
}


.radio-inline1  input[type="radio"] {
opacity: 0;
width: 0%;
position: fixed;
}

.radio-inline1 label:hover {
background-color: #1f56b6;
color:#fff;
}
.radio-inline1 input[type="radio"]:checked + label {
background-color:#1f56b6;
border-color: #1f56b6;
color:#fff;
}

select#cover {
    padding: 10px;
    border: 1px solid #1b4da5;
    border-radius: 13px;
    background-color: #497edb;
    color: white;
    font-weight: bold;
    margin-top: 15px;
}


.myspan{
    background-color: #497edb;
    border: none;
    color: white;
    padding: 11px 5px;
    text-decoration: none;
    margin: 1px 3px;
    border-radius: 5px;
    cursor: pointer;
    width: -webkit-fill-available;
    filter: drop-shadow(-1px 1px 1px black);
    width: auto;
}


.radio-inline  input[type="radio"] {
opacity: 0;
width: 0%;
position: fixed;
}

.radio-inline label:hover {
background-color: #1f56b6;
color:#fff;
}
.radio-inline input[type="radio"]:checked + label {
background-color:#1f56b6;
border-color: #1f56b6;
color:#fff;
}



.form-control {
display: block;
width: 100%;
margin:0px 0px 0px 3%;
font-size: 1rem;
line-height: 1.5;
color: #1f56b6;
background-color: #fff;
background-clip: padding-box;
border: none !important;
}

*:focus{
    outline: none;
    border: none;
}

label#lab1,#lab2,#lab3 {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: white;
background-color: #1f56b6;
background-clip: padding-box;
border: 1px solid #1f56b6;
border-radius: 0px;
/* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
border-radius: 5px;
filter: drop-shadow(-1px 1px 1px black);
}

.autocomplete-items {
position: relative;
border: 1px solid #d4d4d4;
width: 100%;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 15px;
right: 0;
}

.autocomplete {
position: relative;
display: inline-block;
width: 104%;
}

.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff; 
border-bottom: 1px solid #d4d4d4; 
color: #1f56b6;
text-align: left;
font-size: 13px;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important; 
color: #ffffff; 
}


.form-control:focus {
    width: 112%;
}

i.fa.fa-upload:before {
    font-size: 30px !important;
}

h5#uploadlab {
    font-size: 1rem;
}

.inputt-group-text {
display: flex;
align-items: center;
padding: 0px 0px 0px 10px;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #fff !important;
border: 1px solid #1f56b6 !important;
border-radius: 5px;
width: 100%;
}

#mob,#email,#rto,#myInput,#fueltype,#carnum,#carnum1,#carmod,#name{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-color: #fff;
border-left-style: none;
}

.button1{
overflow: visible;
width: inherit;
color: white;
background-color: #1b4da5;
border-radius: 5px;
position: relative;
min-height: 1px;
letter-spacing: 2px;
font-weight: 450;
border :0px;
height: 50px;
width: 80%;
padding:10px;
font-size: 20px;
filter: drop-shadow(1px 2px 1px black);
}


.buttonupload{
overflow: visible;
filter: drop-shadow(1px 0px 1px black);
color: white;
background-color: #497edb;
border-radius: 5px;
text-align: center;
padding-top: 5px;
min-height: 1px;
width: 100%;
padding-left: 0px;
line-height: 1.5;
font-weight: 450;
border: 0px;
height: 80px;
float: left;

}

button.buttonwhatsapp {
    overflow: visible;
    color: white;
    background-color: #25d366;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    min-height: 1px;
    width: 100%;
    padding-left: 0px;
    line-height: 1.5;
    font-weight: 450;
    border: 0px;
    height: 80px;
    filter: drop-shadow(1px 0px 1px black);
    float: right;
}


.button2{
background-color: inherit;
border: 0px;
}

#spandetails {
color: #497edb;
font-size: small;
font-weight: 400;
margin-left: 20px;
}

.fa-chevron-left:before {
content: "\f053";
color: white;
font-size: large;
font-weight: 700;
margin-right: 5px;
}
.whatsapp .fa-whatsapp:before {
content: "\f232";
color: white;
font-size: 35px;
font-weight: 100;
}

#filediv{
border: 1px solid #1f56b6;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-radius: 5px;
position: relative;
}

label#rlab {
width: 10%;
border: 1px solid #1f56b6;
border-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-style: none;
display: table;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
height: inherit;
}

span#sid {
border: 1px;
border-color: black;
width: -webkit-fill-available;
width: 10%;
border: 1px solid #1f56b6;
border-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
height: inherit;
display: block;
}

.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}

.btn {
border: 2px solid gray;
color: gray;
background-color: white;
padding: 8px 20px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}

#uploadmod{
padding-right: 0px;
}

.whatsapp a .fa-whatsapp:before {
 content: "\f232";
 vertical-align: middle;
 margin-left: 5px;
 font-size: inherit;
 font-size: xx-large;
 color: #25d366;
}


label {
margin-bottom: 0px; 
}


@media (max-width: 572px){
 h5#uploadlab {
    font-size:0.7rem;
 }
}

* {
box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 100%;
padding: 10px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
 width: 100%;
}
}

#uploadiv {
    margin-top: -50px;
}