/*---------------------------------------

   1. IMPORT WEB FONTS                

-----------------------------------------*/



/*---------------------------------------

   2. BOOTSTRAP 3                

-----------------------------------------*/





.ul-sidebar li {

  list-style: none;

  margin-bottom: 5px;

}

.ul-sidebar li a {

  color: #878787;

  padding-bottom: 5px;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  display: inline;
  
  font-size: 13px;

}

.ul-sidebar li a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  bottom: 0;

  background: #cf5053;

  height: 1px;

  -webkit-transition-property: "left, right";

  transition-property: "left, right";

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.ul-sidebar li a:hover:before,

.ul-sidebar li a:focus:before,

.ul-sidebar li a:active:before {

  left: 0;

  right: 0;

}

.ul-sidebar li a:hover,

.ul-sidebar li a:focus {

  color: #cf5053;

}

.ul-sidebar li span {

  float: right;

}

.ul-sidebar li .children {

  margin: 5px 0 5px 10px !important;
  padding-left:0 !important;

}

.ul-sidebar li .children li:before {

  content: "\f105";

  font-family: FontAwesome;

}

.d_title{color:#666666;font-size:16px;font-family:Arial, Helvetica, sans-serif;padding:0px 0px 5px 0px; font-weight:bold;}
.d_color{ width:100%;}
.d_color li{ float:left; width:28px !important; height:28px; overflow:hidden; border:1px solid #dedcd3; margin-right:2px; margin-bottom:10px;}
.d_color li:hover{border:1px solid #e9315d;}
.d_color li.select{border:1px solid #e9315d;}
.d_color li a{ display:block;width:28px; height:28px;}

.clear{ clear:both;}