// For reference, all Bootstrap classes:
// https://gist.github.com/geksilla/6543145

.text-muted {
    color: @textColorMuted;
}

.nav {
    .dropdown-menu > li > a.has-icon,
    .dropdown-toggle.has-icon {
        @_icon_size: 14px;
        @_item_padding: 15px;
        @_icon_spacing: 5px;

        position: relative;
        padding-left: @_item_padding + @_icon_size + @_icon_spacing;

        .z-icon {
            position: absolute;
            left: @_item_padding;
            top: 50%;
            height: @_icon_size;
            width: @_icon_size;
            margin-top: -@_icon_size/2;
        }
    }

    &.nav-pills {
        &:extend(.minimalTabs all);
        border-style: none none solid none;
        border-width: 1px;
    }
}

.dropdown-menu {
    &.admin-dropdown-menu-has-icons {
        > li > a {
            padding-left: 40px;
            position: relative;
            
            .glyphicon {
                @_height: 18px + 2 * 3px; // line-height + padding
                @_icon_height: 13px; // icon font size
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                line-height: @_height;
            }
        }
    }
    > li > a {
        text-shadow: @darkOnLightTextShadow;
    }
    > li.active > a,
    > li.active > a:hover,
    > li > a:hover {
        background-color: @brand-primary;
        color: #fff;
        text-shadow: @lightOnDarkTextShadow;
    }
}

.well {
    @_padding: 15px;
    @_button_margin: 4px;

    background-color: @backgroundColorLightest;
    padding: @_padding;
    #3L > .box-shadow(none);
    
    &.z-button-row {
        padding: @_padding @_padding (@_padding - @_button_margin) @_padding;
        background-color: white;
        border: 0;
        border-radius: @radiusWidget;

        > .btn,
        > a[href],
        .btn + .btn {
            margin: 0 @_button_margin @_button_margin 0;
        }
    }
}
.alert {
    padding: 10px;
    margin-bottom: @baseMargin;
    
    h1, h2, h3, h4, h5, h6 {
        margin-top: 0;
    }
}

.modal-header .close {
    margin-top: 3px;
    opacity: 1;
}

a.close,
button.close {
    color: @textColorButton;
}

.radio-inline,
.checkbox-inline,
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.checkbox label {
    color: @textColorButton;
}

.pagination {
    > li {
        > a {
            #3L > .user-select(none);
        }
        
        &.disabled {
            > a {
                pointer-events: none;   
            }
        }
    }
}

.control-label {
    font-weight: normal;
    color: @textColorMedium;
    text-shadow: @darkOnLightTextShadow;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        margin-bottom: 5px;
    }
}

code {
	padding: 0;
}