/* Button Styles */

.PanelButton,
.PanelButton:visited,
.StandardButton,
.StandardButton:visited,
.StandardButtonDisabled {
	display: inline-block;
	background: #FFFFFF;
	border: 1px solid #407CA0;
	border-radius: 1.25rem;
	box-shadow: none;
	box-sizing: border-box;
	color: #407CA0;
	cursor: pointer;
	font-size: 0.8125rem;
	font-weight: 600;
	height: 1.25rem;
	line-height: calc(1.25rem - 0.125rem);
	margin: 1px;
	outline: none;
	padding: 0 0.625rem;
	text-decoration: none;
	vertical-align: middle;
}

.PanelButton:hover,
.PanelButton:visited:hover,
.StandardButton:hover,
.StandardButton:visited:hover {
	background-color: #FFFFFF;
	border-color: #3D4051;
	color: #3D4051;
}

.PanelButton:active,
.PanelButton:focus,
.StandardButton:active,
.StandardButton:focus {
	background-color: #3D4051;
	border-color: #3D4051;
	color: #FFFFFF;
	text-decoration: none;
}

.PanelButton:disabled,
.StandardButton:disabled {
	border-color: rgba(16, 24, 31, 0.3);
	color: rgba(16, 24, 31, 0.3);
}

.StandardButtonDisabled {
	border-color: rgba(16, 24, 31, 0.3);
	color: rgba(16, 24, 31, 0.3);
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

.PanelButton.PanelButton_DefaultAction,
.PanelButton.PanelButton_DefaultAction:visited,
.StandardButton.StandardButton_DefaultAction,
.StandardButton.StandardButton_DefaultAction:visited {
	background-color: #407CA0;
	border: 1px solid transparent;
	box-shadow: 0 0.0625rem 0 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	line-height: calc(1.25rem - 2px);
	color: #FFFFFF;
}

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

.PanelButton.PanelButton_DefaultAction:active,
.PanelButton.PanelButton_DefaultAction:focus,
.StandardButton.StandardButton_DefaultAction:active,
.StandardButton.StandardButton_DefaultAction:focus {
	background-color: #FFFFFF;
	border-color: #3D4051;
	box-shadow: none;
	color: #3D4051;
}

.PanelButton.PanelButton_DefaultAction:disabled,
.StandardButton.StandardButton_DefaultAction:disabled {
	background-color: rgba(16, 24, 31, 0.3);
	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: block;
	border: 1px solid transparent;
	border-radius: 0.9375rem;
	background: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	font-size: inherit;
	font-weight: inherit;
	display: inline;
	color: #407CA0;
	font-weight: 700;
	text-decoration: none;
}

a.IconButton {
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 16px;
}

.IconButton:hover,
a.IconButton:hover {
	background-color: #407CA0;
	border-color: #407CA0;
	color: #FFFFFF;
}

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

.IconButton:disabled,
.IconButton:disabled:hover,
a.IconButton:disabled,
a.IconButton:disabled:hover {
	background: none;
	border-color: transparent;
	color: rgba(16, 24, 31, 0.3);
}

a.IconButtonHidden {
    visibility: hidden;
}

/* Link Styles */

a.hyperlink:visited,
button.text.hyperlink:visited {
	color: #3D4051;
}

a.hyperlink:active,
button.text:active,
button.text.hyperlink:active {
	color: #3D4051;
}

button.text:disabled {
	color: rgba(16, 24, 31, 0.3);
	text-decoration: none;
}

/* Icon Button Styles */

button.icon,
button.icon-common {
	display: inline-block;
	background: none;
	border: none;
	box-shadow: none;
	color: #407CA0;
	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: #3D4051;
}