.loadingSpan{ background: rgba(0, 0, 0, 0) url("../images/reload.gif") no-repeat scroll center top;display: none;float: right;height: 26px;margin-right: 10px;margin-top: 6px;width: 26px;}
.loadingSpan1{ background: rgba(0, 0, 0, 0) url("../images/ajax-loader.gif") no-repeat scroll center top;display: none;float: left;height: 26px;margin-right: 10px;margin-top: 6px;width: 26px;}

#loadingSpan{ background: rgba(0, 0, 0, 0) url("../images/reload.gif") no-repeat scroll center top;display: none;float: right;height: 26px;margin-right: 10px;margin-top: 6px;width: 26px;}

.listing_category table thead tr th span{float:right; position:relative;}
.listing_category table thead tr th span a{width:11px; height:8px; display:block; color:#ffffff; line-height:0; position:absolute; top:0; right:0; overflow:hidden;}
.listing_category table thead tr th span a.i_asc{top:0;}
.listing_category table thead tr th span a.i_asc:before{content:"\f0de"; font-size:14px; font-family:'FontAwesome'; line-height:0; height:0; float:left; margin-top:9px;}
.listing_category table thead tr th span a.i_desc{top:10px;}
.listing_category table thead tr th span a.i_desc:before{content:"\f0dd"; font-size:14px; font-family:'FontAwesome'; line-height:0; height:0; float:left;}



.add_listing_right{width:auto; margin:0; float:right;}
.add_listing_right span{font-weight:bold;}

.listing_category td span.error, .listing_category td label.error{font-weight:normal; color:#ff0000;}


/* Bar graph Legend on admin Dashboard*/

 .legend {width:100%; margin:0; float:left; padding:10px 22px;}

.legend ul {
  list-style: none;
}
.legend ul li {
  width:24% !important;
  display: block;
  padding-left: 30px !important;
  position: relative;
  margin-bottom: 4px !important;
  border-radius: 5px;
  /*padding: 2px 8px 2px 28px;*/
  font-size: 12px;
  cursor: default;
  text-align:left;
  min-height:inherit;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  float:left;
}

.legend ul li:last-child{margin-top:0 !important;}
.charts_2 .legend ul li{
	width:42% !important;
    float:left;
}
.legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 100%;
  border-radius: 3px;
}
#chart-area > *{
  float:left
    }

.legend .ui-sortable{padding:0;}
.legend .ui-sortable li{margin:4px 0; float:left; width:50%;}