body{
	margin:0;
	padding:0;
	width:100%;
} 	
  header{
	width:100%;
	height:40px;
	background-color:#017DD1;
	display: flex;
	
}

header a{
	 margin:3% 0 2% 3%;
}
#title{
	text-align:center;
	margin:3% 24%;
   color:#fff;
   font-size:1.2em;
}
    a {
      color: #fff;
      text-decoration: none;
    }
    .nav {
      list-style: none;
      padding: 0;
      text-align: center;
    }
    ul.nav{
    	margin:5% 0 0 0;
    }
    .nav li {
      display: inline-block;
      padding:1%; 
       font-size:1.2em;
      background: #017DD1;
      width:20%;
    }
    .nav li.active {
      background: orange;
    }
    .nav li.active a{
      color: #fff;
   
    }
    .tab-content {
      padding:2%;
      border:1px solid #ddd;
      border-top:none;
      width:86.5%;
       margin:0 auto;
    }
    .tab-pane {
      display: none;
    }
    .tab-pane.active {
      display: block;
    }
  
    .tab-content img{
    	width:100%;
    	 
    	
    }
    .tab-content button{
    	border-radius: 50%;
    	border:none;
    	color:#fff;
    	background:#017DD1;
    }
    .tab-content>div>div{  
    margin: 2% 0 0% 0;
    border: 1px solid #ddd;
    background: oldlace;
    text-align:left;
    padding: 1%;
    	border-radius:5%;
    	position:relative;
    }
    .tab-content a{
       width:90%;
       display:inline-block;
    	color:orange;
    	padding:1%;
    	font-size:1em;
    	vertical-align: middle;
         margin-left:25%;
    }
  .tab-content div img{
  	width:20px;
  	height:20px;
  	vertical-align: middle;
  	border-radius: 50%;
  }
.tab-content b{
	display: inline-block;
	background:hotpink;
	width:15px;
	height:15px;
	color:#fff;
	position:absolute;
	top: 50%;
    right: 1%;
    border-radius:20%;
    font-size:.5em;
    vertical-align: middle;
    line-height:15px;
}
.tab-content i{
	display: inline-block;
	background:#f00;
	width:15px;
	height:15px;
	color:#fff;
	position:absolute;
	top: 50%;
    right: 1%;
    border-radius:20%;
    font-size:.5em;
    font-style: normal;
    vertical-align: middle;
    line-height:15px;
}
.tab-content s{
	display: inline-block;
	background:green;
	width:15px;
	height:15px;
	color:#fff;
	position:absolute;
	top: 50%;
    right: 1%;
    border-radius: 20%;
    font-size:.5em;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    line-height:15px;
}