#trp-floater-ls {
position: fixed;
z-index: 9999999;
bottom: 0;
left: 80%;
background-color: #212121;
border-radius: 5px 5px 0 0;
display: block;
overflow: hidden;
}
#trp-floater-ls.trp-floater-ls-names {
max-width: 160px;
}
#trp-floater-ls.trp-floater-ls-flags {
width: 50px;
}
#trp-floater-ls-language-list {
display: none;
}
#trp-floater-ls:focus #trp-floater-ls-current-language,
#trp-floater-ls:hover #trp-floater-ls-current-language {
display: none;
}
#trp-floater-ls:focus #trp-floater-ls-language-list,
#trp-floater-ls:hover #trp-floater-ls-language-list {
display: block;
}
#trp-floater-ls:hover {
box-shadow: 0 0 10px #212121;
}
#trp-floater-ls-current-language a,
#trp-floater-ls-language-list a {
display: block;
padding: 10px 15px 5px 15px;
font-size: 90%;
}
#trp-floater-ls-current-language,
#trp-floater-ls-language-list {
text-align: left;
}
#trp-floater-ls-current-language.trp-with-flags,
#trp-floater-ls-language-list.trp-with-flags {
text-align: left;
}
#trp-floater-ls-current-language {
display: block;
width: 100%;
height: 100%;
}
#trp-floater-ls-current-language a,
#trp-floater-ls-language-list a {
color: #BDBDBD;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#trp-floater-ls-language-list a:hover {
color: #FAFAFA;
background-color: #424242;
}
#trp-floater-ls .trp-floater-ls-disabled-language {
pointer-events: none;
cursor: default;
}
#trp-floater-ls .trp-with-flags .trp-flag-image {
margin-right: 5px;
margin-top: -1px;
vertical-align: middle;
height: auto;
max-width: 100%;
display: inline;
padding: 0;
}
#trp-floater-ls a {
text-decoration: none;
}
@media only screen and ( max-width: 800px ) {
#trp-floater-ls {
left: 5%;
}
}