.icon-bright, .icon-inline-bright:before {
    background-image: url("../img/icon/icons_bright.png") !important
}

.icon-blue, .icon-inline-blue:before {
	background-image: url("../img/icon/icons_blue.png") !important
}

.enable-bright [class^="icon-"]:not([class^="icon-inline"]), .enable-bright [class^="icon-inline-"]:before {
    background-image: url("../img/icon/icons_bright.png") !important
}

.enable-dark [class^="icon-inline-"]:before {
    background-image: url("../img/icon/icons_dark.png") !important
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 16px;
    height: 18px;
    line-height: 16px;
    margin: 0;
    vertical-align: middle;
    border: 0;
    box-shadow: none;
    text-indent: -9999px
}

[class^="icon-inline-"], [class*="icon-inline-"] {
    display: inline-block;
    width: auto;
    background: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 0;
    font-size: 13px
}

[class^="icon-inline-"]:before, [class*="icon-inline-"]:before {
    content: "";
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 3px;
    margin-left: -3px;
    line-height: 16px
}

[class^="icon-inline-"]:hover, [class*="icon-inline-"]:hover {
    background: 0
}

.jsc-table-th-sort:after {
    content: "";
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 4px;
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: 0 -24px;
    margin-top: 9px
}

.jsc-table-th-sort[data-sort-type='desc']:after {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -48px -24px
}

.jsc-table-th-sort[data-sort-type='asc']:after {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -24px -24px
}

.jsc-table-simple .jsc-table-th-sort[data-sort-type='desc']:after {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -24px -24px
}

.jsc-table-simple .jsc-table-th-sort[data-sort-type='asc']:after {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -48px -24px
}

.icon-add, .icon-add:hover, .icon-inline-add:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: 0 0
}

.icon-delete, .icon-delete:hover, .icon-inline-delete:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -24px 0
}

.icon-edit, .icon-edit:hover, .icon-inline-edit:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -48px 0
}

.icon-copy, .icon-copy:hover, .icon-inline-copy:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -120px 0
}

.icon-cut, .icon-cut:hover, .icon-inline-cut:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -96px 0
}

.icon-paste, .icon-paste:hover, .icon-inline-paste:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -72px 0
}

.icon-preview, .icon-preview:hover, .icon-inline-preview:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -144px 0
}

.icon-play, .icon-play:hover, .icon-inline-play:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -168px 0
}

.icon-live, .icon-live:hover, .icon-inline-live:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -192px 0
}

.icon-calendar, .icon-calendar:hover, .icon-inline-calendar:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -216px 0
}

.icon-down, .icon-down:hover, .icon-inline-down:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -240px 0
}

.icon-up, .icon-up:hover, .icon-inline-up:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -264px 0
}

.icon-right, .icon-right:hover, .icon-inline-right:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -288px 0
}

.icon-left, .icon-left:hover, .icon-inline-left:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -312px 0
}

.icon-reload, .icon-reload:hover, .icon-inline-reload:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -336px 0
}

.icon-ok, .icon-ok:hover, .icon-inline-ok:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -360px 0
}

.icon-cancel, .icon-cancel:hover, .icon-inline-cancel:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -384px 0
}

.icon-zoom-in, .icon-zoom-in:hover, .icon-inline-zoom-in:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -408px 0
}

.icon-zoom-out, .icon-zoom-out:hover, .icon-inline-zoom-out:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -432px 0
}

.icon-user, .icon-user:hover, .icon-inline-user:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -456px 0
}

.icon-move, .icon-move:hover, .icon-inline-move:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -480px 0
}

.icon-folder, .icon-folder:hover, .icon-inline-folder:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -504px 0
}

.icon-file, .icon-file:hover, .icon-inline-file:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -528px 0
}

.icon-vod, .icon-vod:hover, .icon-inline-vod:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -552px 0
}

.icon-users, .icon-users:hover, .icon-inline-users:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -576px 0
}

.icon-event, .icon-event:hover, .icon-inline-event:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -600px 0
}

.icon-category, .icon-category:hover, .icon-inline-category:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -624px 0
}

.icon-setting, .icon-setting:hover, .icon-inline-setting:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -648px 0
}

.icon-empty, .icon-empty:hover, .icon-inline-empty:before {
    background: url("../img/icon/icons_dark.png") no-repeat;
    background-position: -4800px 0
}