.countrySearch{
    border: 3px solid #0D7FF1;
    width: 250px;
    border-radius: 5px;
    padding: 3px;
    background: #A3CEFF;
    border-style: outset;
}

.countrySearch:focus{
    border: 1px solid #A0A0E5;
    width: 250px;
    border-radius: 5px;
    padding: 3px;
    background: #FAFCFF;   
    
}

.searchBtn{
    border: 1px solid #4096EE;
    padding: 5px;
    border-radius: 5px;
    color: whitesmoke;
    background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
    cursor: pointer;
}

.searchBtn:hover{
    border: 1px solid #4096EE;
    padding: 5px;
    border-radius: 5px;
    color: whitesmoke;
   background: linear-gradient(to bottom, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */
    cursor: pointer;
    
}

.country-list{
    /* background: linear-gradient(to bottom, #FCFDDD,#F4F6BF,#E4E7A0);
    border: 1px solid #9EA30E;
    border-radius: 5px; */
	 background: linear-gradient(to bottom, #1E90FF,#1E90FF,#1E90FF); 
	
    border: 1px solid #7db9e8;
    border-radius: 5px;
}
.country-list h2{
	color:#fff;
font-size: 14;
margin-left: 5px;
margin-right: 5px;
}

.country-name{
    margin-left: 5px;
	
}

.country-name span{
  cursor:default;
   /* color:#0D7FF1; */
   color:#fff;
}
.country-name span:hover{
   cursor:default;
   /* color:#0D7FF1; */
   color:#fff;
   /* background: #D5D94D; */
   /* padding: 5px; */
   border-radius:5px;
}

.leaflet-control-zoom-in{
    background-color: #E4E7A0 !important;
    border: 1px solid #9EA30E;
}
.leaflet-control-zoom-out{
    background-color: #E4E7A0 !important;
    border: 1px solid #9EA30E;
}

.info {
			padding: 6px 8px;
			font: 14px/16px Arial, Helvetica, sans-serif;
			background: white;
			background: rgba(255,255,255,0.8);
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			border-radius: 5px;
			border: 1px solid #000;
		}
		.info h4 {
			margin: 0 0 5px;
			color: #777;
		}

		.legend {
			text-align: left;
			line-height: 20px;
			color: #555;
		}
		.legend i {
			width: 18px;
			height: 18px;
			float: left;
			margin-right: 8px;
			opacity: 0.7;
		}
		
		#map{
			height:100%;
		}
		
/* ====== Media Queries For Countries Name Starts ======*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .country-name
  {
  height:200px;
  overflow-y:auto;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
  .country-name
  {
  height:200px;
  overflow-y:auto;
  }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  .country-name
  {
  height:200px;
  overflow-y:auto;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
   .country-name
  {
  height:450px;
  overflow-y:auto;
  }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .country-name
  {
  height:450px;
  overflow-y:auto;
  }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .country-name
  {
  height:450px;
  overflow-y:auto;
  }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  .country-name
  {
  height:450px;
  }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  .country-name
  {
  height:450px;
  }
}

/* ====== Media Queries For Countries Name Ends ====== */