/*! * CSS files for fontIconPicker * * @license MIT * @version 3.1.1 * {
    @link https://github.com/micc83/fontIconPicker
}
 * */
 .icons-selector{
    display:inline-block;
    vertical-align:middle;
    text-align:left
}
.icons-selector,.icons-selector *,.icons-selector:after,.icons-selector :after,.icons-selector:before,.icons-selector :before{
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}

.icons-selector .selector-button{
    width:39px;
    height:100%;
    display:block;
    text-align:center;
    cursor:pointer;
    float:left;
	    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background-image: linear-gradient(180deg,#fff 0,#e0e0e0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.icons-selector .selector-button i {
    color: #727272;
    font-size: 19px;
}

.icons-selector .selector-button i{
    line-height:38px;
    text-align:center
}
.icons-selector .selected-icon {
    border: 1px solid #ddd;
    display: block;
    width: 52px;
    height: 94%;
    float: left;
    text-align: center;
}
.icons-selector .selected-icon i{
    line-height:38px;
    font-size:30px;
    cursor:default
}
.icons-selector.selector-popup-wrap,.icons-selector .selector-popup-wrap{
    position:absolute;
    z-index:10000;
    width:352px;
    height:auto
}
.icons-selector .selector-popup {
    border: 1px solid #cdcdcd;
    margin-top: -1px;
    padding: 5px;
    height: auto;
    background-color: #fefefe;
    position: absolute;
}
.icons-selector .selector{
    width:100px;
    height:40px
}
.icons-selector .selector-category select,.icons-selector .selector-search input[type=text]{
    border:0;
    line-height:20px;
    padding:10px 2.5%;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:5px;
    font-size:12px;
    display:block
}
.icons-selector .selector-category select{
    height:40px
}
.icons-selector .selector-category select option{
    padding:10px
}
.icons-selector input::-webkit-input-placeholder{
    text-transform:uppercase
}
.icons-selector input:-ms-input-placeholder,.icons-selector input::-ms-input-placeholder{
    text-transform:uppercase
}
.icons-selector input::placeholder{
    text-transform:uppercase
}
.icons-selector .selector-search{
    position:relative
}
.icons-selector .selector-search i{
    position:absolute;
    right:10px;
    top:7px
}
.icons-selector .fip-icons-container{
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:5px
}
.icons-selector .fip-icons-container .loading{
    font-size:24px;
    margin:0 auto;
    padding:20px 0;
    text-align:center;
    width:100%
}
.icons-selector .fip-box{
    display:inline-block;
    margin:2px;
    width:60px;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    vertical-align:top;
    height:40px
}
.icons-selector .selector-footer{
    line-height:12px;
    padding:5px 5px 0;
    text-align:center;
    font-size:14px
}
.icons-selector .selector-footer i{
    font-size:14px
}
.icons-selector .selector-footer .selector-arrows{
    float:right
}
.icons-selector .selector-footer .selector-arrows i{
    cursor:pointer
}
.icons-selector .selector-footer .selector-pages{
    font-size:11px;
    float:left
}
.icons-selector .selector-footer em{
    font-style:italic
}
.icons-selector .icons-picker-error i:before{
    color:#eee
}

.icons-selector .fip-icon-spin3{
    -webkit-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear;
    display:inline-block
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
/*# sourceMappingURL=jquery.fonticonpicker.css.map */