@charset 'utf-8';
@import "~css/base.less";

.icon-modal-wraper{

   .icon-list-wraper{
      height: 600px;
      overflow: auto;

      ul{
         li{
            position: relative;
            width: 48px;
            height: 48px;
            line-height: 48px;
            margin-right: 5px;
            margin-bottom: 5px;
            text-align: center;
            border: 1px solid @border-color-base;
            cursor: pointer;
            color: #8c8b8b;

            &.active{
               border: 1px solid @primary-color;

               .icon-item{
                  color: @primary-color;
               }
            }

            .icon-item{
               vertical-align: middle;
               margin-top: -5px;
            }
         }
      }
   }

}
