@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
  
  body {
    font-family: 'Poppins', sans-serif;
    background: white;
	z-index: 0;
}


.black{color:#000000 !important; cursor:pointer;}
.blue{color:dodgerblue !important; }

	a{ 
	color: #5c5b69;
	}

	ul{
	padding:0;
	margin:15px;
	
	}
	
	
	hr{
	margin: 10px 0 15px 0;
	}
	h3 {
	margin-bottom: 5px;
	}
  
  img.logo {
	  margin-left: auto;
	  margin-right: auto;
	  display:block;
  }
  
  img.float{
	  float: left;
	  padding-right: 10px;
	  
  }
  
  h4 {
	  color:dodgerblue;
  }
 
 .red {
	  color:red;
  }
  
  .container-fluid{
	  padding: 0 30px;
  }
  
 
.btn-default{
	background-color:#f4511e ;
	color: white;
	border-top:none;
	border-right:none;
	border-left:none;
}
.btn-default:hover{
	background-color:#f4511e ;
	color:dodgerblue;
	border-bottom-color:dodgerblue;
}
 .btn-primary{
	background-color:white ;
	color: deeppink;
	border-top-color:dodgerblue;
	border-bottom:none;
	border-right:none;
	border-left:none;
}
.btn-primary:hover{
	background-color:white ;
	color:dodgerblue;
	border-top-color:dodgerblue;
}
  .navbar {
      margin-bottom: 0;
      background-color:#f4511e ;
      z-index: 9999;
      border: 0;
      font-size: 16px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 1px;
      border-radius: 0;
     
	 	
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  
  
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      background-color: #fff !important;
  }
  
 
 
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }

  
  img.avatar{
	width: 50px;
	height:50px;
	margin-right:10px;
	}
	
	.block{
		background: white;
		border-radius: 5px;
		padding : 15px 10px;
		margin-bottom: 20px;
	}
	.topic {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 5px;
	padding:5px;
	}

	.topic-content {
		width:100%
	}
 
	.main-col {
	overflow:auto;
	}
	
	.main-col  h1{
	font-size:22px;
	margin: 0px 0 0 0;
	padding:0;
	
	}

	.main-col  h3{
	font-size:16px;
	margin: 5px 0 0 0;
	color: blue;
	}

  a.list-group-item.active,  a.list-group-item.active:hover, a.list-group-item.active:focus {
	background : dodgerblue;
	border-radius: 0;
	}
	

	#main-topic {
	background: #f4f4f4;
	padding :10px;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

	.user-info {
	border:#ddd solid 1px;
	padding: 5px;
	overflow:hidden;
	font-size:13px;
}
	.user-info img{
	display:block;
	margin-bottom:5px;
}
	.user-info ul{
	list-style:none;
	margin:10px 0 0 5px;
	}
	.user-info li{
	line-height:1.6em;
}

	.btn-info{
	background:dodgerblue;
	}
  
	.well {
		border: 1ps solid grey;
		background-color: white;
		box-shadow: 5px 5px 5px #aaaaaa;
	}
  
	ul#menu li {
    display:inline;
	text-align:justified;
	text-decoration: none;
	}
	
	
	
	.footer123 {
	  margin-bottom: 0;
      background-color: DodgerBlue;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      Padding: 10px 25px ;
	  border-radius:0px;
	  color:white;
	 
	}
	
	a:link, a:visited { 
        text-decoration: none;
			}

	a:hover, a:active {
    color: Deeppink;
    background-color: transparent;
    text-decoration: none;
	
		}
	
	a.normal:link, a.normal:visited { 
    color: Deeppink;;
    text-decoration: none;
			}

	a.normal:hover, a.normal:active {
    color:dodgerblue;
    background-color: transparent;
    text-decoration: none;
	
		}
		
		
	a.title:link, a.title:visited { 
    color:white;
    text-decoration: none;
			}

	a.title:hover, a.title:active {
    color: Deeppink;
    background-color: transparent;
    text-decoration: none;
	
		}
	  
	a.like:link, a.like:visited, a.like:hover, a.like:active   { 
    color:dodgerblue;
	background-color: transparent;
    text-decoration: none;
			}
	
	a.unlike:link, a.unlike:visited, a.unlike:hover, a.unlike:active   { 
    color:grey;
	background-color: transparent;
    text-decoration: none;
			}
  
  
  .Tips{
	  margin-bottom: 0;
      background-color: white;
      border: 0;
     letter-spacing: 1px;
      border-radius: 0;
      Padding: 10px 25px ;
	  border-radius:8px;
	  border:1px solid lightgrey;
	  	  
	}

	.thumbnail{
		width:20px; 
		height:20px;
		border:1px solid grey;
		box-shadow: 5px 5px 5px #aaaaaa;


	}
  
	.panel-heading h4{
	color:black; 
	}
  
	.Author-info {
	  text-align: right;
	}

	div.fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    border: 3px solid #73AD21;
	}
	
	
	.fixedType {
    position: fixed;
    bottom: 0px;
    border: 3px solid #73AD21;
	}

	 td, th {
	   vertical-align: middle;
	   padding : 5px;
	}
	  th {
	   text-align: center;
	  
	}
	table {
  
  width: 100%;
}