﻿/* Icons */

.icons-small {
    background: transparent url('../../Images/Svg/icons_16.svg') no-repeat;
    height: 16px;
    width: 16px;
}

.icons-filter {
    background: transparent url('../../Images/Svg/filter.svg') no-repeat;
    height: 17px;
    width: 17px;
}

.icons-medium {
    background: transparent url('../../Images/Svg/icons_24.svg') no-repeat;
    height: 28px;
    width: 20px;
}

.icons-hight {
    background: transparent url('../../Images/Svg/icons_32.svg') no-repeat;
    height: 32px;
    width: 32px;
}

.i-burger {
    background-position: 0px 0px;
    margin-left: 10px;
}

    .i-burger.hightlight {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
    }

.i-view {
    background-position: -16px -52px;
    display: inline-block;
}

.i-view-detail {
    background-position: -16px -121px;
    display: inline-block;
}

.i-search {
    background-position: -1px -50px;
    display: inline-block;
    cursor: pointer;
}

.i-search-alt {
    background-position: -16px -36px;
    display: inline-block;
}

.i-new {
    background-position: -32px -36px;
    display: inline-block;
    height: 15px;
}

.i-add-task-white {
    background-position: -34px -175px;
    display: inline-block;
}

.i-filter-white {
    background-position: 0px -264px;
    display: inline-block;
}

.i-time {
    background-position: -192px -65px !important;
    margin-top: 18px;
    width: 30px !important;
}

.i-progress {
    background-position: -279px -279px !important;
    margin-top: 11px;
    width: 44px !important;
}

.i-costs {
    background-position: -64px -94px !important;
    margin-top: 24px;
}

.i-effort {
    background-position: -223px -64px !important;
    margin-top: 18px;
    margin-left: 20px !important;
}

.i-user {
    background-position: -63px -36px;
}

.i-user-photo {
    background: transparent url('../../Images/Svg/user.svg') no-repeat;
    height: 100px;
    width: 100px;
}

.i-user-login {
    background-position: -63px -246px;
}

.i-user-logout {
    position: absolute;
    background-position: -80px -18px;
    margin-left: 11px;
    margin-top: 6px;
    width: 15px;
}

.i-close {
    background-position: -31px -122px;
}

.i-close-white {
    background-position: -31px -263px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.i-relation-white {
    background-position: -63px -211px;
    display: inline-block;
}

.i-save-white {
    background-position: -48px -228px;
    display: inline-block;
}

.i-close:hover {
    opacity: 0.7;
}

.i-edit {
    background-position: -96px -88px;
}

.i-photo {
}

.i-next {
    background-position: -47px -246px;
    margin-left: 6px;
    margin-top: 6px;
    transform: rotate(180deg);
}

.i-prev {
    background-position: -47px -246px;
    margin-left: 6px;
    margin-top: 6px;
}

.master-menu li a span {
    display: inline-block;
}

.master-menu li a #precase {
    background-position: -63px -52px;
}

.servicecall-hover, #precase:hover {
    background-position: -63px -122px !important;
}

.master-menu li a #dashboard {
    background-position: -80px -52px;
}

.dashboard-hover, #dashboard:hover {
    background-position: -80px -122px !important;
}

.master-menu li a #servicecall {
    background-position: -17px -1px;
}

.precase-hover, #precase:hover {
    background-position: -63px -122px !important;
}

.servicecall-hover, #servicecall:hover {
    background-position: -17px -71px !important;
}

.master-menu li a #incident {
    background-position: -34px -1px;
    /* width: 14px; */
}

.incident-hover, #incident:hover {
    background-position: -34px -71px !important;
}

.master-menu li a #problem {
    background-position: -47px -1px;
}

.problem-hover, #problem:hover {
    background-position: -47px -71px !important;
}

.master-menu li a #change {
    background-position: -63px -1px;
}

.change-hover, #change:hover {
    background-position: -63px -71px !important;
}

.master-menu li a #task {
    background-position: -80px -1px;
}

.task-hover, #task:hover {
    background-position: -80px -71px !important;
}

.master-menu li a #alarm {
    background-position: -96px -1px;
}

.alarm-hover, #alarm:hover {
    background-position: -96px -71px !important;
}

.master-menu li a #kb {
    background-position: -112px -1px;
}

.kb-hover, #kb:hover {
    background-position: -112px -71px !important;
}

.master-menu li a #routing {
    background-position: -128px -1px;
}

.routing-hover, #routing:hover {
    background-position: -128px -71px !important;
}

.set-icon-search {
    position: absolute;
    top: 4px;
    margin-left: -24px;
}

.set-icon-search_context {
    position: relative;
    top: 3px;
}

.set-icon-search-drop-list {
    position: absolute;
    top: 4px;
    margin-left: -49px;
}

.set-icon-search-category {
    position: absolute;
    top: 4px;
    right: 30px;
}

.set-icon-view {
    position: absolute;
    margin-left: 2px;
    top: 6px;
}

.icon-chat {
    background: transparent url('../../../../app/ui/Images/Svg/chat_icon.svg') no-repeat;
    width: 16px;
    height: 16px;
}

.chat-hover {
    background: transparent url('../../../../app/ui/Images/Svg/chat_icon-hover.svg') no-repeat;
    width: 16px;
    height: 16px;
}

/* Fin Icons */
