#dg-container {
    max-width: 375px;
    margin: auto;
    background: rgb(235, 230, 230);
}

#DriveGreen-Screen-1 {
    position: absolute;
    width: 372px;
    height: 4000px;
    background-color: rgb(255,255,255);
    overflow: hidden;
    border: #024B2D;
    border: 1px solid #43eea7;
    --web-view-name: DriveGreen-Screen-1;
    --web-view-id: DriveGreen-Screen-1;
    --web-scale-on-resize: true;
    --web-enable-deep-linking: true;
}
#logo-header {
    position: absolute;
    width: 375px;
    height: 155px;
    left: 0px;
    top: 0px;
    opacity: 1;
}
#Previous_Test_Information {
    left: 73px;
    top: 153px;
    position: absolute;
    overflow: visible;
    width: 231px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
}
#Testinfor_component1 {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 12px;
    top: 198px;
    overflow: visible;
}
#Testinfor_component2 {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 12px;
    top: 268px;
    overflow: visible;
}
#Testinfor_component3 {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 12px;
    top: 338px;
    overflow: visible;
}
#Testinfor_component4 {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 12px;
    top: 408px;
    overflow: visible;
}

#Testinfor_component5 {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 12px;
    top: 478px;
    overflow: visible;
}



#Testinfor {
    position: absolute;
    width: 333px;
    height: 59px;
    left: 0px;
    top: 0px;
    overflow: visible;
    
}
#RectangleTestinfor {
    fill: rgba(255,255,255,1);
    stroke: rgba(58,167,48,0.102);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.RectangleTestinfor {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.059));
    position: absolute;
    overflow: visible;
    width: 351px;
    height: 77px;
    left: 0px;
    top: 0px;
}
#TestInforLabel {
    left: 15px;
    top: 12px;
    position: absolute;
    overflow: visible;
    width: 131px;
    white-space: nowrap;
    text-align: left;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: rgba(2,75,45,1);
}
#TestInforValue {
    left: 15px;
    top: 30px;
    position: absolute;
    overflow: visible;
    width: 99px;
    white-space: nowrap;
    text-align: left;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(2,75,45,1);
}

#ExpandDiv{
    left: 5px;
    top: 460px;
    width: 335px;
    position: absolute;
    overflow: visible;
    background-color: #6987e7;

}

#ExpandButton {
    left: 140px;
    top: 5px;
    position: absolute;
    overflow: visible;
    width: 330px;

}

 

.buttonViewAll {border-radius: 15px;height: 35px;width: 105px;background-color: #024B2D;color: white;}
.buttonViewAll:hover {background-color: #024B2D; color: white;}
.buttonViewAll:focus {background-color: #024B2D; color: white;}

#PetrolWastageHistoryDiv{
    left: 0px;
    top: 542px;
    width: 360px;
    position: absolute;
    overflow: visible;
  


}
#Petrol_WastageHistrory {
    left: 35px;
    top: 5px;
    position: absolute;
    overflow: visible;
    width: 330px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);

}

#Petrol_WastageHistrorychart {
    left: 0px;
    top: 10px;
    position: absolute;
    overflow: visible;
    width: 360px;
    font-family: Lato;
    font-style: normal;
    color: rgba(2,75,45,1);

}


#PetrolWastageChartDiv{
    left: 5px;
    top: 875px;
    width: 335px;
    position: absolute;
    overflow: visible;
    opacity: 1;
}

#PetrolWastageChartButton{
    left: 15px;
    top: 50px;
    padding: 5px;
    width: 330px;
    height: 50px;
    border-radius: 4px;
    opacity: 1;
    position: absolute;
    }
    
.buttonChart {border-radius: 5px;height: 35px;width: 105px;padding: 8px 8px;  display: inline-block;
    font-size: 14px;color: #024B2D;background-color:white}
.buttonChart:hover {background-color: #024B2D; color: white;}
.buttonChart:focus {background-color: #024B2D; color: white;}

#PtType {
    left: 8px;
    top: 105px;
    position: absolute;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(2,75,45,1);
}

#PtMake {
    left: 138px;
    top: 105px;
    position: absolute;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(2,75,45,1);
}

#PtYear {
    left: 250px;
    top: 105px;
    position: absolute;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(2,75,45,1);
}

#yourwastage {
    left: 245px;
    top: 125px;
    position: absolute;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: rgba(2,75,45,1);
}



#PetrolWastageHistoryTypeDiv{
    left: 10px;
    top: 1015px;
    height: 335px;
    width: 350px;
    position: absolute;
    overflow: visible;
    background-color: #FFFFFF;
    border-radius: 6px;
    opacity: 1;
    background: transparent linear-gradient(180deg, var(--unnamed-color-f1f8f1) 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #F1F8F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;

}

#PetrolWastageHistoryMakeDiv{
    left: 10px;
    top: 1015px;
    height: 335px;
    width: 350px;
    position: absolute;
    overflow: visible;
    background-color: #FFFFFF;
    border-radius: 6px;
    opacity: 1;
    background: transparent linear-gradient(180deg, var(--unnamed-color-f1f8f1) 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #F1F8F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;

}

#PetrolWastageHistoryYearDiv{
    left: 10px;
    top: 1015px;
    height: 335px;
    width: 350px;
    position: absolute;
    overflow: visible;
    background-color: #FFFFFF;
    border-radius: 6px;
    opacity: 1;
    background: transparent linear-gradient(180deg, var(--unnamed-color-f1f8f1) 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #F1F8F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;

}




#Estimated_Fuel_WastageDiv{
    left: 5px;
    top: 1340px;
    width: 350px;
    position: absolute;
    overflow: visible;
background: transparent linear-gradient(180deg, var(--unnamed-color-f1f8f1) 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #F1F8F1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}

#Estimated_Fuel_Wastage {
    left: 81px;
    top: 10px;
    position: absolute;
    overflow: visible;
    width: 215px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);


}

#Estimated_FuelChart{
    left: 30px;
    top: 70px;
    position: absolute;
    overflow: visible;
    width: 300px;


}





#PetrolLostRectangle {
    top: 390px;
    left: 55px;
    width: 250px;
    height: 50px;
    position: absolute;
    overflow: visible;
    color: rgba(254,110,110,1);
    border: 1px solid #FE6E6E;
    border-radius: 6px;
    opacity: 1;
}

#PetrolLostText{
    top: 15px;
    left: 5px;
    width: 250px;
    height: 80px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    font-size: 18px;
}


#PetrolWastageRectangle {
    fill: rgba(241,248,241,1);
}
.PetrolWastageRectangle {
    width: 375px;
    height: 373px;
    position: absolute;
    overflow: visible;
    transform: matrix(1,0,0,1,0,477) rotate(180deg);
    transform-origin: center;
}
#PetrolWastageRectangle_59_bf {
    fill: url(#Rectangle_59_bf);
}
.PetrolWastageRectangle_59_bf {
    width: 375px;
    height: 373px;
    position: absolute;
    overflow: visible;
    transform: matrix(1,0,0,1,0,850) rotate(180deg);
    transform-origin: center;
}
#PetrolWastageChart_Group1 {
    position: absolute;
    width: 107px;
    height: 31px;
    left: 21px;
    top: 871px;
    overflow: visible;
}
#PetrolWastageChart_Group1_Rectangle_1 {
    fill: rgba(2,75,45,1);
}
.PetrolWastageChart_Group1_Rectangle_1 {
    position: absolute;
    overflow: visible;
    width: 107px;
    height: 31px;
    left: 0px;
    top: 0px;
}


#PetrolWastageChart_Group2 {
    position: absolute;
    width: 92px;
    height: 31px;
    left: 132px;
    top: 871px;
    overflow: visible;
}
#PetrolWastageChart_Group1_Rectangle_2 {
    fill: rgba(255,255,255,1);
    stroke: rgba(2,75,45,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.PetrolWastageChart_Group1_Rectangle_2 {
    position: absolute;
    overflow: visible;
    width: 92px;
    height: 31px;
    left: 0px;
    top: 0px;
}


#PetrolWastageChart_Group3 {
    position: absolute;
    width: 126px;
    height: 31px;
    left: 228px;
    top: 871px;
    overflow: visible;
}
#PetrolWastageChart_Group1_Rectangle_3 {
    fill: rgba(255,255,255,1);
    stroke: rgba(2,75,45,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.PetrolWastageChart_Group1_Rectangle_3 {
    position: absolute;
    overflow: visible;
    width: 126px;
    height: 31px;
    left: 0px;
    top: 0px;
}

#VCat {
    left: 65px;
    top: 910px;
    position: absolute;
    overflow: visible;
    width: 21px;
    white-space: nowrap;
    line-height: 18px;
    margin-top: -4px;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(2,75,45,1);
}
#VMakeMod {
    left: 154px;
    top: 910px;
    position: absolute;
    overflow: visible;
    width: 49px;
    white-space: nowrap;
    line-height: 18px;
    margin-top: -4px;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(2,75,45,1);
}
#VYear {
    left: 279px;
    top: 910px;
    position: absolute;
    overflow: visible;
    width: 25px;
    white-space: nowrap;
    line-height: 18px;
    margin-top: -4px;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(2,75,45,1);
}



#Estimated_Fuel_WastageRectangle {
    top: 1590px;
    left: 65px;
    fill: transparent;
    stroke: rgba(254,110,110,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}
.Estimated_Fuel_WastageRectangle {
    position: absolute;
    overflow: visible;
    width: 255px;
    height: 49px;
    left: 65px;
    top: 1590px;
}



#NextEmiDiv {
    position: absolute;
    width: 354px;
    height: 678px;
    left: 0px;
    top: 1800px;
    overflow: visible;
}

#Next_Emission {
    left: 125px;
    top: 1px;
    position: absolute;
    overflow: visible;
    width: 127px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
}


#NextIssueDate {
    position: absolute;
    width: 333px;
    height: 72px;
    left: 21px;
    top: 45px;
    overflow: visible;
}


#Your_Next_Emission {
    left: 100px;
    top: 14px;
    position: absolute;
    overflow: visible;
    width: 105px;
    white-space: nowrap;
    text-align: left;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: rgba(2,75,45,1);
}

#Expiredateg {
    left: 100px;
    top: 33px;
    position: absolute;
    overflow: visible;
    width: 159px;
    white-space: nowrap;
    text-align: left;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(2,75,45,1);
}

#NextCharge {
    position: absolute;
    width: 333px;
    height: 72px;
    left: 21px;
    top: 130px;
    overflow: visible;
}

#Nearest_DriveGreenDiv {
    position: absolute;
    width: 354px;
    height: 678px;
    left: 0px;
    top: 2035px;
    overflow: visible;



}
#Nearest_Drivegreen {
    left: 55px;
    top: 1px;
    position: absolute;
    overflow: visible;
    width: 127px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
}

#Nearest_map {
    left: 10px;
    top: 45px;
    position: absolute;
    overflow: visible;
    width: 350px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
    border: 1px solid #03490f;
    border-radius: 6px;
    opacity: 1;
}

#LocationDiv {
    left: 12px;
    top: 2505px;
    width: 335px;
    position: absolute;
    overflow: visible;

}

#StAddress{
    top: 12px;
    left: 100px;
    width: 68px;
    height: 10px;
    position: absolute;
    text-align: left;
    font: normal normal bold 12px/15px Lato;
    letter-spacing: 0px;
    color: #024B2D;
    opacity: 1;
    }

    #Address{
        top: 35px;
        left: 100px;
        width: 250px;
        height: 50px;
        position: absolute;
        text-align: left;
        font: normal normal bold 16px/19px Lato;
        letter-spacing: 0px;
        color: #024B2D;
        opacity: 1;
        }

        #ContactNo{
            top: 92px;
            left: 100px;
            width: 250px;
            height: 50px;
            position: absolute;
            text-align: left;
            font: normal normal bold 12px/15px Lato;
            letter-spacing: 0px;
            color: #024B2D;
            opacity: 1;
            }


#OpenHoursDiv {
    left: 12px;
    top: 2640px;
    width: 335px;
    position: absolute;
    overflow: visible;

}

#Location{
    top: 15px;
    left: 100px;
    width: 68px;
    height: 10px;
    position: absolute;
    text-align: left;
    font: normal normal bold 12px/15px Lato;
    letter-spacing: 0px;
    color: #024B2D;
    opacity: 1;
    }





#Openhours{
top: 15px;
left: 100px;
width: 68px;
height: 10px;
position: absolute;
text-align: left;
font: normal normal bold 12px/15px Lato;
letter-spacing: 0px;
color: #024B2D;
opacity: 1;
}

#MonFri{
    top: 40px;
    left: 100px;
    width: 200px;
    height: 20px;
    position: absolute;
    text-align: left;
    font: normal normal bold 16px/19px Lato;
    letter-spacing: 0px;
    color: #024B2D;
    opacity: 1;
    }

#Satday{
        top: 70px;
        left: 100px;
        width: 220px;
        height: 20px;
        position: absolute;
        text-align: left;
        font: normal normal bold 16px/19px Lato;
        letter-spacing: 0px;
        color: #024B2D;
        opacity: 1;
        }


#TipsDiv {
left: 0px;
top: 2750px;
width: 335px;
position: absolute;
overflow: visible;

}

#Tips{
    left: 60px;
    top: 25px;
    position: absolute;
    overflow: visible;
    width: 127px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
}

#TipsrowButton{
left: 30px;
top: 50px;
padding: 10px;
height: 40px;
padding: auto;
border-radius: 4px;
opacity: 1;
position: absolute;
}

.button {border-radius: 5px;height: 30px;width: 80px;margin-right: 10px;}
.button:hover {background-color: #024B2D; color: white;}
.button:focus {background-color: #024B2D; color: white;}

#TipsImage{
    left: 0px;
    top: 100px;
    width: 340px;
    height: 56px;
    padding: 10px;
    position: absolute;
}

#RatingDiv {
    left: 0px;
    top: 3410px;
    width: 330px;
    position: absolute;
    overflow: visible;

}

#Rating{
    left: 25px;
    top: 10px;
    width: 300px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    overflow: visible;
    color: rgb(102, 9, 114);
}



 #CallusDiv {
    left: 0px;
    top: 3750px;
    width: 330px;
    position: absolute;
    overflow: visible;

}


    

#Callus{
    left: 25px;
    top: 25px;
    width: 300px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    overflow: visible;
    color: rgba(2,75,45,1);
}

#CallusRow {
    top: 55px;
    left: 30px;
    width: 300px;
    height: 50px;
    position: absolute;
    overflow: visible;
     border: 1px solid #FE6E6E;
    background: #3AA730 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
}

#PhoneNo{
    top: 5px;
    left: 30px;
    width: 200px;
    height: 80px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    font-size: 35px;
    letter-spacing: 0px;
color: #FFFFFF;
}


#VisitUs{
    left: 90px;
    top: 70px;
    position: absolute;
    overflow: visible;
    width: 127px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(2,75,45,1);
}
#VisitWeb {
    top: 155px;
    left: 15px;
    width: 325px;
    height: 50px;
    position: absolute;
    overflow: visible;
    border: 1px solid #3AA730;
    border-radius: 6px;
    opacity: 1;
}

#WebSite{
    top: 12px;
    left: 35px;
    width: 250px;
    height: 80px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 0px;
color: #3AA730;
}

a:link {
    color: #3AA730;text-decoration: none;
  }


  #RetangleSep1{
    top: 915px;
    left: 0px;
    width: 375px;
    height: 4px;
    position: absolute;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    background: var(--unnamed-color-f1f8f1) 0% 0% no-repeat padding-box;
    background: #F1F8F1 0% 0% no-repeat padding-box;
    opacity: 1;
    }

#RetangleSep2{
top: 1325px;
left: 0px;
width: 375px;
height: 4px;
position: absolute;
transform: matrix(-1, 0, 0, -1, 0, 0);
background: var(--unnamed-color-f1f8f1) 0% 0% no-repeat padding-box;
background: #F1F8F1 0% 0% no-repeat padding-box;
opacity: 1;
}

#FuelWastageRuppe {
    left: 120px;
    top: 1310px;
    position: absolute;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    color: rgba(2,75,45,1);
}

#Terms{
    left: 20px;
    top: 60px;
    width: 300px;
    white-space: nowrap;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    overflow: visible;
    color: rgba(2,75,45,1);
}