#nwk_header {
    box-sizing: border-box;
    display: table;
    padding: 4px;
    margin-top: 10px;
}

.nwk-header>div {
    min-width: 24px;
    height: 24px;
    float: left;
    box-sizing: border-box;
    display: table-cell;
    margin-left: 2px;
    margin-right: 6px;
    vertical-align: bottom;
    background-position-y: bottom;
    background-position-x: center;
}

div[id^="nwk_"].nwk_slot_hide {
    visibility: hidden;
}

#nwk_header>div.nwk_text {
    display: table-cell;
    float: inherit;
    vertical-align: bottom;
}

.nwk_text_not_connected {
    vertical-align: middle !important;
    min-width: 100px !important;
}

#nwk_text2.nwk_text {
    padding-left: 5px;
}

/* 
 Single SIM
 SIM
 SimStatus = 2 -- 0, 1, 2 for no sim, present, active states

 Dual SIM
 SIM 1 
 Sim1Status = 2 -- 0, 1, 2 for no sim, present, active states
 SIM 2 
 Sim2Status = 2 -- 0, 1, 2 for no sim, present, active states
*/
#nwk_sim {
    background-image: url("images/header/sim.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_sim1 {
    background-image: url("images/header/sim1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_sim2 {
    background-image: url("images/header/sim2.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.nwk_sim1_hide, .nwk_sim2_hide {
    visibility: hidden;
}

#nwk_sim.nwk_sim_0,
#nwk_sim1.nwk_sim1_0,
#nwk_sim2.nwk_sim2_0 {
    filter: invert(39%) sepia(0%) saturate(519%) hue-rotate(214deg) brightness(102%) contrast(94%);
}

#nwk_sim.nwk_sim_1,
#nwk_sim1.nwk_sim1_1,
#nwk_sim2.nwk_sim2_1 {
    filter: invert(0%) sepia(0%) saturate(3050%) hue-rotate(212deg) brightness(112%) contrast(105%);
}

#nwk_sim.nwk_sim_2,
#nwk_sim1.nwk_sim1_2,
#nwk_sim2.nwk_sim2_2 {
    filter: invert(41%) sepia(82%) saturate(2326%) hue-rotate(182deg) brightness(102%) contrast(105%);
}

.nwk_sim1_only {
    background-image: url("images/header/sim.svg") !important;
}

/* USB
nwk_usb_active
nwk_usb_inactive
*/
#nwk_usb {
    background-image: url("images/header/usb.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_usb.nwk_usb_active {
    filter: invert(41%) sepia(82%) saturate(2326%) hue-rotate(182deg) brightness(102%) contrast(105%);
}

#nwk_usb.nwk_usb_inactive {
    filter: invert(39%) sepia(0%) saturate(519%) hue-rotate(214deg) brightness(102%) contrast(94%);
}

/* LAN 
*/
div[id^="nwk_lan"] {
    background-image: url("images/header/lan.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_wan,
div[id^="nwk_lan"].wan {
    background-image: url("images/header/eth_wan.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_wan.poe,
div[id^="nwk_lan"].poe {
    background-image: url("images/header/poe.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

div[id="nwk_wan"][class$="_inactive"],
div[id^="nwk_lan"][class$="_0"] {
    filter: invert(39%) sepia(0%) saturate(519%) hue-rotate(214deg) brightness(102%) contrast(94%);
}

div[id="nwk_wan"][class$="_active"] {
    filter: invert(41%) sepia(82%) saturate(2326%) hue-rotate(182deg) brightness(102%) contrast(105%);
}

/*Wi-Fi 
nwk_wifi_inactive
nwk_wifi_active
*/
div[id="nwk_wifi"] {
    background-image: url("images/header/wifi.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

div[id="nwk_wifi"].nwk_wifi_inactive {
    filter: invert(39%) sepia(0%) saturate(519%) hue-rotate(214deg) brightness(102%) contrast(94%);
}

div[id="nwk_wifi"].nwk_wifi_active {
    filter: invert(41%) sepia(82%) saturate(2326%) hue-rotate(182deg) brightness(102%) contrast(105%);
}

/* #nwk_bars .nwk_bars_1 */
#nwk_bars {
    background-repeat: no-repeat;
    background-size: contain;
}

#nwk_bars.nwk_not_connected {
    background-image: url("images/header/no_service.svg");
    filter: invert(11%) sepia(86%) saturate(5718%) hue-rotate(5deg) brightness(86%) contrast(118%);

}

#nwk_bars.nwk_bars_inactive {
    visibility: hidden;
}

#nwk_bars.nwk_bars_0 {
    background-image: url("images/header/signal_0.svg");
}

#nwk_bars.nwk_bars_1 {
    background-image: url("images/header/signal_1.svg");
}

#nwk_bars.nwk_bars_2 {
    background-image: url("images/header/signal_2.svg");
}

#nwk_bars.nwk_bars_3 {
    background-image: url("images/header/signal_3.svg");
}

#nwk_bars.nwk_bars_4 {
    background-image: url("images/header/signal_4.svg");
}

#nwk_bars.nwk_bars_5 {
    background-image: url("images/header/signal_5.svg");
}

#nwk_bars.nwk_not_connected {
    float: none;
}

/* Common CSS SVG Filters */
.insg_blue {
    filter: invert(41%) sepia(82%) saturate(2326%) hue-rotate(182deg) brightness(102%) contrast(105%);
}

.insg_grey {
    filter: invert(39%) sepia(0%) saturate(519%) hue-rotate(214deg) brightness(102%) contrast(94%);
}

.insg_green {
    filter: invert(73%) sepia(29%) saturate(1254%) hue-rotate(20deg) brightness(99%) contrast(110%);
}

.insg_red {
    filter: invert(11%) sepia(86%) saturate(5718%) hue-rotate(5deg) brightness(86%) contrast(118%);
}

@media only screen and (max-width: 425px) {
    .nwk_text_not_connected {
        min-width: 80px !important;
    }

    .nwk-header>div {
        min-width: 16px;
        height: 16px;
    }
}