/* =============================================================================
   Media queries for different screen sizes
   ========================================================================== */
/*@icons-retina: {
    background: url('icons@2x.png') 0 0 no-repeat scroll;
    background-size: 190px 190px;
};*/
.g-icon {
  overflow: hidden;
  background: url("icons.png") no-repeat;
  cursor: pointer;
  display: inline-block;
  /*.retina(@icons-retina);*/
  /*@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
        background-image: url('icons@2x.png');
        background-size: 190px 190px;
    }*/
}
.g-icon_attendance-active {
  background-position: 0 0;
  width: 32px;
  height: 30px;
}
.g-icon_attendance {
  background-position: -32px 0;
  width: 32px;
  height: 30px;
}
.g-icon_dropzone {
  background-position: 0 -30px;
  width: 31px;
  height: 29px;
}
.g-icon_analytics-active {
  background-position: -31px -30px;
  width: 30px;
  height: 29px;
}
.g-icon_analytics {
  background-position: -64px 0;
  width: 30px;
  height: 29px;
}
.g-icon_promotion-active {
  background-position: -64px -29px;
  width: 30px;
  height: 29px;
}
.g-icon_promotion {
  background-position: 0 -59px;
  width: 30px;
  height: 29px;
}
.g-icon_outlet-active {
  background-position: -30px -59px;
  width: 31px;
  height: 20px;
}
.g-icon_outlet {
  background-position: -61px -59px;
  width: 31px;
  height: 20px;
}
.g-icon_staff-active {
  background-position: -94px 0;
  width: 31px;
  height: 20px;
}
.g-icon_staff {
  background-position: -94px -20px;
  width: 31px;
  height: 20px;
}
.g-icon_digital-workspace {
  background-position: -94px -40px;
  width: 25px;
  height: 24px;
}
.g-icon_digital-workspace-active {
  background-position: -94px -64px;
  width: 25px;
  height: 24px;
}
.g-icon_settings-active {
  background-position: 0 -88px;
  width: 25px;
  height: 24px;
}
.g-icon_settings {
  background-position: -25px -88px;
  width: 25px;
  height: 24px;
}
.g-icon_announcement-active {
  background-position: -50px -88px;
  width: 24px;
  height: 24px;
}
.g-icon_announcement {
  background-position: -74px -88px;
  width: 24px;
  height: 24px;
}
.g-icon_review-appraisal-active {
  background-position: -98px -88px;
  width: 24px;
  height: 24px;
}
.g-icon_review-appraisal {
  background-position: -125px 0;
  width: 24px;
  height: 24px;
}
.g-icon_leaves-active {
  background-position: -125px -24px;
  width: 23px;
  height: 24px;
}
.g-icon_leaves {
  background-position: -125px -48px;
  width: 23px;
  height: 24px;
}
.g-icon_org-chart-active {
  background-position: -125px -72px;
  width: 24px;
  height: 22px;
}
.g-icon_org-chart {
  background-position: 0 -112px;
  width: 24px;
  height: 22px;
}
.g-icon_appraisal-active {
  background-position: -149px 0;
  width: 20px;
  height: 24px;
}
.g-icon_appraisal {
  background-position: -149px -24px;
  width: 20px;
  height: 24px;
}
.g-icon_dialog-top-arrow {
  background-position: -24px -112px;
  width: 30px;
  height: 15px;
}
.g-icon_rostering-icon {
  background-position: 0 -134px;
  width: 26px;
  height: 17px;
}
.g-icon_schedule-active {
  background-position: -26px -134px;
  width: 26px;
  height: 17px;
}
.g-icon_schedule {
  background-position: -52px -134px;
  width: 26px;
  height: 17px;
}
.g-icon_cancel-upload {
  background-position: -169px 0;
  width: 21px;
  height: 21px;
}
.g-icon_payroll-active {
  background-position: 0 -151px;
  width: 22px;
  height: 20px;
}
.g-icon_payroll {
  background-position: -22px -151px;
  width: 22px;
  height: 20px;
}
.g-icon_dashboard-active {
  background-position: -169px -21px;
  width: 20px;
  height: 19px;
}
.g-icon_dashboard {
  background-position: -169px -40px;
  width: 20px;
  height: 19px;
}
.g-icon_remove-icon {
  background-position: -169px -59px;
  width: 19px;
  height: 19px;
}
.scroll-down {
  background-position: -169px -78px;
  width: 18px;
  height: 17px;
}
.g-icon_calendar {
  background-position: -169px -95px;
  width: 16px;
  height: 19px;
}
.g-icon_edit {
  background-position: -169px -114px;
  width: 17px;
  height: 17px;
}
.g-icon_forward {
  background-position: -149px -48px;
  width: 13px;
  height: 22px;
}
.g-icon_settings-delete {
  background-position: -169px -131px;
  width: 17px;
  height: 16px;
}
.g-icon_pending_ask {
  background-position: -149px -70px;
  width: 15px;
  height: 18px;
}
.g-icon_rejected-task {
  background-position: -149px -88px;
  width: 15px;
  height: 18px;
}
.g-icon_task {
  background-position: -149px -106px;
  width: 15px;
  height: 18px;
}
.g-icon_add-icon {
  background-position: -44px -151px;
  width: 13px;
  height: 20px;
}
.announcement-benefit-icon {
  background-position: -125px -94px;
  width: 16px;
  height: 16px;
}
.g-icon_bluebg-tick-icon {
  background-position: -78px -134px;
  width: 16px;
  height: 16px;
}
.g-icon_plus {
  background-position: -94px -134px;
  width: 16px;
  height: 16px;
}
.g-icon_delete-bin {
  background-position: -57px -151px;
  width: 14px;
  height: 18px;
}
.g-icon_pen {
  background-position: -54px -112px;
  width: 16px;
  height: 15px;
}
.g-icon_close-icon {
  background-position: -70px -112px;
  width: 15px;
  height: 15px;
}
.g-icon_next-icon {
  background-position: 0 -171px;
  width: 11px;
  height: 19px;
}
.g-icon_previous-icon {
  background-position: -11px -171px;
  width: 11px;
  height: 19px;
}
.g-icon_view {
  background-position: -85px -112px;
  width: 19px;
  height: 11px;
}
.g-icon_approved-req {
  background-position: -104px -112px;
  width: 16px;
  height: 11px;
}
.g-icon_mail {
  background-position: -120px -112px;
  width: 16px;
  height: 11px;
}
.g-icon_left-arrow {
  background-position: -71px -151px;
  width: 10px;
  height: 17px;
}
.g-icon_right-arrow {
  background-position: -81px -151px;
  width: 10px;
  height: 17px;
}
.g-icon_rejected-req {
  background-position: -110px -134px;
  width: 13px;
  height: 12px;
}
.g-icon_search {
  background-position: -123px -134px;
  width: 12px;
  height: 12px;
}
.g-icon_check-in-pending {
  background-position: -91px -151px;
  /*-136px -112px; changed to make icon look dark*/
  width: 12px;
  /*13px; changed to make icon look dark*/
  height: 11px;
}
.g-icon_filter {
  background-position: -149px -124px;
  width: 14px;
  height: 10px;
}
.g-icon_check-in-declined {
  background-position: -135px -134px;
  width: 12px;
  height: 11px;
}
.g-icon_check-in-manual,
.g-icon_check-in-forced {
  background-position: -147px -134px;
  width: 12px;
  height: 11px;
}
.g-icon_check-in {
  background-position: -91px -151px;
  width: 12px;
  height: 11px;
}
.g-icon_check-out-declined {
  background-position: -103px -151px;
  width: 12px;
  height: 11px;
}
.g-icon_check-out-manual,
.g-icon_check-out-forced {
  background-position: -115px -151px;
  width: 12px;
  height: 11px;
}
.g-icon_check-out-pending {
  background-position: -139px -151px;
  /*-127px -151px;  changed to make icon look dark*/
  width: 12px;
  height: 11px;
}
.g-icon_check-out {
  background-position: -139px -151px;
  width: 12px;
  height: 11px;
}
.g-icon_left-triangle {
  background-position: -151px -151px;
  width: 11px;
  height: 11px;
}
.g-icon_header-dropdown {
  background-position: -30px -79px;
  width: 15px;
  height: 7px;
}
.g-icon_down-arrow {
  background-position: -45px -79px;
  width: 13px;
  height: 6px;
}
.g-icon_downarrow {
  background-position: -58px -79px;
  width: 13px;
  height: 6px;
}
.g-icon_employees {
  background-position: -141px -94px;
  width: 8px;
  height: 8px;
}
.g-icon_test-error-icon {
  background-position: -141px -102px;
  width: 8px;
  height: 8px;
}
.g-icon_test-fail-icon {
  background-position: -159px -134px;
  width: 8px;
  height: 8px;
}
.g-icon_test-pass-icon {
  background-position: -162px -151px;
  width: 8px;
  height: 8px;
}
.g-icon_test-skip-icon {
  background-position: -170px -151px;
  width: 8px;
  height: 8px;
}
.g-icon_pending-req {
  background-position: -169px -147px;
  width: 16px;
  height: 4px;
}
.g-icon_minus {
  background-position: -125px -110px;
  width: 16px;
  height: 2px;
}
.g-icon_assets {
  background-size: cover;
  background: url("assets_black.png") no-repeat !important;
  width: 60px;
  height: 18px;
}
.g-icon_assets-active {
  background-size: cover;
  background: url("assets_white.png") no-repeat !important;
  width: 60px;
  height: 18px;
}
.g-icon_recruiter {
  background-size: cover;
  background: url("recruiter_black.png") no-repeat !important;
  transform: scale(0.4) !important;
  margin: 0;
  width: 48px;
  height: 48px;
}
.g-icon_recruiter-active {
  background-size: cover;
  background: url("recruiter_white.png") no-repeat !important;
  transform: scale(0.4) !important;
  margin: 0;
  width: 48px;
  height: 48px;
}
.g-icon_fwa {
  background-size: cover !important;
  background: url("fwa_black.png");
  margin: 0;
  width: 48px;
  height: 48px;
}
.g-icon_fwa-active {
  background-size: cover !important;
  background: url("fwa_white.png");
  margin: 0;
  width: 48px;
  height: 48px;
}
.g-icon_worksheet {
  background-position: -125px -48px;
  width: 23px;
  height: 24px;
}
.g-icon_worksheet-active {
  background-position: -125px -24px;
  width: 23px;
  height: 24px;
}