@font-face {
    font-family: apexBook;
    src: url(apexbook.otf);
}

* {
    font-family: apexBook, Arial, Helvetica, sans-serif;
}

textarea, input, button, select {
    /* Remove focus outlines - mac */
    outline: none;
}

.langselect {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    margin-right: 10px;
    position: relative;
}

.langselect  a {
    display: inline-block;
    cursor: pointer;
}

.lang-selector > a > img {
    /*position: relative;*/
    /*display: inline-block;*/
    margin: 10px;
    vertical-align: middle;
}

.langselect .selected {
    background-color: #efefef;
}

.langselect img {
    border: 1px;
    border-color: gray;
    border-style: solid;
    margin: 1px;
    display: inline-flex;
    cursor: pointer;
}

.lang-selector {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.langselect img {
    /*position: relative;*/
    /*display: inline-block;*/
    margin: 10px;
    vertical-align: middle;
}

.disable-user-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #efefef;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
}

.dropdown-content > li {
    background-color: #efefef;
}

.dropdown-content > li:hover {
    background-color: #e0e0e0;
    width: 100%;
}

.dropdown-content > li > a {
    display: block;
}

.lang-selector > ul > li > a > img {
    margin: 10px 10px 10px 10px;
    vertical-align: middle;
}

.show { display: block; }