body{

  background-color: #eee; 
}

.card{

  background-color: #fff;
  padding: 15px;
  border:none;
}

.input-box{
  position: relative;
}

.input-box i {
  position: absolute;
  right: 13px;
  top:15px;
  color:#ced4da;

}

.form-control{

  height: 50px;
  background-color:#eeeeee69;
}

.form-control:focus{
  background-color: #eeeeee69;
  box-shadow: none;
  border-color: #eee;
}


.list{
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}

.card > a  {
	text-decoration: none;
	color: #000;
}

.border-bottom{

  border-bottom: 2px solid #eee;
}

.list i{
  font-size: 19px;
  color: red;
}

.list small{
  color:#444;
}
.C{
	color:#0a0;
}
.D{
	color:#A00;
}
.float-menu{
	position:fixed;
	bottom:50px;
	right:30px;
	overflow: hidden;
	padding: 5px;
	
}
.float-menu > a {
	width:60px;
	height:60px;
	display:block;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	margin-top: 10px;
}
.verde{
	background-color:#0C9;
	color:#FFF;
}
.vermelho{
	background-color:#f00;
	color:#FFF;
}
.amarelo{
	background-color:#ff0;
	color:#000;
}
.azul{
	background-color:BLUE;
	color:#FFF
}
.roxo{
	background-color:#9400d3;
	color:#FFF
}
.float:hover, .float2:hover, .float3:hover{
	color:#DDD;
}


.my-float{
	margin-top:22px;
}