[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  @include ie7-restore-right-whitespace();
  line-height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;

}



/* .icon-superadmin    {width:25px;height:19px; @include common-sprite(crown)}
.icon-v             {width:15px;height:14px; @include common-sprite(v)}
.icon-search 		{
						width:17px;height:17px; @include common-sprite(search);cursor: pointer;
						&:hover{
							@include common-sprite(search-hover);
						}
					} 
.icon-lock 		    {width:11px;height:11px; @include common-sprite(lock); }
.icon-at 		    {
						width:16px;height:16px; cursor: pointer;background: url(#{$baseImgUrl}/dist/common/at-v4.png) no-repeat 0 0;
						&:hover{
							background: url(#{$baseImgUrl}/dist/common/at-hover-v4.png) no-repeat 0 0;
						}
					}*/

.icon-quotes-left{width:16px;height:11px; @include common-sprite(quotes-left);}
.icon-quotes-right{width:16px;height:11px; @include common-sprite(quotes-right);}

/* .icon-arrow-left    {
						width:7px;height:11px; @include common-sprite(arrow-left);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-left-hover);
						}
					} */
/* .icon-arrow-left-2t {
						width:7px;height:11px; @include common-sprite(arrow-left);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-left-hover-2t);
						}
					}
.icon-arrow-left-disabled{
						width:7px;height:11px;@include common-sprite(arrow-left-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-left-disabled);
						}
					}
					

.icon-arrow-right   {
						width:7px;height:11px; @include common-sprite(arrow-right);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-right-hover);
						}
					}
.icon-arrow-right-2t{
						width:7px;height:11px; @include common-sprite(arrow-right);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-right-hover-2t);
						}
					}

.icon-arrow-right-disabled{
						width:7px;height:11px;@include common-sprite(arrow-right-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-right-disabled);
						}
					} */

 .icon-arrow-up 		{
						width:11px;height:7px; @include common-sprite(arrow-up-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-up-hover);
						}
					}
.icon-arrow-down 	{
						width:11px;height:7px; @include common-sprite(arrow-down-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-down-hover);
						}
					}
/*.icon-arrow-up-2t 	{
						width:11px;height:7px; @include common-sprite(arrow-up-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-up-hover-2t);
						}
					}
.icon-arrow-up-disabled{
						width:11px;height:7px; @include common-sprite(arrow-up-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-up-disabled);
						}
					}


.icon-arrow-down-2t {
						width:11px;height:7px; @include common-sprite(arrow-down-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-down-hover-2t);
						}
					}

.icon-arrow-down-disabled{
						width:11px;height:7px; @include common-sprite(arrow-down-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-down-disabled);
						}
					}

.icon-arrow-down-blue-disabled 	{
						width:11px;height:7px; @include common-sprite(arrow-down-hover);cursor: pointer;
					}

.icon-arrow-up-blue-disabled 	{
						width:11px;height:7px; @include common-sprite(arrow-up-hover);cursor: pointer;
					}*/
.icon-arrow-down-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-down-double);
}
.icon-arrow-up-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-up-double);
}
/*.icon-arrow-left-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-left-double);
}
.icon-arrow-right-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-right-double);
}
.icon-w-arrow-down-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-down-double);
}
.icon-w-arrow-up-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-up-double);
}
.icon-w-arrow-left-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-left-double);
}
.icon-w-arrow-right-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-right-double);
} */

/* .icon-closed                     {width:12px;height:12px;@include common-sprite(closed);}

.icon-light                     {width:12px;height:20px;@include common-sprite(light_v2);}

.icon-radius-success                     {width:16px;height:16px;@include common-sprite(radius-success);}

.icon-radius-error                   {width:16px;height:16px;@include common-sprite(radius-error);}

.icon-radius-success-over				{width:16px;height:16px;@include common-sprite(radius-success);
											&:hover{
												@include common-sprite(radius-success-hover);
											}
										}
.icon-radius-error-over				{width:16px;height:16px;@include common-sprite(radius-error);
											&:hover{
												@include common-sprite(radius-error-hover);
											}
										}
										
.icon-dialog-closed             {cursor:pointer;width:13px;height:13px;@include common-sprite(dialog-closed);
									&:hover{
										@include common-sprite(dialog-closed-hover);
									}
								}
.icon-dialog-closed-warn        {width:13px;height:13px;@include common-sprite(dialog-closed-hover);cursor: pointer;}
.icon-dialog-closed-warn        {width:13px;height:13px;@include common-sprite(dialog-closed-hover);cursor: pointer;}

.icon-star-default        {width:15px;height:14px;@include common-sprite(start-default);}
.icon-star-half        {width:15px;height:14px;@include common-sprite(star-half);}
.icon-star-full        {width:15px;height:14px;@include common-sprite(star-full);}

.icon-star-m-default{cursor:pointer;width:18px;height:18px;@include common-sprite(icon-star-m);&:hover{@include common-sprite(icon-star-m-hover);}}
.icon-star-m-disabled{width:18px;height:18px;@include common-sprite(icon-star-m);}
.icon-star-m-half-active{width:18px;height:18px;@include common-sprite(icon-star-m-half-active);}
.icon-star-m-active{width:18px;height:18px;@include common-sprite(icon-star-m-active);}
.icon-star-m-hover{width:18px;height:18px;@include common-sprite(icon-star-m-hover);}

.icon-star-half-mid        {width:20px;height:18px;@include common-sprite(star-half-mid);}
.icon-star-full-mid        {width:20px;height:18px;@include common-sprite(star-full-mid);}*/

.icon-right        {width:16px;height:13px;@include common-sprite(right);}
/*.icon-right-small-default       {width:9px;height:7px;@include common-sprite(right-small-default);}
.icon-right-small-select       {width:9px;height:7px;@include common-sprite(right-small-select);}
.icon-right-small-checked       {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-right-delay        {width:16px;height:13px;@include common-sprite(right-delay);cursor: pointer;}

.icon-score-good-one {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-score-good-two {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-score-good-three {width:9px;height:7px;@include common-sprite(checkbox-checked);}

.icon-kefu        {width:21px;height:21px;@include common-sprite(kefu);}
.icon-kefu-hover  {width:21px;height:21px;@include common-sprite(kefu-hover);}

.icon-add-big        {width:28px;height:28px;@include common-sprite(add-person);}
.icon-plus-square    {width:14px;height:14px;@include common-sprite(plus-square);}
.icon-minus-square   {width:14px;height:14px;@include common-sprite(minus-square);}
.icon-file-closed    {width:26px;height:21px;@include common-sprite(file-closed);}
.icon-file-open    {width:26px;height:21px;@include common-sprite(file-open);}
.icon-work-small {width:15px;height:16px;@include common-sprite(work);}
.icon-work-target {width:15px;height:16px;@include common-sprite(work-target);}
.icon-work-position {width:15px;height:16px;@include common-sprite(position);}
.icon-new{width:24px;height:15px;@include common-sprite(new);}
.icon-enterprise_icon{width:12px;height:12px;@include common-sprite(enterprise_icon);}
.icon-personal_img{width:12px;height:12px;@include common-sprite(personal_img);}
.icon-help{width:14px;height:14px;@include common-sprite(help);}
.icon-lock-thin{width:8px;height:11px;@include common-sprite(lock-thin);}
 */
//medal

/* .icon-action-delete-over {width:16px;height:21px;@include common-sprite(action-delete);
						&:hover{@include common-sprite(action-delete-hover);}
					}

.icon-action-doing-over {width:18px;height:20px;@include common-sprite(acion-doing);
						&:hover{@include common-sprite(acion-doing-hover);}
					}
.icon-action-pause-over{
	width:21px;height:21px;@include common-sprite(acion-pause);
	&:hover{
		@include common-sprite(acion-pause-hover);
	}
}
.icon-action-pause-disabled{
	width:21px;height:21px;@include common-sprite(acion-pause-disabled);
	&:hover{
		@include common-sprite(acion-pause-disabled);
	}
}
.icon-action-doing-disabled{width:18px;height:20px;@include common-sprite(acion-doing-disabled);
										&:hover{@include common-sprite(acion-doing-disabled);}
					}

.icon-action-cancel-over {width:17px;height:17px;@include common-sprite(action-cancel);
						&:hover{@include common-sprite(action-cancel-hover);}
					}
.icon-action-cancel-disabled{width:17px;height:17px;@include common-sprite(action-cancel-disabled);
								&:hover{@include common-sprite(action-cancel-disabled);}
					}
.icon-action-delay-over {width:21px;height:21px;@include common-sprite(action-delay);
						&:hover{@include common-sprite(action-delay-hover);}
					}
.icon-action-delay-disabled{width:21px;height:21px;@include common-sprite(action-delay-disabled);
										&:hover{@include common-sprite(action-delay-disabled);}
					}
.icon-action-done-over {width:21px;height:21px;@include common-sprite(action-done);
						&:hover{@include common-sprite(action-done-hover);}
					}
.icon-action-done-disabled{width:21px;height:21px;@include common-sprite(action-done-disabled);
										&:hover{@include common-sprite(action-done-disabled);}
					}
.icon-action-undo-over {width:21px;height:21px;@include common-sprite(action-undo);
						&:hover{@include common-sprite(action-undo-hover);}
					}
.icon-action-undo-disabled{width:21px;height:21px;@include common-sprite(action-undo-disabled);
										&:hover{@include common-sprite(action-undo-disabled);}
					}


.icon-action-alarm-clock-over {width:22px;height:21px;@include common-sprite(alarm-clock);
						&:hover{@include common-sprite(alarm-clock-hover);}
					}
.icon-action-alarm-clock-highlight-over {width:22px;height:21px;@include common-sprite(alarm-clock-highlight);
						&:hover{@include common-sprite(alarm-clock-highlight-hover);}
					}
.icon-action-star-over {width:21px;height:21px;@include common-sprite(action-star-default);
						&:hover{@include common-sprite(action-star-hover);}
					}
.icon-action-star-highlight-over {width:21px;height:21px;@include common-sprite(action-star-highlight);
						&:hover{@include common-sprite(action-star-highlight-hover);}
					}
.icon-round-pen{width:20px;height:20px;@include common-sprite(round-pen);}
.icon-round-down-end{width:20px;height:20px;@include common-sprite(round-down-end);}
.icon-round-up-star{width:20px;height:20px;@include common-sprite(round-up-star);}
.icon-round-the-thumb{width:30px;height:30px;@include common-sprite(round-the-thumb);}
.icon-round-the-thumb-active{width:30px;height:30px;@include common-sprite(round-the-thumb-active);}

.icon-love{width:14px;height:12px;@include common-sprite(love);
	&:hover{@include common-sprite(love-hover);}
}
.icon-love-active{width:14px;height:12px;@include common-sprite(love-active);}

.icon-line-start{width:20px;height:52px;background-image: url(#{$baseImgUrl}/dist/common/line-start-v2.png);background-position: center center}
.icon-line-end{width:20px;height:52px;background-image: url(#{$baseImgUrl}/dist/common/line-end.png);background-position: center center}
.icon-line-bridge{width:20px;height:52px;background-image: url(#{$baseImgUrl}/dist/common/line-bridge.png);background-position: center center}
.icon-line-end-highlight{width:20px;height:52px;background-image: url(#{$baseImgUrl}/dist/common/line-end-highlight.png);background-position: center center}


.icon-hand{width:14px;height:13px;@include common-sprite(hand);
	&:hover{@include common-sprite(hand-hover);}
}
.icon-hand-active{width:14px;height:13px;@include common-sprite(hand-active);}

.icon-zoom-in{width:29px;height:29px;@include common-sprite(zoom-in);}
.icon-zoom-out{width:29px;height:29px;@include common-sprite(zoom-out);}
.icon-img-delete{width:11px;height:12px;@include common-sprite(img-delete);}
.icon-img-down{width:9px;height:11px;@include common-sprite(img-down);}
.icon-img-origin{width:11px;height:11px;@include common-sprite(img-origin);}
.icon-img-next-small{width:21px;height:12px;@include common-sprite(img-next-small);}
.icon-img-pre-small{width:21px;height:12px;@include common-sprite(img-pre-small);}
.icon-img-left{width:26px;height:44px;@include common-sprite(img-left);}
.icon-img-right{width:26px;height:44px;@include common-sprite(img-right);}
.icon-img-left-dark{width:26px;height:44px;@include common-sprite(img-left-dark);}
.icon-img-right-dark{width:26px;height:44px;@include common-sprite(img-right-dark);}

/* .icon-action-delete{
	width:13px;
	height:15px;
	@include common-sprite(icon-action-delete);
	&:hover{
		@include common-sprite(icon-action-delete-hover);
	}
}
.icon-action-delete-active{
	width:13px;
	height:15px;
	@include common-sprite(icon-action-delete-hover);
}


.icon-action-cycle{
	width:19px;
	height:16px;
	@include common-sprite(action-cycle-default);
}

.icon-action-cycle-active{
	width:19px;
	height:16px;
	@include common-sprite(action-cycle-active);
}

.icon-task-cycle{
	width:15px;
	height:11px;
	@include common-sprite(icon-task-cycle);
	&:hover{
		@include common-sprite(icon-task-cycle-active);
	}
}
 .icon-plan-meeting{
 	width:13px;
 	height:13px;
 	@include common-sprite(icon-plan-meeting);
 }
 .icon-plan-summarize{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-summarize);
 }
 .icon-plan-talk{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-talk);
 }
 .icon-plan-task{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-task);
 }
 .icon-plan-trip{
 	width:13px;
 	height:13px;
 	@include common-sprite(icon-plan-trip);
 }
 .icon-plan-attachment{
 	width:12px;
 	height:13px;
 	@include common-sprite(icon-plan-attachment);
 }


 .icon-delete{
 	cursor:pointer;
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete);
 	&:hover{
 		@include common-sprite(icon-delete-hover);
 	}
 }
 .icon-delete-disabled{
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete);
 }
 .icon-delete-enabled{
 	cursor:pointer;
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete-enabled);
 	&:hover{
 		@include common-sprite(icon-delete-hover);
 	}
 }
 .icon-delete-hover{
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete-hover);
 }
.icon-star{
	cursor:pointer;
 	width:16px;
 	height:16px;
 	@include common-sprite(icon-star);
 	&:hover{@include common-sprite(icon-star-hover);}
 
}
.icon-star-active{
	cursor:pointer;
 	width:16px;
 	height:16px;
 	@include common-sprite(icon-star-active);
 } 
 .icon-clock{
 	cursor:pointer;
 	width:13px;
 	height:14px;
 	@include common-sprite(icon-clock);
 }

.icon-clock-active{
	cursor:pointer;
 	width:13px;
 	height:14px;
 	@include common-sprite(icon-clock-active);
 }
.icon-task-close{
	cursor:pointer;
 	width:9px;
 	height:9px;
 	@include common-sprite(icon-task-close);
 }
.icon-travel{
	width:12px;
	height:12px;
	@include common-sprite(travel-icon);
}

.icon-all{
	width:12px;
	height:10px;
	@include common-sprite(all-icon);
}
.icon-all-active{
	width:12px;
	height:10px;
	@include common-sprite(all-active);
}


.icon-approval{
	width:32px;
 	height:18px;
 	@include common-sprite(approval);
}
.icon-end{width:8px;height:8px;@include common-sprite(icon-end);}
.icon-ok{width:20px;height:20px;@include common-sprite(icon-ok);}*/
.icon-drop-down{width:8px;height:7px;@include common-sprite(drop-down);
	&:hover{
		@include common-sprite(drop-down-hover);
	}
}
.icon-drop-down-active{width:8px;height:7px;@include common-sprite(drop-down-active);}
.icon-drop-up{width:8px;height:7px;@include common-sprite(drop-up);
	&:hover{
		@include common-sprite(drop-up-hover);
	}
}
.icon-drop-up-active{width:8px;height:7px;@include common-sprite(drop-up-active);}



/* .icon-work-hour{
	width:20px;
	height:21px;
	@include common-sprite(icon-work-hour);
}
.icon-work-hour-small{
	width:13px;
	height:15px;
	@include common-sprite(work-hour-small);
}



.icon-quit-task{
	width:20px;
	height:20px;
	cursor:pointer;
	@include common-sprite(icon-quit-task);
	&:hover{
		@include common-sprite(icon-quit-task-hover);
	}
}




.icon-task-during{
	width:15px;
	height:15px;
	@include common-sprite(icon-task-during);
}
.icon-task-during-active{
	width:15px;
	height:15px;
	@include common-sprite(icon-task-during-active);
}
.icon-task-txt{
	width:16px;
	height:16px;
	@include common-sprite(icon-task-txt);
}
.icon-task-creater{
	width:16px;
	height:16px;
	@include common-sprite(icon-task-creater);
	cursor:pointer;
} */


.icon-app-micro-203{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-203);
}
.icon-app-micro-400{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-400);
}
.icon-app-micro-402{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-402);
}
.icon-app-micro-500{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-500);
}
.icon-app-micro-600{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-600);
}
.icon-app-micro-901{
	width:15px;
	height:16px;
	@include common-sprite(icon-app-micro-901);
}

/* .icon-task-follow{
	width:16px;
	height:21px;
	cursor:pointer;
	@include common-sprite(task-follow);
	&:hover{
		@include common-sprite(task-follow-hover);
	}
}
.icon-task-followed{
	width:16px;
	height:21px;
	cursor:pointer;
	@include common-sprite(task-follow-hover);
} */