/*******************************/
/********* General CSS *********/
/*******************************/

.card{
  width: 100%;
  height: 100%;
  background-color: #F1F2F3;
  
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  border-radius: 0px 0px;
}

.header{
  border-radius: 0px 0px 0px 0px;
  padding: 0px;
  /*background-color: #2A3942;*/
}

h3{
  color: #FFFFFF;
  margin-left: 1rem;
}

.iconM{
  font-size: 18px;
  margin-left: 170px;
  color: #2f89fc;
}

.icon{
  margin-right: 8px;
}

.bodys li{
  transition: 1s all;
  font-size: 18px;
  padding: 13px;
  margin-left: -40px;
  margin-top: 0px;
  color: #4D4D4D;
  list-style: none;
  display: block;
  border-bottom: 1px solid #ffffff;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
}

li:hover{
  transition: .1s all;
  color: #4D4D4D;
  background-color: #ffffff;
  border-left: 3px solid #00ADEF;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  cursor: pointer;
}


.bodys > li{
  float: left;
}

li a{
  color: #4D4D4D;
}

li a:hover {
  color: #4D4D4D;
}

li.active {
  	color: #FFFFFF;
	background-color: #00ADEF;
	/*font-weight: bold;*/
}

.bodys li.active::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.bodys li ul{
  background: #1E2B32;
  margin-left: 280px;
  margin-top: -38px;
  display: none;
  position: absolute;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
}

.bodys li:hover > ul{
  display: block;
  cursor: pointer;
}