.combobox {
    display: block;

    &.input-group-sm .btn { .input-sm(); }
    &.input-group-lg .btn { .input-lg(); }
    &.input-group-nr > .form-control,
    &.input-group-nr > .btn {
        height: @input-height-base;
        padding:  @padding-base-vertical @padding-base-horizontal;
        font-size:  @font-size-base;
        line-height: @line-height-base;

        -o-transition: border-color ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s;
        -moz-transition: border-color ease-in-out .15s;
        transition: border-color ease-in-out .15s;

        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
    }

    &.input-group-nr > .form-control {
        padding-right: 7px + 2 * @padding-base-horizontal;
    }

    &.input-group-nr > .btn {
        &.dropdown-toggle {
            .caret {
                width: 7px;
                height: 7px;
                border: 0;
                background-position: @arrow-small-offset-x @arrow-small-offset-y;
            }

            &:active,
            &.active {
                .caret {
                    background-position: @arrow-small-offset-x @arrow-small-offset-y;
                }
            }
        }
    }

    .form-control {
        border-right: 0;
        position: static;
        z-index: auto;
        float: none;
    }

    .btn,
    .btn:hover,
    .btn:focus {
        border-left: 0;
        border-color: @input-border;
        background-color: transparent;
        margin-left: -1px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .btn-default:not(.disabled),
    &.open .dropdown-toggle.btn-default {
        background-color: @input-bg;
        border-color: @input-border;
    }

    &.input-group-nr.open:not(.no-highlighted) {
        & > .form-control,
        & > .btn {
            border-color: @gray-darker;
        }
    }

    &.input-group-nr:not(.no-highlighted) > .form-control {
        &:focus,
        &:focus ~ button.dropdown-toggle {
            border-color: @gray-darker;
        }
    }

    li {
        a {
            white-space: pre;
        }

        &.selected {
            background-color: @primary;

            a {
                color: @dropdown-link-active-color;

                &:hover,
                &.hover,
                &:focus,
                &.focus {
                    background-color: @primary;
                }
            }
        }
    }

    // Font combobox
    // ------------------------
    li {
        &.selected {
            img {
                -webkit-filter: invert(100%) brightness(4);
                filter: invert(100%) brightness(4);
            }
            canvas {
                -webkit-filter: invert(100%) brightness(4);
                filter: invert(100%) brightness(4);
            }
        }

        &.divider:first-child {
            display: none;
        }
    }

    .font-item {
        vertical-align:middle;
        margin: 0 0 0 -10px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .dropdown-menu.menu-absolute {
        position: fixed;
    }

    .dropdown-menu.show-top {
        top: auto;
        bottom: 100%;
    }
}

.open > .combobox.combo-dataview-menu {
    &.input-group-nr:not(.no-highlighted) {
        & > .form-control,
        & > .btn {
            border-color: @gray-darker;
        }
    }
}