.panel_dasboard{
width:80%;
height:40px;
float:left;
margin-left:10%;
}

.panel_dashboard_item{
padding:10px 15px;
background-color:#b38600;
color:white;
border-radius:5px;
margin-left:1%;
cursor:pointer;
font-weight:bold
}

#mapi{
display:none;
/* border:1px solid black; */
margin-top:2%;
}
#bantwara{
display:none;
}
#map{
display:none;
}

.b1{
width:30vw;

float:left;

padding:8px 8px;
background-color:#009933;
color:white;
border:1px solid #009933;
font-weight:bold;
border-radius:5px;
cursor:pointer;
}

.inp1{
width:100%;
height:40px;
margin-top:1%;


}
.formm{
width:100%;
height:auto;
float:left;
margin-left:0%;
}

.b2{
width:40%;
margin-left:30%;
float:left;
padding:8px 8px;
background-color:#009933;
color:white;
border:1px solid #009933;
border-radius:5px;
cursor:pointer;

}

.mapiTa1{
width:50%;
float:left;
margin-left:25%;
margin-top:2%;

}
table {
  
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

#h4{
margin-top:-1%;
}

.showData{
width:100%;
height:120px;
float:left;
margin-left:0%;
border:1px solid black;
margin-top:2%;
}
.dataShow{
width:14%;
height:100%;
float:left;
border-left:1px solid black;
}
#b12{
width:98%;
float:left;
margin-left:10%;
margin-top:25%;
padding:3px 3px;
background-color:red;
color:white;border:1px solid red;
border-radius:5px;
cursor:pointer;
}

.mapSh1{
width:90%;
height:auto;
float:left;
margin-left:5%;

}

.saveAsData{
width:100%;
height:100%;
float:left;
margin-left:0%;
}

.saveAsData input{
width:100%;
height:35px;
}

.saveAsData select{
width:100%;
height:30px;
}

/*------------------------------------Mobile view Port--------------------------------------------------------*/


@media (max-width: 600px) {

.panel_dasboard{
width:100%;
height:40px;
float:left;
margin-left:0%;
}

.panel_dashboard_item{
padding:10px 15px;
background-color:#b38600;
color:white;
border-radius:5px;
margin-left:1%;
cursor:pointer;
font-weight:bold
}

#mapi{
display:none;
/* border:1px solid black; */
margin-top:2%;
}
#bantwara{
display:none;
}
#map{
display:none;
}

.b1{
width:80%;
margin-left:10%;
float:left;
padding:8px 8px;
background-color:#009933;
color:white;
border:1px solid #009933;
font-weight:bold;
border-radius:5px;
cursor:pointer;
}

.inp1{
width:100%;
height:30px;
margin-top:1%;

}
.formm{
width:100%;
height:auto;
float:left;
margin-left:0%;
}

.b2{
width:90%;
margin-left:5%;
float:left;
padding:8px 8px;
background-color:#009933;
color:white;
border:1px solid #009933;
border-radius:5px;
cursor:pointer;

}

.mapiTa1{
width:98%;
float:left;
margin-left:1%;
margin-top:2%;

}
table {
  
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

#h4{
margin-top:-1%;
}

.showData{
width:100%;
height:120px;
float:left;
margin-left:0%;
/* border:1px solid black; */
margin-top:2%;
}
.dataShow{
width:90%;
height:auto;
float:left;
margin-left:5%;
margin-top:1%
/* border-left:1px solid black; */
}
#b12{
width:98%;
float:left;
margin-left:2%;

padding:3px 3px;
background-color:red;
color:white;border:1px solid red;
border-radius:5px;
cursor:pointer;
}

.mapSh1{
width:98%;
height:auto;
float:left;
margin-left:1%;

}

.saveAsData{
width:90%;
height:100%;
float:left;
margin-left:5%;
}

.saveAsData input{
width:100%;
height:30px;
}

.saveAsData select{
width:100%;
height:30px;
}


}