#commissions{
  img{
    width:30px;
    border-radius:50%;
  }
  td{
    vertical-align:middle;
    
  }
  
}

.green{
  
  color:green;
}

.red{
  
  color:red;
}

.affiliation{
  background:white;
  box-shadow:0 0 5px rgba(0,0,0,0.8);
  padding:10px;
  
}
.solde_credits{
  img{
    width:40px;
    display:block;
  }
  
}
a{
  &:hover{
    .credit_product{
      
      border-color:rgba(0,0,0,0.5);
      box-shadow:0 0 10px rgba(0,0,0,0.5);
    }
    
  }
.credit_product{
  color:#343434;
  
  &.active{
    border-color:rgba(64,138,199,1);
    box-shadow:0 0 10px rgba(64,138,199,1);
    
  }
  


  .ht{
    color:#909090;
    
  }
  *{
    text-align: center;
  }
  
  width:23%;

  
  float:left;
  

  text-align:center;
  margin:1%;
  .panel-footer{
    position:relative;
    
  }
  
  .affiliation_detail{
    position:absolute;
    left:-1px;
    right:-1px;
    top:0;
    z-index:10;
    border:1px solid #faebcc;
    border-top:0;
    .inner{
      background:white;
      padding:20px;
      
    }
  }
  
  img{
    width:40px;
    
  }
  ul{
    text-align:left;
    padding-left:10px;
  }
  
}}


#order_credit_products{
  
  text-align:center;
}

.annonce_option_type{
  
  padding:10px;
  margin:10px 0;
  background:white;
  
}


.panel_affiliation{
  color:white;
  background:rgba(19,106,171,1);
  width: 23%;
  border-radius:5px;

  float: left;
  text-align: center;
  *{
    text-align: center;
  }
  margin: 1%;
  .inner{
    
    padding:50px 10px;
    padding-top:30px;
  }
}