@import url('https://fonts.googleapis.com/css?family=Nunito:100,300,400,600,700');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
#leaflet-map{
	height:120px;
	position:relative;
	width:100%;
    padding: 6px;
    background: #fff;
    border: 1px solid #a2a2a2;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);

}
.leaflet-label-marker,
.leaflet-label-other {
  border: 4px solid black; /* #c5c2ba; */
  border-radius: 0;
  color: black;
  font: 12px Helvetica; /* what is the std tooltip font ? */
  font-weight: 500;
  opacity: 1;
  padding: 3px;
}
.leaflet-label-other {
  border: 4px solid grey;
}
button{
	background-color: #4c4c4c;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: -webkit-flex;
    font-family: courier,monospace;
    font-size: 14px;
    width: 145px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    z-index: 999;
}

.button-line{
  z-index: 1000;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
.pure-button-group{
  margin-bottom: 10px;
}
#button-show, #button-hide, #button-fly-osl, #button-fly-ham, #button-fly-par{
  font-size: 85%;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#button-fly-osl, #button-fly-ham, #button-fly-par{
  background: rgb(28, 184, 65);
}

#button-show, #button-hide{
  background: rgb(223, 117, 20);
}
.citox{
	z-index:10000000000 !important;
	text-align:center;
	top: 20px;
	position: absolute;
}
.dashdiv {
    padding: 3px;
    background: #fff;
	float: left;
    margin: 3px;
    border: 1px solid #d4d2d2;
    border-radius: 5px;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.34);
}

.dashdiv.active img{
	border-radius: 50%;
}
ul.fi {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fi {  
	display:none;
}
.bobo{
	background: #f2f2f2;
}
/*not necessary*/
body{font-family:Nunito,arial,sans-serif;}
.section{float:left;width:100%;background: #fff;padding:30px 0;}
.promote{border:1px dashed #ddd;display:flex; height:100%;justify-content: center;flex-direction: column;align-items: stretch;}
.col-md-4{padding:15px;}

/*not necessary*/


.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-2 .card-body{
    position:relative;
}
.profile-card-2 .profile {
  border-radius: 50%;
  position: absolute;
  top: -42px;
  left: 15%;
  max-width: 75px;
  border: 3px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.profile-card-2 h5{
    font-weight:600;
    color:#007bff;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 16px;
    color: #007bff;
    text-align: center;
    border: 1px solid #007bff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-2 i:hover {
  background-color:#007bff;
  color:#fff;
}

#namox {
    position: absolute;
    top: 50%;
    left: 50%;
	text-align:center;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 70px;
    line-height: 20px;
	font-weight: bold;
}
#pop {
  margin: 300px auto;
  display: block;
  width: 75px;
  height: 75px;
}

#pop .primary {
  background-image: url(assets/images/families/2.jpg);
  background-size: contain;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin: auto;
  display: block;
}

#pop .secondary {
  background-image: url(assets/images/families/1.jpg);
  background-size: contain;
  height: 35px;
  width: 35px;
  display: block;
}



.flagox{
	position: absolute;
    top: 44px;
    left: 32px;
}
img.igoflag {
    margin-left: 0px;
	margin-right: 15px;
    position: relative;
    width: 23px;
}
img.countryflag {
    margin-left: 0px;
    position: relative;
    width: 23px;
}
#lobipanel-multiple {
    max-width: 450px;
}