﻿.language
{
    padding: 8px 16px;
    z-index: 100000;
    background-color: #fff;
    border-color: #e5e5e5;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid;
    outline: none;
    box-sizing: border-box;
    min-height: 40px;
    min-width: 160px;
    cursor: default;
    box-shadow: 0 4px 30px rgba(0,0,0,0.25);
    position: absolute;
    line-height: 1;
}

    .language > div
    {
        display: block;
        box-sizing: inherit;
    }

        .language > div > div
        {
            display: block;
            box-sizing: inherit;
        }

            .language > div > div a
            {
                text-decoration: none;
                color: rgb(82, 130, 255);
                margin: 0 -16px;
                padding: 8px 16px;
                cursor: pointer;
                display: block;
                outline: none;
            }

                .language > div > div a:hover
                {
                    color: inherit;
                    background-color: rgba(0,0,0,0.05);
                }
               
                .language > div > div a > div
                {
                    display: table;
                    width: 100%;
                }

                    .language > div > div a > div > div
                    {
                        display: table-row;
                    }

                        .language > div > div a > div > div div
                        {
                            display: table-cell;
                        }

                            .language > div > div a > div > div div.lang-img
                            {
                                height: 18px;
                                width: 18px;
                                border-radius: 50%;
                                background-repeat: no-repeat;
                                background-position: 50% 50%;
                                background-size: cover;
                                position: relative;
                                overflow: hidden;
                                border-color: #EFEFEF;
                                border-style: solid;
                                border-width: 1px;
                            }

                            .language > div > div a > div > div div.lang-text
                            {
                                padding-left: 8px;
                            }                              
                                
                            .language > div > div a > div > div div.lang-current
                            {
                                padding-left: 8px;
                                width: 16px;
                            }

                                .language > div > div a > div > div div.lang-current:not(.current) svg
                                {
                                    display: none;
                                }

@media (max-width:480.98px)
{
    .language > div > div a > div > div div.lang-text {
        display: none;
    }

    .language > div > div a > div > div div.lang-current {
        display: none;
    }

    .language
    {
        min-width: 50px;
        border-radius: 15px;
    }
}

@media (max-width:360px)
{
    .language > div > div a > div > div div.lang-text {
        display: none;
    }

    .language > div > div a > div > div div.lang-current {
        display: none;
    }

    .language
    {
        min-width: 50px;
        border-radius: 15px;
    }
}