.top-tab {

    .nav-tabs {
        background-color: #e1e1e1;
        border: 0;
        height: 32px;

        li {
            margin: 0;

            a {
                margin: 0;
                border: 0;
                padding: 6px 15px;
                border-radius: 0;
                vertical-align: middle;


                &:hover, &:focus {
                    background: inherit;
                    border: 0;
                }
            }


            &.active a {
                border: 0;
                background-color: #fff;

                &:hover, &:focus {
                    border: 0;
                }
            }
        }
    }

    .tab-content {
        height: 60px;
        background-color: #fff;
        border-bottom: 1px solid #dbdbdb;
    }

    .tab-pane {
        font-size: 0;
    }
}

.km-btn-group {
    display: inline-block;
    margin: 5px 0;
    padding: 0 5px;
    vertical-align: middle;
    border-right: 1px dashed #eee;
}

.km-btn-item {
    display: inline-block;
    margin: 0 3px;
    font-size: 0;
    cursor: default;

    &[disabled] {
        opacity: 0.5;

        &:hover, &:active {
            background-color: #fff;
        }
    }

    .km-btn-icon {
        display: inline-block;
        background: url(images/icons.png) no-repeat;
        background-position: 0 20px;
        width: 20px;
        height: 20px;
        padding: 2px;
        margin: 1px;
        vertical-align: middle;
    }

    .km-btn-caption {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
    }

    &:hover {background-color: @button-hover;}
    &:active {background-color: @button-active;}
}