svg.icon, img.icon {
    width: 16px;
    height: 16px;
    border: 0px;
}

svg.icon.s32, img.icon.s32 {
    width: 32px;
    height: 32px;
}

svg.icon.s24, img.icon.s24 {
    width: 24px;
    height: 24px;
}

svg.icon.s14, img.icon.s14 {
    width: 14px;
    height: 14px;
}

svg.icon.s12, img.icon.s12 {
    width: 12px;
    height: 12px;
}

svg.icon.s16w, img.icon.s16w {
    width: 20px;
}

svg.icon.flag, img.icon.flag, div.icon.flag {
    width: 32px;
    height: 16px;
    background-size: 32px 16px;
}

svg.icon.inline {
    vertical-align: middle;
}

/*.tablink svg.icon {
    width: 14px;
    height: 14px;
}*/

.tablink svg.icon use { fill: #e5e5e5; }
.tablink.tablink_active svg.icon use { fill: black; }

.handle_ext svg.icon { width: 14px; height: 14px; }
.handle_ext svg.icon use { fill: lightgray; }

svg.icon.green use { fill: #21B232; }
svg.icon.red use { fill: #DD1212; }
svg.icon.blue use { fill: #004E9B; }
svg.icon.refresh-blue use { fill: #2B79C1; }
svg.icon.white use { fill: #ffffff; }
svg.icon.yellow use { fill: #cccc33; }
svg.icon.darkgray use { fill: #505050; }


#UI_header_section svg.icon { width: 16px; height: 16px; }
#UI_header_section svg.icon use { fill: #e0e0e0; }
#user_icon svg.icon use { color: #aaaaaaaa; }
.logged_in #user_icon svg.icon use { color: #e0e0e0; }

#UI_modules svg.icon { width: 14px; height: 14px; }

.searchButton svg.icon { width: 13px; height: 13px; transform:translate(1px,0px) scale(1.5,1); }
.searchButton svg.icon use { fill: white; }

.submenu_arrow svg.icon { width: 14px; height: 14px; transform:translate(1px,0px)  }
.submenu_arrow svg.icon use { fill: black; }
.floating_menu_item:hover .submenu_arrow svg.icon use { fill:white; }

#UI_layer_section .centercenter_v svg { width:14px; height:14px; transform:translate(0px,1px) }

.group-title svg.icon use { fill: #505050; }

[name=updown_switch].up svg.down { display:none; }
[name=updown_switch].down svg.up { display:none; }


.closer-button { cursor:pointer; position:absolute; padding:3px; right:2px; top:0px }
.tinner .closer-button { cursor:pointer; position:relative; float: right; padding:0px; right:0px; top:0px; }
.closer-button svg.closer {
    width: 10px;
    height: 10px;
    border: #2E343D 1px solid;
}
.closer-button svg.closer use {
    fill: #2E343D;
}

#CP_thmList_arrows svg use { fill: lightgray }