/* File path: /path/to/your/css/file.css */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

body{position: relative;}
#footer_bg{
  background: url(../images/footer_bg.png);
    width: 100%;
    height: 400px;
    position: absolute;
    bottom: 0;
    background-size: cover;
    background-position: center 172px;
    background-repeat: no-repeat;
}
.tx-danger{color: red;}

hr{margin:0 !important;}
.btn {
    border-radius: 50px;
    outline: initial!important;
    box-shadow: none!important;
    box-shadow: initial!important;
    font-size: .8rem;
    padding: .5rem 1.25rem .5rem 1.25rem;
    transition: background-color box-shadow .1s linear;
}

.btn-primary {
    background-color: #00365a !important;
    border-color: #00365a !important;
    color: #fff !important;
}
.btn-success {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

#logo{float: left;/*position: fixed;*/}

#editNumberBtn{cursor: pointer;color: grey;}
#editNumberBtn:hover{color: #007bff;}


ul{padding: 0;}
#header
{
    width: 100%;
    clear: both;
    position: fixed;
    top: 0px;
    background: #fff;
    padding-top: 5px;
    z-index: 1;
    padding-bottom: 5px;
    box-shadow: #dadada 2px 2px 23px;
}

.mb-40{margin-bottom: 40px;}

#header_right{float: right;margin-top: 13px;}
#header_right ul{list-style-type: none;padding: 0;margin:0;}
#header_right ul li{float: left;margin-top: 0px;}
#header_right ul li.loginbtn{margin-top:0;margin-left: 15px;}

#header_right ul li.loginbtn a{padding: .375rem .75rem;}

#brand_list{width:76%;margin-left:auto;margin-right:auto;}
#brand_list ul{padding: 0;}
.showMore{margin-bottom: 20px;}

.progressUl{margin-bottom: 45px;padding: 0;}

.vehicleType{margin:0 30px; display: inline-block;}
.vehicleType.active_cat{cursor: pointer;}

.vehicleType:hover div{border:solid 2px #085f98;
    box-shadow: #085f98 1px 0px 19px -5px;}

.vehicleType div{
    width:100px; height: 100px;border-radius: 50%;
    border:solid 2px #00365a;text-align: center;
}
.vehicleType div svg{width: 60px;margin-top:22px;}

#vehicle_type div svg {
    width: 60px;
    margin-top: 22px;
}

.vehicleType span{font-weight: bold;}


.progressStep ul li{
	display: inline-block;margin:0 15px; position: relative;width: 105px;vertical-align: middle;
}
#fuel_type ul li svg{width: 50px;margin-top: 25px;}

.progressStep ul li div{
	width: 50px; height: 50px; background-color: #f7f7f7;
	border-radius: 50%;margin: 0 auto;
}
.progressStep ul li.completed div{
	background-color: #e6e5e5;
}
.progressStep ul li.completed div img{width: 32px;padding-top: 9px;}


.progressStep ul li span{position: absolute;left: 0;width: 100%;text-align: center;}

#brandList li{
	display: inline-block;margin:0 50px; position: relative;width: 100px;margin-bottom: 30px;
    vertical-align: text-top;
}

#brandList li.active_brand{
    cursor: pointer;
}

#brandList li div{
	width: 100px; height: 100px; border:solid 2px #00365a;
	border-radius: 50%;margin: 0 auto;
}

#brandList li.disabled_brand div{
        opacity: 0.5;
}



#brandList li div img{width: 100%;}

#brandList li:hover div{border:solid 2px #085f98;
    box-shadow: #085f98 1px 0px 19px -5px;}

#brandList ul li span,#vehicle_type ul li span, #fuel_type ul li span{position: absolute;left: 0;width: 100%;text-align: center;}
#brand_panel{margin-top:30px;}

#vehicle_type ul li div,#fuel_type ul li div{width: 100px; height: 100px;
 border:solid 2px #00365a;
	border-radius: 50%;margin: 0 auto;}

#fuel_type ul li.disabled div,#fuel_type ul li.disabled span{
opacity: 0.5;
}

#fuel_type ul li.active_fuel,#vehicle_type ul li{
   cursor: pointer;
}

#vehicle_type ul li, #fuel_type ul li{
display: inline-block;margin:0 50px; position: relative;width: 100px;margin-bottom: 30px;

}

#vehicle_type ul li:hover div, #fuel_type ul li.active_fuel:hover div{border:solid 2px #085f98;
    box-shadow: #085f98 1px 0px 19px -5px;}


#order_type ul li div{width: 100px; height: 100px; margin: 0 auto;}

#order_type ul li div img{width: 100%; margin: 0 auto;}

#order_type ul li{
    display: inline-block;
    margin: 0 50px;
    position: relative;
    width: 209px;
    margin-bottom: 30px;
    border: solid 2px #00365a;
    padding: 28px;
    border-radius: 38px;height: 245px;vertical-align: top;
}
#order_type ul li.sticker_actived{
 cursor: pointer;
}

#order_type ul li.sticker_disabled{
opacity: 0.5;
}

#order_type ul li p{font-weight: bold;}
#order_type ul li.sticker_actived:hover {
    border:solid 2px #085f98;
    box-shadow: #085f98 1px 0px 19px -5px;
}


#order_type ul li span{width: 100%;
    text-align: center;
    height: 64px;
    display: block;}



#vehicle_number{
   /* width: 238px;
    border: solid 2px #000;
    height: 47px;
    line-height: 47px;
    padding: 5px 10px;
    padding-left: 18px;
    padding-right: 0px;
    font-size: 27px;
    text-transform: uppercase;text-align: center;
    font-family: 'Oswald', sans-serif;
    border-radius:5px;
    font-weight: 400;
    letter-spacing: 2px;
    background-image: url(../images/no_plate_security.png);
    background-repeat: no-repeat; */

}
.continueBtn{
	/*border: solid 1px #000;
    background: #d6d6d6;
    padding: 10px;
    font-size: 20px; */
    display: inline-block;
    margin-top: 25px;cursor: pointer;
}
 #submit_block{margin-bottom: 20px;
    text-align: right;
    width: 100%;}

.copyright{margin-top: 30px;}

#footer_payment {
    background: rgba(103, 114, 148, 0.05);
    padding-top: 80px;height: 530px;
}
footer {
    margin-top: 117px;
    background: #F4F9FE;
    padding-top: 90px;
}
footer .footer_top .footer-title img {
    height: 65px;
    margin-bottom: 40px;
}

footer .footer_top .footer-title .social_iocns {
    margin-top: 40px;list-style: none;
}
footer .footer_top .footer-title .social_iocns li {
    margin-right: 5px;
}
footer .footer_top h3 {
    font-weight: 700;
    font-size: 18px;
    color: #222D39;
    margin-bottom: 40px;
}
footer .footer_top .company-content ul.location_info li {
    padding-bottom: 12px;list-style-type: none;
}
footer .footer_top .location_info li i {
    padding-right: 15px;
}
footer .footer_bottom {
    padding: 30px 0px 30px;
    margin-top: 100px;
}
footer .footer_top .footer-title .social_iocns li a i:before {
    margin: 0 10px;
    color: #FF8A73;
    font-size: 18px;
}
.social_iocns i:before {
    font-weight: 700;
    font-size: 18px !important;
}
footer .footer_top .footer-title .social_iocns li a .icon_tw:before {
    color: #5580FF;
}
footer .footer_top .footer-title .social_iocns li a .fa-instagram:before {
    color: #222D39;
}
footer .footer_top .footer-title .social_iocns li a .fa-linkedin-in:before {
    color: #FFD474;
}
#vehicle_panel{margin-top:45px;}



#vehicle_number.private{
    background-color: #fff;
    color:#000;
}
#vehicle_number.commercial{
    background-color: #f3d700;
    color:#000;
}

#vehicle_number.electric{
    background-color: #21c76d;
    color:#fff;
}

.navbar-custom {
  background-color: #343a40;
  padding: 10px 20px;
}

.navbar-custom .nav-link {
  color: #ffffff;
}

.navbar-custom .nav-link:hover {
  color: #ffc107;
}

.dropdown-menu-custom {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}

.dropdown-menu-custom .dropdown-item {
  color: #343a40;
}

.dropdown-menu-custom .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #343a40;
}

@media (min-width: 768px) {
    #header_right ul li a{padding:10px 0 10px 0;}
    #logo img{width: 225px;}
    #content_container{min-height: 400px;}
}




@media (max-width: 767px) {
    #header_right ul li.loginbtn{
        margin-top:17px;
    }

    #header_right ul li.loginbtn a {
    display: initial;
    }
  #vehicle_panel{margin-top:28px;}

    #header {padding-top: 8px;background: #fff;min-height: 69px;}
    #logo{
    width: 190px;
    position: fixed;

    }
    #logo img{width: 100%;}
    .h1, h1 {
    font-size: 1.5rem;
    }
    .vehicleType{margin-bottom: 30px;}
    .progressStep ul li {
        margin: 0 0 44px;
    width: 103px;
    }
    #brandList li {
    margin: 0 29px 20px;
    }
    #brand_list{
        width: 100%;
    }
    #vehicle_type ul li, #fuel_type ul li {
    margin: 0 21px;
    margin-bottom: 45px;
    }

    .installation_label,.total_price_label,.gst_label,.grand_total{width:50%;float: left;}
    #installation_charge,#total_price,#gst_price,#final_amount,.amount_label{float:right;width:40%;}
    #submit_block{text-align: center;
    width: 100%;margin-bottom: 20px;}

    #footer_payment {
    height: 865px;
    }

    #footer_bg {
    height: 298px;
    background-position: center 86px;
    }

    .progressUl{margin-bottom: 0;}


}