.toolbar {
    .tool {
        height: 22px;
        padding: 0 7px;
        font-size: 14px;
        border: none;
        background: none;
        &:hover {
            cursor: pointer;
            text-decoration: underline;
        }
    }
}

.tool .icon {
    margin-right: 5px;
    display: none;
}

.tool.fullextent {
    .icon {
        .fa;
        &:before {
            content: @fa-var-arrows-alt;
        }
    }
}

.tool.measure {
    .icon {
        .fa;
        &:before {
            content: @fa-var-arrows-h;
        }
    }
}

.tool.print {
    .icon {
        .fa;
        &:before {
            content: @fa-var-print;
        }
    }
}

.tool.identify {
    .icon {
        .fa;
        &:before {
            content: @fa-var-info-circle;
        }
    }
}

.tool.geocode {
    .icon {
        .fa;
        &:before {
            content: @fa-var-globe;
        }
    }
}

.tool.select {
    .icon {
        .fa;
        &:before {
            content: @fa-var-mouse-pointer;
        }
    }
}

.tool.search {
    .icon {
        .fa;
        &:before {
            content: @fa-var-search;
        }
    }
}

.tool.findme {
    .icon {
        .fa;
        &:before {
            content: @fa-var-location-arrow;
        }
    }
}

.tool.drawer {
    .icon.drawer {
        .fa;
        &:before {
            content: @fa-var-chevron-circle-down;
        }
    }
}

.tool.download {
    .icon {
        .fa;
        &:before {
            content: @fa-var-download;
        }
    }
}

.tool.minimize {
    .icon {
        .fa;
        &:before {
            content: @fa-var-window-minimize;
        }
    }
}

.tool.maximize {
    .icon {
        .fa;
        &:before {
            content: @fa-var-window-maximize;
        }
    }
}

/* CSS needed to supprot the "drawer" functionality
 * of the toolbar.
 */
.toolbar {
    .drawer {
        position: relative;
        display: inline-block;
    }

    .drawer:hover {
        .drawer-contents {
            display: block;
        }
    }

    .drawer-contents {
        display: none;
        position: absolute;
        padding: 3px;
        border: solid 1px black;
        z-index: 100;
        background-color: #eee;

        .tool {
            display: block;
            white-space: nowrap;
        }

    }

    .drawer-item {
        cursor: pointer;
    }
}

