﻿    #langSelectorNormalView {
        margin-bottom: -5px;
        float: left;
    }
    .ul-dropdown-lang {
        margin-top: 5px;
        margin-right: -14px;
        border: 1px solid #e6e8ea;
    }
    .wrapper-dropdown-lang {
        /* Size and position */
        position: relative;
        display: inline-block;
        margin: 0 auto;
        padding-left: 10px;

        /* Styles */
        cursor: pointer;
        outline: none;

        /* Font settings */
        font-weight: bold;
        color: #8AA8BD;
        font-family: Arial;
        font-size: 13px;
    }

    .wrapper-dropdown-lang .ul-dropdown-lang
    {
        font-family: Arial;
        font-size: 13px;
        z-index: 9999;
	    width: 240px;
      /* Size & position */
        position: absolute;
        top: 90%;
        right: -1px;

        /* Styles */
        background: white;
        border-radius: inherit;
        border: 1px solid rgba(0,0,0,0.17);
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        font-weight: normal;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        list-style: none;

        /* Hiding */
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .wrapper-dropdown-lang .ul-dropdown-lang:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 15px;
        border-width: 0 6px 6px 6px;
        border-style: solid;
        border-color: #fff transparent;    
    }

    .wrapper-dropdown-lang .ul-dropdown-lang:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 13px;
        border-width: 0 8px 8px 8px;
        border-style: solid;
        border-color: rgba(0,0,0,0.1) transparent;    
    }

    .wrapper-dropdown-lang .ul-dropdown-lang li a 
    {
        text-align: left;
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #8aa8bd;
        border-bottom: 1px solid #e6e8ea;
        box-shadow: inset 0 1px 0 rgba(255,255,255,1);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .wrapper-dropdown-lang .ul-dropdown-lang li{
        line-height: 13px;
    }


    /* Hover state */
    .wrapper-dropdown-lang .ul-dropdown-lang li:hover a {
        background: #E9EEEE;
    }

    /* Active state */

    .wrapper-dropdown-lang.active .ul-dropdown-lang 
    {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .wrapper-dropdown-lang .selector{
        cursor: pointer;
    }

    /* No CSS3 support */

    .no-opacity       .wrapper-dropdown-lang .ul-dropdown-lang,
    .no-pointerevents .wrapper-dropdown-lang .ul-dropdown-lang {
        display: none;
        opacity: 1; /* If opacity support but no pointer-events support */
        pointer-events: auto; /* If pointer-events support but no pointer-events support */
    }

    .no-opacity       .wrapper-dropdown-lang.active .ul-dropdown-lang,
    .no-pointerevents .wrapper-dropdown-lang.active .ul-dropdown-lang {
        display: block;
    }