@font-face {
    font-family: 'fontello';
    src: url(../font/fontello.eot?65328725);
    src: url(../font/fontello.eot?65328725#iefix) format("embedded-opentype"), url(../font/fontello.woff?65328725) format("woff"), url(../font/fontello.ttf?65328725) format("truetype"), url(../font/fontello.svg?65328725#fontello) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "fontello";
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon-large:before {
    vertical-align: -30%;
    font-size: 1.7em;
}

a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
    display: inline
}

[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.2857142857143em;
    text-align: center
}

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.5714285714286em;
}

ul.icons-ul {
    list-style-type: none;
    text-indent: -.71428571428571em;
    margin-left: 2.1428571428571em;
}

ul.icons-ul>li .icon-li {
    width: .71428571428571em;
    display: inline-block;
    text-align: center;
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
    display: none;
}

.icon-muted {
    color: #eee;
}

.icon-light {
    color: #fff;
}

.icon-dark {
    color: #333;
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.icon-2x {
    font-size: 2em;
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.icon-3x {
    font-size: 3em;
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.icon-4x {
    font-size: 4em;
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.icon-5x {
    font-size: 5em;
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
    margin-right: .3em;
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
    margin-left: .3em;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;    
}

.icon-white,
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: none
}

.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
    line-height: .9em;
}

.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
    display: inline-block;
}

.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
    line-height: .9em;
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em;
}

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
    margin-top: 0;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em;
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x,
.btn [class^="icon-"]{
    margin-left: .2em;
}



.icon-info-circled:before { content: '\e800'; }
.icon-help-circled:before { content: '\e801'; }
.icon-caret-right:before { content: '\e802'; } 
.icon-users:before { content: '\e803'; }
.icon-basket:before { content: '\e804'; }
.icon-home:before { content: '\e805'; }
.icon-book:before { content: '\e806'; }
.icon-leaf:before { content: '\e807'; }
.icon-ok:before { content: '\e808'; }
.icon-up-big:before { content: '\e809'; }
.icon-plus-circled:before { content: '\e80a'; }
.icon-login:before { content: '\e80b'; }
.icon-logout:before { content: '\e80c'; }
.icon-phone:before { content: '\e80d'; }
.icon-search:before { content: '\e80e'; }
.icon-pencil:before { content: '\e80f'; }/*&#xe80f; USED IN class.FormOrderDetails.inc button change const BUTTON_EDIT_VALUE = "&#xe80f;";*/
.icon-right:before { content: '\e810'; }
.icon-chat:before { content: '\e811'; }
.icon-clipboard:before { content: '\e812'; }
.icon-alert:before { content: '\e813'; } 
.icon-box:before { content: '\e814'; }
.icon-chat-empty:before { content: '\f0e6'; }