body{
    background: #008000;
    margin-bottom: 10px;
}

#TellNum{
    color: aqua;
}



h1{
    color: #ffff00;
    text-align: center;
}

h2, h4{
    color: antiquewhite;
    text-align: center;
}

#AnnButton{

    margin-top: 10px;
    margin-left: 13%;
}

#Rates, #Policy{
    display: none;
    margin-top: 90px;
}









#nameInitially{
    background: orangered;
}







#RiderLoggedIn{
    display: none;
    padding-left: 1%;
    padding-top: 1%;
    text-align:center;

}

#DriverLoggedIn{
    display: none;
    padding-left: 1%;
    padding-top: 1%;
}

#PassengerNum {
    height: 40px;
    width: 70px;
    margin-top: 10px;
    }


#PickupSearch, #DropoffSearch {
height: 40px;
width: 200px;
margin-top: 10px;
}
#AddStop{
    height: 40px;
}
#SubStop{
    display: none;
    height: 60px;
}

#Stop1, #Stop2, #Stop3{
height: 40px;
width: 300px;
margin-top: 10px;
display: none;
align-items: center;
}
#rideRequested, #rideAccepted{
    display: none;
    margin-bottom: 20%;
}

#Stop1:focus, #Stop2:focus, #Stop3:focus{
    border-width: 5px;
    border-color: blue;
}

#PickupSearch:focus,#DropoffSearch:focus:focus,#NameTxt:focus, #PassengerNum:focus {
    border-width: 5px;
    border-color: blue;
}

#infowindow-content, #MechanicMain {
    display: none;
  }


.switch-btn{
    width: 80px;
    height: 40px;
    background: orange;
    position: relative;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: inset 0 2px 4px rgba(0, 10, 0, 0.3)
}
.switch-btn:before{
    content: '';
position: absolute;
height: 36px;
width: 36px;
background: lightyellow;
left: 2px;
top: 2px;
transition: all 150ms ease-out;
border-radius: 50%;
}

#RiderInfoPhone{
    display: none;

}




#RepaoreeLogedIn{
    display: none;
    padding-left: 1%;
    padding-top: 1%;
}


input[type=checkbox]:checked + .switch-btn:before{
    left: 42PX;
    background: lightskyblue;

} 
input[type=checkbox]:checked + .switch-btn{
background: blue;

}


footer{
    display: block;
    clear: both;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;    
}

#AvailableD{
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    color: yellow;
}

 #MoneyShow, #DetailsShwDayMY, #MoneyShwDayMY{
    font-size: 18px;
    text-transform: uppercase;
    color: yellow;
}




#DriverMain{
    display: none;
}

#timerequested {
    height: 40px;
}

#SeDiv{
    display: none;
}





#InstructionRider{
    margin-top: 10px;
    height: 90px;
}