/**
 * Copyright (c) 2012-2018 Red Hat, Inc.
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 */
.mainPanel {
    position: relative;
}

.mx-button {
    float: left;
}

.mx-button input {
    display: none;
}

.mx-button label {
    width: 18px;
    height: 16px;
    cursor: pointer;
    margin-bottom: 2px;
    border-radius: 4px;
    text-align: center;
    background: inherit;
    display: inline-block;
    vertical-align: middle;
    color: #aaaaaa;
    font-size: buttonFontSize;
    font-family: mainFontFamily;
}

.mx-button label svg {
    width: 12px;
    margin: auto;
    height: 100%;
    display: block;
    fill: toolbarIconColor;
    -webkit-filter: drop-shadow(0 0.5px 0 rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0.5px 0 rgba(0, 0, 0, 0.3));
}

.mx-button label:hover {
    color: toolbarHoverIconColor;
}

.mx-button label:hover svg {
    fill: toolbarHoverIconColor;
}

.mx-button input:checked + label svg {
    fill: #fff !important;
}

.mx-button input:checked + label {
    background: perspectiveSwitcherBackgroundColor;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #eeeeee;
}

.mx-button:first-child label {
    margin-right: 4px;
}

.mx-button:last-child label {
    margin-left: 4px;
}
