.i8 {
    display: inline-block;
    font: normal normal normal 14px/1 icon8;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i8-small {
	font-size: 15px !important;
	top: 41% !important;
}

.i8-very-small {
    font-size: 10px !important;
    top: 41% !important;
}

.i8-blue {
    color: #007f9c;
}

.i8-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.i8-2x {
    font-size: 2em
}

.i8-3x {
    font-size: 3em
}

.i8-4x {
    font-size: 4em
}

.i8-5x {
    font-size: 5em
}

.i8-fw {
    width: 1.28571429em;
    text-align: center
}

.i8-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.i8-ul>li {
    position: relative
}

.i8-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.i8-li.i8-lg {
    left: -1.85714286em
}

.i8-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.i8.pull-left {
    margin-right: .3em
}

.i8.pull-right {
    margin-left: .3em
}

.i8-spin {
    -webkit-animation: i8-spin 2s infinite linear;
    animation: i8-spin 2s infinite linear
}

@
-webkit-keyframes i8-spin { 0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

100%{
-webkit-transform
:rotate(359deg)
;transform
:rotate(359deg)
}
}
@
keyframes i8-spin { 0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

100%{
-webkit-transform
:rotate(359deg)
;transform
:rotate(359deg)
}
}
.i8-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.i8-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.i8-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.i8-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.i8-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .i8-rotate-90, :root .i8-rotate-180, :root .i8-rotate-270, :root .i8-flip-horizontal,
    :root .i8-flip-vertical {
    filter: none
}

.i8-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.i8-stack-1x, .i8-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.i8-stack-1x {
    line-height: inherit
}

.i8-stack-2x {
    font-size: 2em
}

.i8-inverse {
    color: #fff
}

.ui-widget .ui-icon.i8, .ui-icon.i8 {
    background-image: none;
    text-indent: 0px;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    text-indent: 0px;
    width:initial;
    height:initial;
}