/* ==========================================================================  Icon Style ========================================================================== */
	
	.kh.icon {  display: inline-block;  width: 30px;  height: 30px;  color: #fff;  text-align: center;  vertical-align: middle;  font-size: 16px; }
	
	.kh.icon-txt {  position: relative;  background: #aaa;  padding-top: 6px; padding-top: 3px;}
	.filter-item .kh.icon-txt { padding-top: 7px; /*border: 2px solid #00A3FF;*/ }
	
	.kh.icon-txt.inactive {  opacity: .7; /*border: 2px solid #EEE;*/ }
	.kh.icon-business { background: rgb(130, 140, 130); }
	.kh.icon-business:before { content: "B"; }
	.kh.icon-ohs { background: rgb(218, 53, 60); }
	.kh.icon-ohs:before { content: "O"; }
	.kh.icon-it { background: rgb(0, 80, 163); }
	.kh.icon-it:before { content: "I"; }
	.kh.icon-marketing { background: rgb(224, 100, 24); }
	.kh.icon-marketing:before { content: "M"; }
	.kh.icon-enviroment { background: rgb(119, 161, 44); }
	.kh.icon-enviroment:before { content: "E"; }
	.kh.icon-personal { background: rgb(72, 47, 110); }
	.kh.icon-personal:before { content: "P"; }
	.kh.icon-human { background: rgb(235, 158, 28); }
	.kh.icon-human:before { content: "H"; }
	.kh.icon-leadership { background: rgb(36, 149, 153); }
	.kh.icon-leadership.inactive { color: #fff; }
	.kh.icon-leadership:before { content: "L"; }
	
	.kh.icon-img {  background-image: url('../img/course-icon-sprites.png');  -webkit-background-size: 240px;  background-size: 240px;	}
	
	.kh.icon-qualification { background-position: -120px 0px; }
	.kh.icon-qualification.active { background-position: -120px 30px; }
	.sidebar .kh.icon-qualification.active { background-position: -120px 0px; }
	.kh.icon-qualification.inactive { background-position: -120px -30px; }
	
	.kh.icon-short_course { background-position: -60px 0px; }
	.kh.icon-short_course.active {  background-position: -60px 30px; }
	.sidebar .kh.icon-short_course.active { background-position: -60px 0px; }
	.kh.icon-short_course.inactive { background-position: -60px -30px; }
	
	.kh.icon-briefing { background-position: 0px 0px; }
	.kh.icon-briefing.active { background-position: 0px 30px;  }
	.sidebar .kh.icon-briefing.active { background-position: 0px 0px;   }
	.kh.icon-briefing.inactive { background-position: -0px -30px; }
	
	
	.kh.icon-webinar { background-position: -90px 0; }
	.kh.icon-webinar.active { background-position: -90px 0px; }
	.kh.icon-webinar.inactive { background-position: -90px -30px; }
	.kh.icon-bar { background-position: -180px 0; }
	.kh.icon-bar.inactive { background-position: -180px -30px; }
	.kh.icon-bar_detail { background-position: -210px 0; }
	.kh.icon-bar_detail.inactive { background-position: -210px -30px; }