/* 
------------------------------------------------------------------------
icons.css
------------------------------------------------------------------------
*/

.welcome-kpi-icon {
    width: 90px;
    height: 108px;
    margin: 4px;
    display: inline-block;
    background: url(../images/icons/welcome-kpi-icons.png) no-repeat;
    background-size: 540px
}

.welcome-kpi-icon-done {
    margin: 0
}

.welcome-kpi-yellow-sales-orders {
    background-position: 0 0
}

.welcome-kpi-yellow-works-orders {
    background-position: -98px 0
}

.welcome-kpi-yellow-transfer-orders {
    background-position: -186px 0
}

.welcome-kpi-yellow-vendor-returns {
    background-position: -274px 0
}

.welcome-kpi-yellow-purchase-orders {
    background-position: -368px 0
}

.welcome-kpi-yellow-replenishment {
    background-position: -460px 0
}

.welcome-kpi-orange-sales-orders {
    background-position: 0 -110px
}

.welcome-kpi-orange-works-orders {
    background-position: -98px -110px
}

.welcome-kpi-orange-transfer-orders {
    background-position: -186px -110px
}

.welcome-kpi-orange-vendor-returns {
    background-position: -274px -110px
}

.welcome-kpi-orange-people {
    background-position: -368px -110px
}

.welcome-kpi-orange-packing {
    background-position: -460px -110px
}

.welcome-kpi-green-received {
    background-position: 0 -210px
}

.welcome-kpi-green-putaway {
    background-position: -98px -210px
}

.welcome-kpi-green-replenishment {
    background-position: -186px -210px
}

.welcome-kpi-green-works-orders {
    background-position: -274px -210px
}

.welcome-kpi-green-picked {
    background-position: -368px -210px
}

.welcome-kpi-green-packed {
    background-position: -460px -210px
}

@media all and (min-width:112.5em) {
    .welcome-kpi-icon {
        width: 130px;
        height: 148px;
        margin: 12px;
        display: inline-block;
        background: url(../images/icons/welcome-kpi-icons.png) no-repeat;
        background-size: 770px
    }
    .welcome-kpi-icon-done {
        margin: 0
    }
    .welcome-kpi-yellow-sales-orders {
        background-position: 0 0
    }
    .welcome-kpi-yellow-works-orders {
        background-position: -128px 0
    }
    .welcome-kpi-yellow-transfer-orders {
        background-position: -256px 0
    }
    .welcome-kpi-yellow-vendor-returns {
        background-position: -384px 0
    }
    .welcome-kpi-yellow-purchase-orders {
        background-position: -512px 0
    }
    .welcome-kpi-yellow-replenishment {
        background-position: -640px 0
    }
    .welcome-kpi-orange-sales-orders {
        background-position: 0 -150px
    }
    .welcome-kpi-orange-works-orders {
        background-position: -128px -150px
    }
    .welcome-kpi-orange-transfer-orders {
        background-position: -256px -150px
    }
    .welcome-kpi-orange-vendor-returns {
        background-position: -384px -150px
    }
    .welcome-kpi-orange-people {
        background-position: -512px -150px
    }
    .welcome-kpi-orange-packing {
        background-position: -640px -150px
    }
    .welcome-kpi-green-received {
        background-position: 0 -300px
    }
    .welcome-kpi-green-putaway {
        background-position: -128px -300px
    }
    .welcome-kpi-green-replenishment {
        background-position: -256px -300px
    }
    .welcome-kpi-green-works-orders {
        background-position: -384px -300px
    }
    .welcome-kpi-green-picked {
        background-position: -512px -300px
    }
    .welcome-kpi-green-packed {
        background-position: -640px -300px
    }
}