/* DEAFULT */
#lang_btn.btn {
    position: relative;
    text-align: left;
    font-size: 12px;
    min-width: 160px;
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: none;
    color: rgba(255,255,255,0.5);
    background-color: transparent;
    padding: .45rem 0.5rem;
    margin: 0;
    cursor:pointer;
}
#lang_btn.btn:hover,
#lang_btn.btn:focus {
    border: 1px solid rgba(255,255,255,0.5);
    background: transparent;
    box-shadow: none;
}
#lang_btn.btn:after {
    font-family: FontAwesome;
    content: '\f106';
    position: absolute;
    right: 10px; top: 10px;
}

#modal-lang {
    position: absolute;
    opacity: 0;
    z-index: 99;
    top: 0; bottom: 0; right: 0;
    transform: translateY(-25px);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#modal-lang.active {
    transform: translateY(0);
    opacity: 1;
}

/* PLACEMENT */
/* center */
#modal-lang.center {top: 0; bottom: 0; right: unset; left: -25%;}
/* right */
#modal-lang.right {top: 0; bottom: 0; right: 0;}

#modal-lang .inner {
    position: absolute;
    bottom: 50px;
}

#modal-lang.right .inner {right: 0;}

#modal-lang .inner ul {
    margin: 0; padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #eee;
    min-width: 240px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.35);
}

#modal-lang .inner ul > li{
    margin: 0; padding: 0;
    border-bottom: 1px solid #eee;
    text-align: left;
}
#modal-lang .inner ul > li:last-child{border-bottom: none;}

#modal-lang .inner ul > li > a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #333;
}

/* LIGHT */
#lang_btn.btn.light {
    background: white;
    border: 1px solid rgba(0,0,0,0.25);
    color: rgba(0,0,0,0.5);
}

/* CLEAR */
#lang_btn.btn.clear{
    background: transparent;
}

/* DARK */
#lang_btn.btn.dark{
    color:black;
    border:black 1px solid;
}

/* OUTLINE WHITE */
#lang_btn.btn.outline-white{
    background:transparent;
    color: white;
    border: 1px solid white;
    border-radius:3px;
}