.container{
    width:100%;

}
.jsonlist {
	background: #00a1ff;
	color: #fff;
	padding: 8px;
	text-align: left;
	margin-bottom:30px;
}
a {
    color: #147ca5;
   /* border: solid 2px #b5e4e0; */
    padding: 2px;
 /*   background: #c8e4dc; */
    font-weight: 600;
}
iframe {
width: 100%;
height: 360px;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    color: #ffffff;
    background: #00a1ff;
}

input[type="textbox"] {
    color: #000;
}

.objectdata {
	background: #0066cc;
    color: #fff;
    padding: 4px;
    font-size: 1.2em;
	border-radius: 6px;
}
 footer {
   background: #1e8274;
   padding-top: 12px;
   padding-bottom: 12px;
   color: #fff;
}
.adcode {
text-align: center;
}
.fcastitem {
border: solid 1px #fff;
padding: 4px;
margin-top:4px;
font-size: 0.9em;
}
.fcastitem .iconsfclass {
display: block;
margin: 6px;
font-size: 2.2em;
}
.weatherNow {
border: solid 2px #fff;
padding: 6px;
margin-top: 6px;
font-size: 1.4em;
}
.fcvalue {
background: #0066cc;
    padding: 4px;
font-size: 1.1em;
font-weight: 600;
}
header .navbar-inverse {
background-color: #0066cc;
color: #fff;
margin-bottom: -0px;
}
header .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    color: #fff;
}
header .navbar-inverse a {border: none;}
header .navbar-inverse .navbar-brand:focus, header .navbar-inverse .navbar-brand:hover {
	background-color: #346962;
}
header .navbar-inverse .navbar-brand, header .navbar-inverse .navbar-brand {
	background-color: #0066cc;
}
#chart_div {width: 100%; height: 400px;}
.wi {}
.forcsthome {
    font-size: 0.97em;
    background: #00a1ff;
    border: 4px solid #fff;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.fcheading {
    background: #0066cc;
    padding: 4px;
    font-size: 0.9em;
}
#myMap {
position:relative;width:96%;height:298px;color: #000; font-weight: 600; margin-top: 6px; border: solid 2px #fff;
}
.countryandflag {text-align: right;}
@media only screen and (max-width: 567px) {
   #myMap {
     width:100%; height:280px;
  }
  .countryandflag {text-align: left;}
  #chart_div {width: 100%; height: 150px;}
}