السلام عليكم ورحمة الله وبركاته 

انا عندي مشكلة في كود الرتب هذا 

الكود:

/*الرتب*/
.BGD1,.BGD2,.BGD3,.BGD4,.BGD5,.BGD6,.BGD7,.BGD8,.BGD9,.BGD10,.BGD11 {
  font-family: 'Droid Arabic Kufi',sans-serif;
  border: none;
  border-radius: 6px;
  overflow: hidden;
  color: #ffffff;
  cursor: pointer;
  padding: 0px 20px 0px 60px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  outline: none;
  position: relative;
  font-size: 13px;
  line-height: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.BGD1 i,.BGD2 i,.BGD3 i,.BGD4 i,.BGD5 i,.BGD6 i,.BGD7 i,.BGD8 i,.BGD9 i,.BGD10 i,.BGD11 i {
  font-size: 2.5em;
  width: 55px;
  line-height: 32px;
  position: absolute;
  left: -5px;
  top: 2px;
  -webkit-transform: rotate(-25deg) scale(1);
  transform: rotate(-25deg) scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.BGD1:hover,.BGD2:hover,
.BGD1.hover,.BGD2.hover,
.BGD3:hover,.BGD4:hover,
.BGD3.hover,.BGD4.hover,
.BGD5:hover,.BGD6:hover,
.BGD5.hover,.BGD6.hover,
.BGD7:hover,.BGD8:hover,
.BGD7.hover,.BGD8.hover,
.BGD9:hover,.BGD10:hover,
.BGD9.hover,.BGD10.hover,
.BGD11:hover,.BGD11.hover {
  color: #ffffff;
}
.BGD1:hover i,.BGD2:hover i,
.BGD1.hover i,.BGD2.hover i,
.BGD3:hover i,.BGD4:hover i,
.BGD3.hover i,.BGD4.hover i,
.BGD5:hover i,.BGD6:hover i,
.BGD5.hover i,.BGD6.hover i,
.BGD7:hover i,.BGD8:hover i,
.BGD7.hover i,.BGD8.hover i,
.BGD9:hover i,.BGD10:hover i,
.BGD9.hover i,.BGD10.hover i,
.BGD11:hover i,.BGD11.hover i {
  -webkit-transform: rotate(-20deg) scale(1.3);
  transform: rotate(-20deg) scale(1.3);
}
.BGD1 {background-color: #ff0000;}.BGD2{background-color: #661e32;}.BGD3{background-color: #847EE0;}
.BGD4 {background-color: #de8c11;}.BGD5{background-color: #c24e4e;}.BGD6{background-color: #368f76;}
.BGD7 {background-color: #c54de3;}.BGD8{background-color: #d1d139;}.BGD9{background-color: #e00769;}
.BGD10 {background-color: #000;padding: 0px 40px 0px 40px;}.BGD11{background-color: #4f72f0;}
/*نهاية الرتب*/


عندما قمت بتغيير الوان الرتب لم يظهر الكل باللون المحدد هناك من ظهر بلون اخر 
+
كيف يمكنني تغيير الايقونه الخاصه بالرتب ؟

هل قمت بأضافة class لكل رتبه ؟
قم بأعادة تسمية كل رتبه مثلا بهذا الاسم

الكود:

<strong class="BGD1">احلى ادارة</strong>

صورة توضيحية

تم حل مشكلة الالوان نسيت اضغط سجل عند تعديلها في الcss 
والان كيفية وضع الايقونات بجوار الرتبة ؟؟

خلاص يا غالي تم الحل 
شكرا لك 

تمام هقفل الموضوع و انا تحت امرك في اي وقت يا معلم :*