.ascribe-piece-list-toolbar {
    padding-left: 15px;
    padding-right: 15px;
}

.search-bar {
    max-width: 200px;

    input {
        height: 33px;
    }
}

.ascribe-input-glyph > .form-group > .input-group {
    margin-left: 6px;
    border: none;
    input {
        background-color: transparent;
        box-shadow: none;
        border: none;
    }

    > .input-group-addon {
        background-color: transparent;

        > .filter-glyph {
            border: none;
        }
    }
}

.ascribe-piece-list-toolbar-widget {
    button {
        background-color: transparent;
        border: 1px solid transparent;
        color: $ascribe--button-default-color;
        padding: 6px 4px 6px 8px;

        &:hover,
        &:active {
            background-color: $ascribe--button-default-color !important;
            border-color: $ascribe--button-default-color !important;
            color: white;
        }
        .caret {
            display: none;
        }
    }

    .ascribe-piece-list-toolbar-widget-item {
        a {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .checkbox-line {
        height: 25px;
        position: relative;
        color: #333333;

        /* Fuck you react-bootstrap */
        &:hover {
            background-color: $dropdown-link-hover-bg;
            cursor: pointer;
        }

        span {
            cursor: pointer;
            left: 9px;
            margin-right: 10px;
            position: absolute;
            top: 3px;
        }

        input {
            margin-left: 10px;
            position: absolute;
            right: 9px;
            top: 2px;
        }
    }

    .dropdown-menu {
        min-width: 170px;
    }
}