@charset "UTF-8";
/*
 * Quentic Tenant Selection Service
 * Copyright(c) Quentic GmbH
 * contact.de@quentic.com
 *
 * https://www.quentic.com/
 */

/*
 * In this file all design rules related to flags are specified (including the flag-box, flag-icons,...)
 */

#flag-box__button {
    width: 69px;
    height: 38px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#flag-box__button:hover {
    border-color: #d2d6de;
}

#flag-box__button .drop-down-icon {
    width: 10px;
    margin-right: 6px;
    height: 38px;
    float: right;
    background: transparent url("../images/icons/dropdown-trigger.png") no-repeat center center;
}

#flag-box__list {
    min-width: 53px;
    border-radius: 6px;
    position: absolute;
    background: #eee;
    max-height: 340px; /* max 10 languages * 34px */
    overflow-y: auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, .4);
    z-index: 1;
}

#flag-box__list.collapsed {
    display: none;
}

#flag-box__list .item,
#flag-box__button {
    cursor: pointer;
}

#flag-box__list .item:hover {
    border-radius: 6px;
    background-color: #dfdfdf;
}

#flag-box .item {
    height: 34px;
    white-space: nowrap;
}

#flag-box__list .item .language {
    line-height: 32px;
    padding-left: 5px;
    padding-right: 20px;
}

#flag-box .flag-icon {
    height: 30px;
    width: 52px;
    background-size: 32px 32px;
    background-position: 10px 0;
    background-repeat: no-repeat;
    float: left;
}

#flag-box__button .flag-icon {
    margin: 4px 0;
}

#flag-box__list .flag-icon {
    margin: 2px 0;
}


/*******************************/
/********* Flag Icons **********/
/*******************************/

div.flag-icon[data-locale="de"],
div.flag-icon[data-locale="de_BWB"] {
    background-image: url('../images/flags/flag_de.svg');
}

div.flag-icon[data-locale="de_AT"] {
    background-image: url('../images/flags/flag_de_AT.svg');
}

div.flag-icon[data-locale="en"] {
    background-image: url('../images/flags/flag_en_US.svg');
}

div.flag-icon[data-locale="en_GB"] {
    background-image: url('../images/flags/flag_en_GB.svg');
}

div.flag-icon[data-locale="es_ES"] {
    background-image: url('../images/flags/flag_es_ES.svg');
}

div.flag-icon[data-locale="pt"] {
    background-image: url('../images/flags/flag_pt.svg');
}

div.flag-icon[data-locale="pt_BR"] {
    background-image: url('../images/flags/flag_pt_BR.svg');
}

div.flag-icon[data-locale="zh_CN"] {
    background-image: url('../images/flags/flag_zh_CN.svg');
}

div.flag-icon[data-locale="cs"] {
    background-image: url('../images/flags/flag_cs.svg');
}

div.flag-icon[data-locale="nl"] {
    background-image: url('../images/flags/flag_nl.svg');
}

div.flag-icon[data-locale="fr"] {
    background-image: url('../images/flags/flag_fr.svg');
}

div.flag-icon[data-locale="it"] {
    background-image: url('../images/flags/flag_it.svg');
}

div.flag-icon[data-locale="sv"] {
    background-image: url('../images/flags/flag_se.svg');
}

div.flag-icon[data-locale="pl"] {
    background-image: url('../images/flags/flag_pl.svg');
}

div.flag-icon[data-locale="fi"] {
    background-image: url('../images/flags/flag_fi.svg');
}

div.flag-icon[data-locale="da"] {
    background-image: url('../images/flags/flag_da.svg');
}

div.flag-icon[data-locale="hr"] {
    background-image: url('../images/flags/flag_hr.svg');
}

div.flag-icon[data-locale="hu"] {
    background-image: url('../images/flags/flag_hu.svg');
}

div.flag-icon[data-locale="no"] {
    background-image: url('../images/flags/flag_no.svg');
}

div.flag-icon[data-locale="ro"] {
    background-image: url('../images/flags/flag_ro.svg');
}

div.flag-icon[data-locale="ru"] {
    background-image: url('../images/flags/flag_ru.svg');
}

div.flag-icon[data-locale="sr"] {
    background-image: url('../images/flags/flag_sr.svg');
}

div.flag-icon[data-locale="sk"] {
    background-image: url('../images/flags/flag_sk.svg');
}

div.flag-icon[data-locale="sl"] {
    background-image: url('../images/flags/flag_sl.svg');
}

div.flag-icon[data-locale="bg"] {
    background-image: url('../images/flags/flag_bg.svg');
}

div.flag-icon[data-locale="tr"] {
    background-image: url('../images/flags/flag_tr.svg');
}

div.flag-icon[data-locale="et"] {
    background-image: url('../images/flags/flag_et.svg');
}

div.flag-icon[data-locale="id_ID"] {
    background-image: url('../images/flags/flag_id_ID.svg');
}

div.flag-icon[data-locale="hi_IN"] {
     background-image: url('../images/flags/flag_hi_IN.svg');
 }

div.flag-icon[data-locale="th_TH"] {
    background-image: url('../images/flags/flag_th_TH.svg');
}

div.flag-icon[data-locale="uk"] {
    background-image: url('../images/flags/flag_uk.svg');
}

div.flag-icon[data-locale="lt"] {
    background-image: url('../images/flags/flag_lt.svg');
}

div.flag-icon[data-locale="ja_JP"] {
    background-image: url('../images/flags/flag_ja_JP.svg');
}

div.flag-icon[data-locale="ko"] {
    background-image: url('../images/flags/flag_ko.svg');
}

div.flag-icon[data-locale="el"] {
    background-image: url('../images/flags/flag_el.svg');
}
div.flag-icon[data-locale="vi_VN"] {
    background-image: url('../images/flags/flag_vn.svg');
}