/* ============================================ 
 Projekt:      CENTER                                         
                                                            
 Datei:        05_CSX_IMAGES.CSS                                                       
                                                                                                     
 Datum:        12.01.2016                                        
 Version:      2.0                                               
 Optimiert:    ab IE 9, FF, Chrome, Opera                
 ================================================ */

/* ============================================ 
        SUBNAV
================================================ */
/* Icon Logout */
#subNav #subNavList li.logoutSubNav a {
    background-repeat: no-repeat;
    background-position: 0 0;
}

#subNav #subNavList li.logoutSubNav a:hover {
    background-position: 0 -50px;
}

#subNav #subNavList li.logoutSubNav a:focus {
    background-position: 0 -50px;
}

#subNav #subNavList li.logoutSubNav a:active {
    background-position: 0 -100px;
}

/* ============================================ 
          TOOLTIP INFO-ICON (!)
================================================ */
.infoCompanyIdDetails,
.infoCompanyDetails,
.infoSearchCriteriaDetails,
.infoSearchCriteria {
    background-image: url(../images/icons/info_icon_16x16.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* ============================================
        ICON BENUTZER - UNTERNEHMEN - SUCHPROFIL
================================================ */
/* Nutzer nicht gesperrt - gruener Haken */
.cpvCodeChecked, /* CPV-Code gewaehlt gruener Haken */
.userAccountStatusActiveIcon, /* Nutzer nicht gesperrt - gruener Haken */
.iconSearchProfileNotificationOn /* Aktuelle Verwendung des Suchprofils - gruener Haken */
{
    background-image: url(../images/icons/registration/check_green_16x16.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Aktuelle Verwendung des Suchprofils - Ghosthaken*/
.iconSearchProfileNotificationOff {
    background-image: url(../images/icons/registration/check_ghost_16x16.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer gesperrt - Stopicon */
.userAccountStatusInActiveIcon {
    background-image: url(../images/icons/action_status_deactivate.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer gesperrt nach Loginfehlversuch - Schloss */
.userAccountStatusAutomaticLockIcon {
    background-image: url(../images/icons/action_lock.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer bearbeiten - Bleistift mit Blatt - AKTION */
.userActionEditIcon {
    background-image: url(../images/icons/action_edit.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer sperren - Stopicon mit Figur - AKTION */
.userActionStatusDeactivateIcon {
    background-image: url(../images/icons/status_inactiv.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer entsperren - gruener Haken mit Figur - AKTION */
.userActionStatusActivateIcon {
    background-image: url(../images/icons/status_activ.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer entsperren - gruener Haken mit Figur - AKTION */
.userActionStatusActivateIconGhost {
    background-image: url(../images/icons/status_activ_ghost.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nutzer loeschen - Muelleimer - AKTION */
.userActionDeleteIcon {
    background-image: url(../images/icons/action_delet.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* ============================================
         INFO- ERROR- WARN- HINWEISBOXEN
================================================ */
span.info,
p.info,
.hintDist,
p.agbInfo {
    background-image: url(../images/icons/infoboxes/icon_info_20x20.png);
    background-position: 5px 8px;
    background-repeat: no-repeat;
}

ul#successMessages,
span.success,
p.success {
    background-image: url(../images/icons/infoboxes/icon_success_20x20.png);
    background-position: 5px 8px;
    background-repeat: no-repeat;
}

span.error,
p.error,
ul#errorMessages {
    background-image: url(../images/icons/infoboxes/icon_error_20x20.png);
    background-position: 5px 8px;
    background-repeat: no-repeat;
}

span.warning,
p.warning {
    background-image: url(../images/icons/infoboxes/icon_warning_20x20.png);
    background-position: 5px 8px;
    background-repeat: no-repeat;
}


/* ==================================================
         SUCHFELDER / BUTTONS SUBMIT TEXTFELD LEEREN
===================================================== */
/* Suche in der MainNav */
#permanentSearchBox input[type=submit] {
    background-position: center -1px;
    background-repeat: no-repeat;
}

#permanentSearchBox input[type=submit]:hover,
#permanentSearchBox input[type=submit]:focus {
    background-position: center -26px;
    background-repeat: no-repeat;
}

/* Icon Textfeld loeschen */
.clearSearchString {
    background-image: url(../images/commonImages/search/bg_input_clear_16x32.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.clearSearchString:hover {
    background-position: 0 -16px;
}

/* ============================================
          ICON SUPPORT-CENTER
================================================ */
a.centerSuS {
    background-image: url(../images/icons/sus/sus_button_95x82.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.centerSuS:hover,
a.centerSuS:active {
    background-position: 0 -41px;
}

/* ============================================
        REGISTRIERUNG UNTERNEHMEN / WIZARD
================================================ */
ol#wizardSteps li span {
    background-image: url(../images/icons/registration/check_green_16x16.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* ============================================
         FLAGGEN (DEV-MODE)
================================================ */
.flagIcon {
    background-image: url(../images/icons/flag/flag_icon_18x30.png);
    background-repeat: no-repeat;
}

/* ============================================
         IMAGES "End of Support IE11/edge"
================================================ */
.endOfSupportIE__button--bg-green  .endOfSupportIE__button-icon {
    background-image: url("../images/browserEndOfSupport/checked.svg");
}

.endOfSupportIE__button-icon.chrome {
    background-image: url("../images/browserEndOfSupport/chrome.svg");
}

.endOfSupportIE__button-icon.firefox {
    background-image: url("../images/browserEndOfSupport/firefox.svg");
}

.endOfSupportIE__button-icon.chromium {
    background-image: url("../images/browserEndOfSupport/edge_chromium.svg");
}

.endOfSupportIE__head-icon {
    background-image: url("../images/browserEndOfSupport/warning.svg");
}

/* ============================================
    SHOW/HIDE PASSWORD
================================================ */
.password__button {
    background-image: url("../images/icons/show_hide_password/show_hide_password_30x60.png");
    background-position: center center;
    background-repeat: no-repeat;
}