/* Button Styles */

.PanelButton,
.PanelButton:visited,
.StandardButton,
.StandardButton:visited,
.StandardButtonDisabled {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #006580;
    border-radius: 0.1875rem;
    box-shadow: none;
    box-sizing: border-box;
    color: #006580;
    font-size: 0.875rem;
    font-weight: 600;
    height: 2rem;
    line-height: 2rem;
    margin: 1px;
    padding: 0 0.5rem;
    text-decoration: none;
    vertical-align: middle;
}

.PanelButton:hover,
.PanelButton:visited:hover,
.StandardButton:hover,
.StandardButton:visited:hover {
    background-color: #ffffff;
    border-color: #003b53;
    color: #003b53;
}

.PanelButton:active,
.PanelButton:focus,
.StandardButton:active,
.StandardButton:focus {
    background-color: #003b53;
    border-color: #003b53;
    color: #ffffff;
    text-decoration: none;
}

.PanelButton:disabled,
.StandardButton:disabled {
    border-color: #c8c9c7;
    color: #979896;
}

.StandardButtonDisabled {
    border-color: #c8c9c7;
    color: #979896;
    pointer-events: none;
    text-decoration: none;
}

.PanelButton.PanelButton_DefaultAction,
.PanelButton.PanelButton_DefaultAction:visited,
.StandardButton.StandardButton_DefaultAction,
.StandardButton.StandardButton_DefaultAction:visited {
    background-color: #006580;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #ffffff;
}

.PanelButton.PanelButton_DefaultAction:hover,
.PanelButton.PanelButton_DefaultAction:visited:hover,
.StandardButton.StandardButton_DefaultAction:hover,
.StandardButton.StandardButton_DefaultAction:visited:hover {
    background-color: #003b53;
}

.PanelButton.PanelButton_DefaultAction:active,
.PanelButton.PanelButton_DefaultAction:focus,
.StandardButton.StandardButton_DefaultAction:active,
.StandardButton.StandardButton_DefaultAction:focus {
    background-color: #ffffff;
    border-color: #003b53;
    box-shadow: none;
    color: #003b53;
}

.PanelButton.PanelButton_DefaultAction:disabled,
.StandardButton.StandardButton_DefaultAction:disabled {
    color: #979896;
    background-color: #c8c9c7;
    box-shadow: none;
    text-shadow: none;
}

/* NOTE: The IconButton class should only be used on buttons that */
/*       have an icon without text                                */
.IconButton,
a.IconButton {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: inherit;
    font-weight: inherit;
    color: #006580;
    text-decoration: none;
}

.IconButton:hover,
a.IconButton:hover {
    background-color: #006580;
    border-color: #006580;
    color: #ffffff;
}

.IconButton:active,
.IconButton:focus,
a.IconButton:active,
a.IconButton:focus,
a.IconButton:active:focus {
    background-color: transparent;
    border-color: #006580;
    color: #006580;
    outline: none;
    text-decoration: none;
}

.IconButton:disabled,
.IconButton:disabled:hover,
a.IconButton:disabled,
a.IconButton:disabled:hover {
    background: none;
    border-color: transparent;
    color: #979896;
}

a.IconButtonHidden {
    visibility: hidden;
}

/* Link Styles */

a.hyperlink:visited,
button.text.hyperlink:visited {
    color: #003b53;
}

a.hyperlink:active,
button.text:active,
button.text.hyperlink:active {
    color: #003b53;
}

button.text:disabled {
    color: #979896;
    text-decoration: none;
}

/* Icon Button Styles */

button.icon,
button.icon-common {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
    box-shadow: none;
    color: #006580;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

button.icon:hover,
button.icon-common:hover {
    background: none;
    border: none;
}

button.icon:hover,
button.icon-common:hover {
    color: #003b53;
}