@font-face {
        font-family: 'ap_device';
        src:url('fonts/ap_device/ap_device.eot?-9kbvu8');
        src:url('fonts/ap_device/ap_device.eot?#iefix-9kbvu8') format('embedded-opentype'),
                url('fonts/ap_device/ap_device.woff?-9kbvu8') format('woff'),
                url('fonts/ap_device/ap_device.ttf?-9kbvu8') format('truetype'),
                url('fonts/ap_device/ap_device.svg?-9kbvu8#device') format('svg');
        font-weight: normal;
        font-style: normal;
}

i {
        font-family: 'ap_device';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.ap_deviceaccesspoint:before {
        content: "\e900";
        font-family: 'ap_device';
}

.ap_deviceaccesspoint{
        color: #a6acb5;
        font-size: 103px
}

.ap_sensor:before {
    content: "\e901";
    font-family: 'ap_device';
}

.ap_sensor {
	color: #0096d6;
	font-size: 74px
}

.client_sensor:before {
    content: "\e902";
    font-family: 'ap_device';
}

.client_sensor {
	color: #0096d6;
	font-size: 74px
}