/*
 * Copyright (C) Pootle contributors.
 *
 * This file is a part of the Pootle project. It is distributed under the GPL3
 * or later license. See the LICENSE file for a copy of the license and the
 * AUTHORS file for copyright and authorship information.
 */

/*
 * HEADER ACTION BAR
 */

#actions
{
    padding-bottom: .5em;
    z-index: 200;
    position: relative;
}

body.translate #actions
{
    padding-bottom: 0.5em;
}

#actions > div
{
    vertical-align: middle;
}

#translate-actions
{
    display: inline-block;
    position: relative;
}

#translate-actions a
{
    text-decoration: none;
    color: #000;
}

#translate-actions ul
{
    display: inline-block;
    list-style-type: none;
}

#translate-actions li
{
    display: none;
    margin-left: 2em;
    margin-right: -0.5em;
    font-weight: bold;
}

#translate-actions li.non-zero,
#translate-actions li.back-to-browser
{
    display: inline-block;
}

#translate-actions .counter
{
    padding: 0.1em 0.9em;
    border-radius: 1em;
    background: #000;
    color: #fff;
    font-weight: normal;
}

#translate-actions a:hover
{
    color: #000;
}

#translate-actions a:hover .counter
{
    background: #000 !important;
}

#translate-actions .translation-complete
{
    color: #090;
}

#translate-actions .translation-complete .counter
{
    background-color: #090;
}

#translate-actions .continue-translation,
#translate-actions .back-to-browser a
{
    color: #0489b7;
}

#translate-actions .back-to-browser a
{
    padding: 0.1em 0.4em;
    vertical-align: middle;
}

#translate-actions .continue-translation .counter,
#translate-actions .back-to-browser .counter
{
    background-color: #0489b7;
}

#translate-actions .review-suggestions
{
    color: #ba6;
}

#translate-actions .review-suggestions .counter
{
    background-color: #ba6;
}

#translate-actions .fix-errors
{
    color: #c30;
}

#translate-actions .fix-errors .counter
{
    background-color: #c30;
}

/* Translate action icon adjustments */

.icon-back
{
    margin-top: 1px;
}


/*
 * HEADER FILTERING
 */

#translate-filters
{
    display: inline-block;
}

#translate-filters .breadcrumb
{
    display: inline-block;
    font-size: 1em;
    font-family: sans-serif;
    padding: 0;
    margin-left: 2em;
    vertical-align: text-top;
}

#translate-filters .breadcrumb .select2-container
{
    top: 0;
}

#translate-filters .breadcrumb .select2-container .select2-choice
{
    height: auto;
    line-height: 24px;
    min-height: 24px;
}

#translate-filters .breadcrumb .select2-container .select2-choice div
{
    top: -1px;
}
