.auth-container .logo-bg {
    background: url(../images/logo-bg.jpg) no-repeat right;
    background-size: cover;
}

.menu__box:after {
    content: '';
    position: absolute;
    top: 19px;
    right: 30px;
    width: 133px;
    height: 34px;
    background: url(../images/logo-black.png) no-repeat;
    background-size: cover;
}

select.form-control {
    background: url(../images/arrow-select-down.png) no-repeat calc(100% - 19px) #fff;
}

select.form-control:focus {
    background: url(../images/arrow-select-up.png) no-repeat calc(100% - 19px) #eed2d8;
}

select.form-control:disabled {
    background: url(../images/arrow-select-disabled.png) no-repeat calc(100% - 19px) #dfe1e3;
}

.group-card:before {
    content: '';
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/group-card-substrate.png) no-repeat;
    background-size: 100% 80%;
    z-index: -1;
}

.folder-ticket {
    position: relative;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2)
}

.folder-ticket:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 36px;
    top: 8px;
    left: -12px;
    background: url(../images/folder-substrate.png) no-repeat;
    background-size: cover;
    z-index: -1;
}

.spinner {
    background: url('../images/spinner.png') no-repeat;
}

.date-picker {
    padding-right: 40px;
    float: left;
}

.date-picker-container, .date-picker + i {
    position: relative;
    max-width: 195px;
}

.modal .date-picker-container, .modal .date-picker + i {
    max-width: 100%;
}

.date-picker + i {
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    pointer-events: none;
    width: 17px;
    height: 17px;
    background: url(../images/icons/datepicker/calendar-icon.svg) no-repeat;
}

.battery-indicator.plugged:before {
    background-image: url('../images/icons/plug.svg');
}

.battery-indicator.empty {
    border-color: #e8454b;
}

.battery-indicator.empty:after {
    background-color: #e8454b;
}

.battery-indicator.empty:before {
    background-image: url('../images/icons/deviceIcons/no-charge.svg');
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

*[data-badge] {
    position: relative;
}

*[data-badge]:after {
    display: block;
    content: attr(data-badge);
    height: 13px;
    position: absolute;
    top: 0px;
    border-radius: 7px;
    background-color: #4abd7e;
    right: -10%;
    padding: 0 4px;
    font-family: Montserrat;
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

/* menu icons */
.menu-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: -12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.menu-icon.type-devices {
    background-image: url('../images/menuIcons/devices.svg');
}

a.active .menu-icon.type-devices {
    background-image: url('../images/menuIcons/devices_active.svg');
}

.menu-icon.type-meters {
    background-image: url('../images/menuIcons/jkh.svg');
}

a.active .menu-icon.type-meters {
    background-image: url('../images/menuIcons/jkh_active.svg');
}

.menu-icon.type-maps {
    background-image: url('../images/menuIcons/maps.svg');
}

a.active .menu-icon.type-maps {
    background-image: url('../images/menuIcons/maps_active.svg');
}

.menu-icon.type-events {
    background-image: url('../images/menuIcons/events.svg');
}

a.active .menu-icon.type-events {
    background-image: url('../images/menuIcons/events_active.svg');
}

.menu-icon.type-reports {
    background-image: url('../images/menuIcons/reports.svg');
}

a.active .menu-icon.type-reports {
    background-image: url('../images/menuIcons/reports_active.svg');
}

.menu-icon.type-members {
    background-image: url('../images/menuIcons/users.svg');
}

a.active .menu-icon.type-members {
    background-image: url('../images/menuIcons/users_active.svg');
}

/* device icons */
.device-icon, .func-icon, .group-icon, .event-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
}

.data-state:not(.data-state-ERROR) .data-state-message + .device-icon,
.data-state:not(.data-state-ERROR) .data-state-message + .func-icon,
.data-state:not(.data-state-ERROR) .data-state-message + .group-icon {
    margin-left: -8px;
}

.group-icon {
    background-image: url('../images/icons/deviceIcons/dev-group.svg');
}

.device-icon .shared {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    right: -6px;
    bottom: -6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icons/deviceIcons/dev-shared.svg');
}

.device-icon.class-UNIVERSAL {
    background-image: url('../images/icons/deviceIcons/dev-dev.svg');
}

.device-icon.class-PULSE_COUNTER {
    background-image: url('../images/icons/deviceIcons/dev-test.svg');
}

.device-icon.class-WATER_METER {
    background-image: url('../images/icons/deviceIcons/dev-water.svg');
}

.device-icon.class-ELECTRICITY_METER {
    background-image: url('../images/icons/deviceIcons/dev-elcity.svg');
}

.device-icon.class-GAS_METER {
    background-image: url('../images/icons/deviceIcons/dev-gas.svg');
}

.device-icon.class-HEAT_METER {
    background-image: url('../images/icons/deviceIcons/dev-heatcount.svg');
}

.device-icon.class-THERMOMETER {
    background-image: url('../images/icons/deviceIcons/dev-temp.svg');
}

.device-icon.class-HYGROMETER {
    background-image: url('../images/icons/deviceIcons/dev-humtemp.svg');
}

.device-icon.class-OPEN_CLOSE_SENSOR {
    background-image: url('../images/icons/deviceIcons/dev-magnet.svg');
}

.device-icon.class-MOTION_DETECTOR {
    background-image: url('../images/icons/deviceIcons/dev-motion.svg');
}

.device-icon.class-SMOKE_DETECTOR {
    background-image: url('../images/icons/deviceIcons/dev-smoke.svg');
}

.device-icon.class-ACCELERATION_SENSOR {
    background-image: url('../images/icons/deviceIcons/dev-acc.svg');
}

.device-icon.class-ALARM_SENSOR {
    background-image: url('../images/icons/deviceIcons/dev-alarm.svg');
}

.device-icon.class-GNSS_RECEIVER {
    background-image: url('../images/icons/deviceIcons/dev-gps_2.svg');
}

.device-icon.class-GATEWAY {
    background-image: url('../images/icons/deviceIcons/dev-modem.svg');
}

.device-icon.class-CAMERA {
    background-image: url('../images/icons/deviceIcons/dev-cam.svg');
}

.device-icon.class-MANOMETER {
    background-image: url('../images/icons/deviceIcons/dev-mano.svg');
}

.device-icon.class-VIBRATION_METER {
    background-image: url('../images/icons/deviceIcons/dev-acc.svg');
}

/* function icons */
.func-icon.type-ALARM {
    background-image: url('../images/icons/functionIcons/func-alarm.svg');
}

.func-icon.type-IMPULSE_COUNTER {
    background-image: url('../images/icons/functionIcons/func-impulse.svg');
}

.func-icon.type-WATER_COUNTER {
    background-image: url('../images/icons/functionIcons/func-water.svg');
}

.func-icon.type-ELECTRICITY_COUNTER {
    background-image: url('../images/icons/functionIcons/func-elcity.svg');
}

.func-icon.type-GAS_COUNTER {
    background-image: url('../images/icons/functionIcons/func-gas.svg');
}

.func-icon.type-THERMOMETER {
    background-image: url('../images/icons/functionIcons/func-temp.svg');
}

.func-icon.type-TILT_ANGLE {
    background-image: url('../images/icons/functionIcons/func-tilt.svg');
}

.func-icon.type-OPEN_CLOSE_SENSOR {
    background-image: url('../images/icons/functionIcons/func-open.svg');
}

.func-icon.type-SWITCH {
    background-image: url('../images/icons/functionIcons/func-switch.svg');
}

.func-icon.type-HUMIDITY {
    background-image: url('../images/icons/functionIcons/func-hum.svg');
}

.func-icon.type-ILLUMINANCE {
    background-image: url('../images/icons/functionIcons/func-light.svg');
}

.func-icon.type-SOUND_PRESSURE_LEVEL {
    background-image: url('../images/icons/functionIcons/func-noise.svg');
}

.func-icon.type-CO2_CONCENTRATION {
    background-image: url('../images/icons/functionIcons/func-co-2.svg');
}

.func-icon.type-GEO_POSITION {
    background-image: url('../images/icons/functionIcons/func-gps.svg');
}

.func-icon.type-VALVE {
    background-image: url('../images/icons/functionIcons/func-valve.svg');
}

.func-icon.type-POWER {
    background-image: url('../images/icons/functionIcons/func-power.svg');
}

.func-icon.type-PHASE {
    background-image: url('../images/icons/functionIcons/func-phase.svg');
}

.func-icon.type-SECURITY {
    background-image: url('../images/icons/functionIcons/func-security.svg');
}

.func-icon.type-DEVICE_STATE {
    background-image: url('../images/icons/functionIcons/func-state.svg');
}

.func-icon.type-AZIMUTH {
    background-image: url('../images/icons/functionIcons/func-azimut.svg');
}

.func-icon.type-SPEED {
    background-image: url('../images/icons/functionIcons/func-speed.svg');
}

.func-icon.type-PRESSURE {
    background-image: url('../images/icons/functionIcons/func-pressure.svg');
}

.func-icon.type-CURRENT {
    background-image: url('../images/icons/functionIcons/func-current.svg');
}

.func-icon.type-ACTIVE_ENERGY {
    background-image: url('../images/icons/functionIcons/func-energy-a.svg');
}

.func-icon.type-ACTIVE_POWER_3F {
    background-image: url('../images/icons/functionIcons/func-power-a.svg');
}

.func-icon.type-REACTIVE_POWER_3F {
    background-image: url('../images/icons/functionIcons/func-power-3-r.svg');
}

.func-icon.type-VOLTAGE_3F {
    background-image: url('../images/icons/functionIcons/func-voltage-3.svg');
}

.func-icon.type-CURRENT_3F {
    background-image: url('../images/icons/functionIcons/func-current-3.svg');
}

.func-icon.type-VOLTAGE {
    background-image: url('../images/icons/functionIcons/func-voltage.svg');
}

.func-icon.type-HEAT_COUNTER {
    background-image: url('../images/icons/functionIcons/func-heat.svg');
}

.func-icon.type-VOLUME_CONSUMPTION {
    background-image: url('../images/icons/functionIcons/func-volume.svg');
}

.func-icon.type-WEIGHT {
    background-image: url('../images/icons/functionIcons/func-mass.svg');
}

.func-icon.type-APPARENT_POWER {
    background-image: url('../images/icons/functionIcons/func-power.svg');
}

.func-icon.type-POWER_FACTOR {
    background-image: url('../images/icons/functionIcons/func-koef.svg');
}

.func-icon.type-FREQUENCY {
    background-image: url('../images/icons/functionIcons/func-freq.svg');
}

.func-icon.type-REACTIVE_POWER_FACTOR {
    background-image: url('../images/icons/functionIcons/func-koef-r.svg');
}

.func-icon.type-REACTIVE_ENERGY {
    background-image: url('../images/icons/functionIcons/func-energy-r.svg');
}
.func-icon.type-LINEAR_POSITION {
    background-image: url('../images/icons/functionIcons/func-incline.svg');
}
.func-icon.type-REACTIVE_POWER {
    background-image: url('../images/icons/functionIcons/func-power-r.svg');
}

.func-icon.type-VIBROMETERS {
    background-image: url('../images/icons/functionIcons/func-volume.svg');
}
.func-icon.type-VIBRATION_DISPLACEMENT {
    background-image: url('../images/icons/functionIcons/func-volume.svg');
}

.func-icon.type-VIBRATION_VELOCITY {
    background-image: url('../images/icons/functionIcons/func-speed.svg');
}

.func-icon.type-VIBRATION_ACCELERATION {
    background-image: url('../images/icons/functionIcons/func-speed.svg');
}

.event-icon.type-USER_LOGIN {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-USER_LOGOUT {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-PROFILE_EDIT {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-SUPPORT_USER_LOGIN {
    background-image: url('../images/icons/eventIcons/icon-sup.svg');
}

.event-icon.type-SUPPORT_USER_LOGOUT {
    background-image: url('../images/icons/eventIcons/icon-sup.svg');
}

.event-icon.type-ORGANIZATION_CREATE {
    background-image: url('../images/icons/eventIcons/icon-org.svg');
}

.event-icon.type-ORGANIZATION_EDIT {
    background-image: url('../images/icons/eventIcons/icon-org.svg');
}

.event-icon.type-ORGANIZATION_DELETE {
    background-image: url('../images/icons/eventIcons/icon-org.svg');
}

.event-icon.type-INVITE_CREATE, .event-icon.type-YOUR_INVITE_CREATE {
    background-image: url('../images/icons/eventIcons/icon-invite.svg');
}

.event-icon.type-INVITE_ACCEPT, .event-icon.type-YOUR_INVITE_ACCEPT {
    background-image: url('../images/icons/eventIcons/icon-invite.svg');
}

.event-icon.type-INVITE_DELETE, .event-icon.type-YOUR_INVITE_DELETE {
    background-image: url('../images/icons/eventIcons/icon-invite.svg');
}

.event-icon.type-MEMBER_EDIT {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-MEMBER_DELETE, .event-icon.type-YOUR_MEMBER_DELETE {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-GROUP_CREATE {
    background-image: url('../images/icons/eventIcons/icon-group.svg');
}

.event-icon.type-GROUP_EDIT {
    background-image: url('../images/icons/eventIcons/icon-group.svg');
}

.event-icon.type-GROUP_DELETE {
    background-image: url('../images/icons/eventIcons/icon-group.svg');
}

.event-icon.type-DEVICE_EVENT {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-DEVICE_ADD {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-DEVICE_EDIT {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-DEVICE_DELETE {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-FUNCTION_CREATE {
    background-image: url('../images/icons/eventIcons/icon-func.svg');
}

.event-icon.type-FUNCTION_EDIT {
    background-image: url('../images/icons/eventIcons/icon-func.svg');
}

.event-icon.type-FUNCTION_DELETE {
    background-image: url('../images/icons/eventIcons/icon-func.svg');
}

.event-icon.type-DEVICE_DATA_STATE_CHANGED {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-FUNCTION_DATA_STATE_CHANGED {
    background-image: url('../images/icons/eventIcons/icon-func.svg');
}

.event-icon.type-DEVICE_DATA_RESET {
    background-image: url('../images/icons/eventIcons/icon-device.svg');
}

.event-icon.type-ALARM {
    background-image: url('../images/icons/eventIcons/icon-alarm.svg');
}

.event-icon.type-OPEN {
    background-image: url('../images/icons/eventIcons/icon-unlocked.svg');
}

.event-icon.type-CLOSE {
    background-image: url('../images/icons/eventIcons/icon-locked.svg');
}

.event-icon.type-SWITCH_ON {
    background-image: url('../images/icons/eventIcons/icon-on.svg');
}

.event-icon.type-SWITCH_OFF {
    background-image: url('../images/icons/eventIcons/icon-off.svg');
}

.event-icon.type-SECURITY_DISARMED {
    background-image: url('../images/icons/eventIcons/sec-off.svg');
}

.event-icon.type-SECURITY_DISARMING {
    background-image: url('../images/icons/eventIcons/sec-off-delay.svg');
}

.event-icon.type-SECURITY_ARMING {
    background-image: url('../images/icons/eventIcons/sec-on-part.svg');
}

.event-icon.type-SECURITY_ARMED {
    background-image: url('../images/icons/eventIcons/sec-on.svg');
}

.event-icon.type-SECURITY_PARTIALLY_ARMED {
    background-image: url('../images/icons/eventIcons/sec-part.svg');
}

.event-icon.type-SECURITY_DELAYED_ARMED {
    background-image: url('../images/icons/eventIcons/sec-on-delay.svg');
}

.event-icon.type-SECURITY_BREACH {
    background-image: url('../images/icons/eventIcons/sec-warn.svg');
}

.event-icon.type-SECURITY_ALARM {
    background-image: url('../images/icons/eventIcons/sec-alarm.svg');
}

.event-icon.type-MAP_CREATE {
    background-image: url('../images/icons/eventIcons/icon-map.svg');
}

.event-icon.type-MAP_EDIT {
    background-image: url('../images/icons/eventIcons/icon-map.svg');
}

.event-icon.type-MAP_OBJECT_EDIT {
    background-image: url('../images/icons/eventIcons/icon-map.svg');
}

.event-icon.type-MAP_DELETE {
    background-image: url('../images/icons/eventIcons/icon-map.svg');
}

.event-icon.type-SHARE_CREATE {
    background-image: url('../images/icons/eventIcons/icon-share.svg');
}

.event-icon.type-SHARE_EDIT {
    background-image: url('../images/icons/eventIcons/icon-share.svg');
}

.event-icon.type-SHARE_DELETE {
    background-image: url('../images/icons/eventIcons/icon-share.svg');
}

.event-icon.type-USER_BLOCK {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.event-icon.type-USER_UNBLOCK {
    background-image: url('../images/icons/eventIcons/icon-user.svg');
}

.subicon,
.event-icon[class*="type-"][class*="_ADD"],
.event-icon[class*="type-"][class*="_CREATE"],
.event-icon[class*="type-"][class*="_DELETE"],
.event-icon[class*="type-"][class*="_REMOVE"],
.event-icon[class*="type-"][class*="_RESET"],
.event-icon[class*="type-"][class*="_STATE_CHANGED"],
.event-icon[class*="type-"][class*="_EDIT"],
.event-icon[class*="type-"][class*="_ACCEPT"],
.event-icon[class*="type-"][class*="_LOGIN"],
.event-icon[class*="type-"][class*="_LOGOUT"] {
    position: relative;
}

.subicon:after,
.event-icon[class*="type-"][class*="_ADD"]:after,
.event-icon[class*="type-"][class*="_CREATE"]:after,
.event-icon[class*="type-"][class*="_DELETE"]:after,
.event-icon[class*="type-"][class*="_REMOVE"]:after,
.event-icon[class*="type-"][class*="_RESET"]:after,
.event-icon[class*="type-"][class*="_STATE_CHANGED"]:after,
.event-icon[class*="type-"][class*="_EDIT"]:after,
.event-icon[class*="type-"][class*="_ACCEPT"]:after,
.event-icon[class*="type-"][class*="_LOGIN"]:after,
.event-icon[class*="type-"][class*="_LOGOUT"]:after {
    position: absolute;
    content: '';
    bottom: -5px;
    right: -5px;
    display: block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.subicon.add:after,
.event-icon[class*="type-"][class*="_ADD"]:after,
.event-icon[class*="type-"][class*="_CREATE"]:after {
    background-image: url('../images/icons/eventIcons/icon-add.svg');
}

.subicon.remove:after,
.event-icon[class*="type-"][class*="_DELETE"]:after,
.event-icon[class*="type-"][class*="_REMOVE"]:after {
    background-image: url('../images/icons/eventIcons/icon-remove.svg');
}

.subicon.reset:after,
.event-icon[class*="type-"][class*="_RESET"]:after {
    background-image: url('../images/icons/eventIcons/icon-reset.svg');
}

.subicon.accept:after,
.event-icon[class*="type-"][class*="_ACCEPT"]:after {
    background-image: url('../images/icons/eventIcons/icon-accept.svg');
}

.subicon.edit:after,
.event-icon[class*="type-"][class*="_EDIT"]:after {
    background-image: url('../images/icons/eventIcons/icon-edit.svg');
}

.subicon.in:after,
.event-icon[class*="type-"][class*="_LOGIN"]:after {
    background-image: url('../images/icons/eventIcons/icon-in.svg');
}

.subicon.out:after,
.event-icon[class*="type-"][class*="_LOGOUT"]:after {
    background-image: url('../images/icons/eventIcons/icon-out.svg');
}

.subicon.data:after,
.event-icon[class*="type-"][class*="_STATE_CHANGED"]:after {
    background-image: url('../images/icons/eventIcons/icon-data.svg');
}

.meter-card-icon.type-ELECTRICITY_COUNTER {
    background-image: url('../images/icons/devices/ELECTRICITY_COUNTER.svg');
}

.meter-card-icon.type-GAS_COUNTER {
    background-image: url('../images/icons/devices/GAS_COUNTER.svg');
}

.meter-card-icon.type-WATER_COUNTER, .meter-card-icon.type-WATER_COUNTER-NONE {
    background-image: url('../images/icons/devices/WATER_COUNTER.svg');
}

.meter-card-icon.type-WATER_COUNTER-HOT_WATER {
    background-image: url('../images/icons/deviceIcons/dev-hot.svg');
}

.meter-card-icon.type-WATER_COUNTER-COLD_WATER {
    background-image: url('../images/icons/deviceIcons/dev-cold.svg');
}

.meter-card.data-state-ERROR .meter-card-icon {
    filter: brightness(100);
}

.low-battery:after {
    display: inline-block;
    content: '';
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 12px;
    background-image: url('../images/icons/deviceIcons/low.svg');
}

button.copy-button {
    padding: 7px !important;
}

i.copy-icon {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('../images/icons/icon-copy-light.svg');
}