/* Font Icons */
.icon {
    display: inline-block;
    font-family: 'ios7-icon';
    -webkit-text-rendering: geometricPrecision;
    -moz-text-rendering: geometricPrecision;
    -ms-text-rendering: geometricPrecision;
    -o-text-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-style: normal;
    text-shadow: none;
}

[class*="sa-"] {
    background-position: center;
    background-repeat: no-repeat;
}

/* Left Menu */
[class*="sa-side-"] {
    width: 44px;
    height: 44px;
}

.sa-side-home {
    background-image: url(../images/icon/home.png);
}

.sa-side-typography {
    background-image: url(../images/icon/typography.png);
}

.sa-side-widget {
    background-image: url(../images/icon/widgets.png);
}

.sa-side-table {
    background-image: url(../images/icon/table.png);
}

.sa-side-form {
    background-image: url(../images/icon/form.png);
}

.sa-side-ui {
    background-image: url(../images/icon/ui.png);
}

.sa-side-folder {
    background-image: url(../images/icon/folder.png);
}

.sa-side-calendar {
    background-image: url(../images/icon/calendar.png);
}

.sa-side-page {
    background-image: url(../images/icon/pages.png);
}

.sa-side-chart {
    background-image: url(../images/icon/chart.png);
}

.sa-side-photos {
    background-image: url(../images/icon/photos.png);
}

.sa-side-users {
    background-image: url(../images/icon/users.png);
}

.sa-side-deliveries {
    background-image: url(../images/icon/deliveries.png);
}

.sa-side-queries {
    background-image: url(../images/icon/queries.png);
}

.sa-side-orders {
    background-image: url(../images/icon/orders.png);
}

.sa-side-reports {
    background-image: url(../images/icon/reports.png);
}

.sa-side-products {
    background-image: url(../images/icon/products.png);
}

.sa-side-customers {
    background-image: url(../images/icon/customers.png);
}

.sa-side-despatch {
    background-image: url(../images/icon/despatch.png);
}

.sa-side-stock {
    background-image: url(../images/icon/stock.png);
}

.sa-side-settings {
    background-image: url(../images/icon/settings.png);
}

/* Top Menu */
[class*="sa-top-"] {
    width: 40px;
    height: 48px;
    float: left;
}

.sa-top-message {
    background-image: url(../images/icon/message.png);
}

.sa-top-updates {
    background-image: url(../images/icon/updates.png);
}

/* Editor */
[class*="editor-"] {
    width: 13px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.editor-text {
    background-image: url(../images/editor/text.png);
}

.editor-bold {
    background-image: url(../images/editor/bold.png);
}

.editor-italic {
    background-image: url(../images/editor/italic.png);
}

.editor-underline {
    background-image: url(../images/editor/underline.png);
}

.editor-unstyle {
    background-image: url(../images/editor/unstyle.png);
}

.editor-unlist {
    background-image: url(../images/editor/unlist.png);
}

.editor-orderlist {
    background-image: url(../images/editor/orderlist.png);
}

.editor-align {
    background-image: url(../images/editor/align.png);
}

.editor-line-height {
    background-image: url(../images/editor/line-height.png);
}

.editor-table {
    background-image: url(../images/editor/table.png);
}

.editor-link {
    background-image: url(../images/editor/link.png);
}

.editor-picture {
    background-image: url(../images/editor/picture.png);
}

.editor-video {
    background-image: url(../images/editor/video.png);
}

.editor-full-screen {
    background-image: url(../images/editor/full-screen.png);
}

.editor-code {
    background-image: url(../images/editor/code.png);
}

.editor-help {
    background-image: url(../images/editor/help.png);
}

.editor-font {
    background-image: url(../images/editor/font.png);
}

.editor-heading {
    background-image: url(../images/editor/heading.png);
}

/* List Icons */
[class*="sa-list-"] {
    display: inline-block;
    height: 21px;
    width: 21px;
    background-position: center;
    background-repeat: no-repeat;
}

.sa-list-add {
    background-image: url(../images/icon/add.png);
}

.sa-list-refresh {
    background-image: url(../images/icon/refresh.png);
}

.sa-list-move {
    background-image: url(../images/icon/move.png);
}

.sa-list-delete {
    background-image: url(../images/icon/delete.png);
}

.sa-list-back {
    background-image: url(../images/icon/back.png);
}

.sa-list-forwad {
    background-image: url(../images/icon/forwad.png);
}

.sa-list-day {
    background-image: url(../images/icon/day.png);
}

.sa-list-week {
    background-image: url(../images/icon/week.png);
}

.sa-list-month {
    background-image: url(../images/icon/month.png);
}

.sa-list-spam {
    background-image: url(../images/icon/spam.png);
}

.sa-list-archive {
    background-image: url(../images/icon/archive.png);
}


/* Others */
#menu-toggle {
    background-image: url(../images/icon/menu.png);
}

/* Form */
.sa-plus {
    width: 13px;
    height: 13px;
    background-image: url(../images/icon/plus-sm.png);
    display: inline-block;
}

/* For Higher DPI */
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min--moz-device-pixel-ratio: 1.25), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 120dpi), only screen and ( min-resolution: 1.25dppx) {

    /* Left Menu */
    .sa-side-typography, .sa-side-widget, .sa-side-table, .sa-side-ui, .sa-side-folder {
        background-size: 23px 21px;
    }

    .sa-side-home {
        background-image: url(../images/icon/home@2x.png);
        background-size: 25px 25px;
    }

    .sa-side-typography {
        background-image: url(../images/icon/typography@2x.png);
    }

    .sa-side-widget {
        background-image: url(../images/icon/widgets@2x.png);
    }

    .sa-side-table {
        background-image: url(../images/icon/table@2x.png);
    }

    .sa-side-form {
        background-image: url(../images/icon/form@2x.png);
        background-size: 19px 25px;
    }

    .sa-side-ui {
        background-image: url(../images/icon/ui@2x.png);
    }

    .sa-side-folder {
        background-image: url(../images/icon/folder@2x.png);
    }

    .sa-side-calendar {
        background-image: url(../images/icon/calendar@2x.png);
        background-size: 23px 23px;
    }

    .sa-side-page {
        background-image: url(../images/icon/pages@2x.png);
        background-size: 25px 21px;
    }

    .sa-side-chart {
        background-image: url(../images/icon/chart@2x.png);
        background-size: 24px 19px;
    }

    .sa-side-photos {
        background-image: url(../images/icon/photos@2x.png);
        background-size: 23px 19px;
    }

    /* Top Menu */
    .sa-top-message {
        background-image: url(../images/icon/message@2x.png);
        background-size: 25px 17px;
    }

    .sa-top-updates {
        background-image: url(../images/icon/updates@2x.png);
        background-size: 25px 25px;
    }

    /* Editor */
    .editor-text {
        background-image: url(../images/editor/text@2x.png);
        background-size: 11px 13px;
    }

    .editor-bold {
        background-image: url(../images/editor/bold@2x.png);
        background-size: 10px 13px;
    }

    .editor-italic {
        background-image: url(../images/editor/italic@2x.png);
        background-size: 5px 13px;
    }

    .editor-underline {
        background-image: url(../images/editor/underline@2x.png);
        background-size: 10px 13px;
    }

    .editor-unstyle {
        background-image: url(../images/editor/unstyle@2x.png);
        background-size: 11px 13px;
    }

    .editor-unlist {
        background-image: url(../images/editor/unlist@2x.png);
        background-size: 13px 13px;
    }

    .editor-orderlist {
        background-image: url(../images/editor/orderlist@2x.png);
        background-size: 13px 13px;
    }

    .editor-align {
        background-image: url(../images/editor/align@2x.png);
        background-size: 13px 13px;
    }

    .editor-line-height {
        background-image: url(../images/editor/line-height@2x.png);
        background-size: 11px 13px;
    }

    .editor-table {
        background-image: url(../images/editor/table@2x.png);
        background-size: 13px 13px;
    }

    .editor-link {
        background-image: url(../images/editor/link@2x.png);
        background-size: 9px 13px;
    }

    .editor-picture {
        background-image: url(../images/editor/picture@2x.png);
        background-size: 13px 13px;
    }

    .editor-video {
        background-image: url(../images/editor/video@2x.png);
        background-size: 13px 13px;
    }

    .editor-full-screen {
        background-image: url(../images/editor/full-screen@2x.png);
        background-size: 13px 13px;
    }

    .editor-code {
        background-image: url(../images/editor/code@2x.png);
        background-size: 10px 13px;
    }

    .editor-help {
        background-image: url(../images/editor/help@2x.png);
        background-size: 10px 13px;
    }

    .editor-font {
        background-image: url(../images/editor/font@2x.png);
        background-size: 10px 13px;
    }

    .editor-heading {
        background-image: url(../images/editor/heading@2x.png);
        background-size: 10px 13px;
    }

    /* List Icons */
    .sa-list-add {
        background-image: url(../images/icon/add@2x.png);
        background-size: 19px 19px;
    }

    .sa-list-refresh {
        background-image: url(../images/icon/refresh@2x.png);
        background-size: 18px 19px;
    }

    .sa-list-move {
        background-image: url(../images/icon/move@2x.png);
        background-size: 19px 19px;
    }

    .sa-list-delete {
        background-image: url(../images/icon/delete@2x.png);
        background-size: 15px 19px;
    }

    .sa-list-back {
        background-image: url(../images/icon/back@2x.png);
        background-size: 12px 21px;
    }

    .sa-list-forwad {
        background-image: url(../images/icon/forwad@2x.png);
        background-size: 12px 21px;
    }

    .sa-list-day {
        background-image: url(../images/icon/day@2x.png);
        background-size: 21px 21px;
    }

    .sa-list-week {
        background-image: url(../images/icon/week@2x.png);
        background-size: 21px 21px;
    }

    .sa-list-month {
        background-image: url(../images/icon/month@2x.png);
        background-size: 21px 21px;
    }

    .sa-list-spam {
        background-image: url(../images/icon/spam@2x.png);
        background-size: 17px 17px;
    }

    .sa-list-archive {
        background-image: url(../images/icon/archive@2x.png);
        background-size: 17px 17px;
    }

    /* Form */
    .sa-plus {
        background-image: url(../images/icon/plus-sm@2x.png);
        background-size: 13px 13px;
    }

    /* Others */
    #menu-toggle {
        background-image: url(../images/icon/menu@2x.png);
        background-size: 18px 13px;
    }

    .main-search {
        background-image: url(../images/icon/search@2x.png);
        background-size: 25px 25px;
    }

    .tile-config > .tile-menu {
        background-image: url(../images/icon/tile-actions@2x.png);
        background-size: 13px 3px;
    }

    .message-search:not(:focus) {
        background-image: url(../images/icon/search@2x.png);
        background-size: 25px 25px;
    }
}