.languages .flag,
.language-selected .flag,
.language-list .flag {
    position: static;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    background: #dddddd url(../../Images/Base/flags-sprite.png) no-repeat 0 0;
}

.languages .flag[data-language-iso="ot"],
.language-selected .flag[data-language-iso="ot"],
.language-list .flag[data-language-iso="ot"] {
    background-image: none;
}

.languages .flag[data-language-iso="us"],
.language-selected .flag[data-language-iso="us"],
.language-list .flag[data-language-iso="us"] {
    background-position: 0 -16px;
}

.languages .flag[data-language-iso="sk"],
.language-selected .flag[data-language-iso="sk"],
.language-list .flag[data-language-iso="sk"] {
    background-position: 0 -32px;
}

.languages .flag[data-language-iso="se"],
.language-selected .flag[data-language-iso="se"],
.language-list .flag[data-language-iso="se"] {
    background-position: 0 -48px;
}

.languages .flag[data-language-iso="ru"],
.language-selected .flag[data-language-iso="ru"],
.language-list .flag[data-language-iso="ru"] {
    background-position: 0 -64px;
}

.languages .flag[data-language-iso="ro"],
.language-selected .flag[data-language-iso="ro"],
.language-list .flag[data-language-iso="ro"] {
    background-position: 0 -80px;
}

.languages .flag[data-language-iso="pt"],
.language-selected .flag[data-language-iso="pt"],
.language-list .flag[data-language-iso="pt"] {
    background-position: 0 -96px;
}

.languages .flag[data-language-iso="pl"],
.language-selected .flag[data-language-iso="pl"],
.language-list .flag[data-language-iso="pl"] {
    background-position: 0 -112px;
}

.languages .flag[data-language-iso="no"],
.language-selected .flag[data-language-iso="no"],
.language-list .flag[data-language-iso="no"] {
    background-position: 0 -128px;
}

.languages .flag[data-language-iso="nl"],
.language-selected .flag[data-language-iso="nl"],
.language-list .flag[data-language-iso="nl"] {
    background-position: 0 -144px;
}

.languages .flag[data-language-iso="lv"],
.language-selected .flag[data-language-iso="lv"],
.language-list .flag[data-language-iso="lv"] {
    background-position: 0 -160px;
}

.languages .flag[data-language-iso="kr"],
.language-selected .flag[data-language-iso="kr"],
.language-list .flag[data-language-iso="kr"] {
    background-position: 0 -176px;
}

.languages .flag[data-language-iso="jp"],
.language-selected .flag[data-language-iso="jp"],
.language-list .flag[data-language-iso="jp"] {
    background-position: 0 -192px;
}

.languages .flag[data-language-iso="it"],
.language-selected .flag[data-language-iso="it"],
.language-list .flag[data-language-iso="it"] {
    background-position: 0 -208px;
}

.languages .flag[data-language-iso="gr"],
.language-selected .flag[data-language-iso="gr"],
.language-list .flag[data-language-iso="gr"] {
    background-position: 0 -224px;
}

.languages .flag[data-language-iso="gb"],
.language-selected .flag[data-language-iso="gb"],
.language-list .flag[data-language-iso="gb"] {
    background-position: 0 -240px;
}

.languages .flag[data-language-iso="fr"],
.language-selected .flag[data-language-iso="fr"],
.language-list .flag[data-language-iso="fr"] {
    background-position: 0 -256px;
}

.languages .flag[data-language-iso="fi"],
.language-selected .flag[data-language-iso="fi"],
.language-list .flag[data-language-iso="fi"] {
    background-position: 0 -272px;
}

.languages .flag[data-language-iso="es"],
.language-selected .flag[data-language-iso="es"],
.language-list .flag[data-language-iso="es"] {
    background-position: 0 -288px;
}

.languages .flag[data-language-iso="dk"],
.language-selected .flag[data-language-iso="dk"],
.language-list .flag[data-language-iso="dk"] {
    background-position: 0 -304px;
}

.languages .flag[data-language-iso="gb"],
.language-selected .flag[data-language-iso="gb"],
.language-list .flag[data-language-iso="gb"] {
    background-position: 0 -240px;
}

.languages .flag[data-language-iso="de"],
.language-selected .flag[data-language-iso="de"],
.language-list .flag[data-language-iso="de"] {
    background-position: 0 -320px;
}

.languages .flag[data-language-iso="cz"],
.language-selected .flag[data-language-iso="cz"],
.language-list .flag[data-language-iso="cz"] {
    background-position: 0 -336px;
}

.languages .flag[data-language-iso="cn"],
.language-selected .flag[data-language-iso="cn"],
.language-list .flag[data-language-iso="cn"] {
    background-position: 0 -352px;
}

.languages .flag[data-language-iso="bg"],
.language-selected .flag[data-language-iso="bg"],
.language-list .flag[data-language-iso="bg"] {
    background-position: 0 -368px;
}

#filter-select-container {
    height: 528px;
}

#document-search {
    position: relative;
}

@keyframes rotation360 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

#document-search .ajax-preload {
    background: rgba(232, 233, 234, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 800px;
}

#document-search .ajax-preload::after {
    content: '\00a0';
    position: absolute;
    background: url('../../Images/Base/icon-gearbox.svg') no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    animation: rotation360 3s linear infinite;
}

@media screen and (max-width: 685px) {
    .document-result-header {
        margin-top: 7rem;
    }
}