a.glyphicon.glyphicon-button {
	text-decoration: none;
}

.glyphicon.glyphicon-button {
	width: 30px;
	height: 30px;
	font-size: 14px;
	padding: 6px;
	border: 0.1rem solid #333;
	color: #333;
	border-radius: 50%;
	cursor: pointer;
}

	.glyphicon.glyphicon-button.disabled, .glyphicon.glyphicon-button[disabled] {
		cursor: not-allowed;
		filter: alpha(opacity=65);
		opacity: 0.65;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.glyphicon.glyphicon-button.red {
		border-color: #df2f2f;
		color: #df2f2f;
	}

	.glyphicon.glyphicon-button.gray {
		border-color: gray;
		color: gray;
	}

	.glyphicon.glyphicon-button.blue {
		border-color: #008ace;
		color: #008ace;
	}

	.glyphicon.glyphicon-button.green {
		border-color: #b6eb75;
		color: #b6eb75;
	}

	.glyphicon.glyphicon-button:hover {
		color: #fff;
	}

	.glyphicon.glyphicon-button.red:hover {
		background-color: #df2f2f;
	}

	.glyphicon.glyphicon-button.gray:hover {
		background-color: gray;
	}

	.glyphicon.glyphicon-button.blue:hover {
		background-color: #008ace;
	}

	.glyphicon.glyphicon-button.green:hover {
		background-color: #b6eb75;
	}

.mainComponentWidthMargin{
	width: 100%;
}


/* All of our content wrapper boxes */
.siteHeaderTitle{
	color: Black;
	vertical-align: middle;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	padding-left: 15px;
}

.siteHeaderContent{
	color: black;
	background: rgb(246,246,246);
}

.siteContent{
	width: 100%;
	border: 1px solid #444;
	background: white;
}


/* General Component Styling */
.btn-primary {
	background: #0070bf;
}

.btn {
	height: 25px;
	border-radius: 2em;
	padding: 0 20px;
	outline: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
}

	.btn:focus, .btn.focus, .btn:active:focus, .btn.active.focus, .btn.active:focus, .btn:active.focus {
		outline: none;
	}

.roundedButton{
	text-transform:uppercase;
	padding: 4px 5px;
	width: 95px;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	border: 1px solid;
	border-radius:2em;
	width: 125px;
	height: 25px;
	line-height: 17px;
}
	.roundedButton:focus {
		outline: 0;
	}

.roundedButtonDisabled{
	text-transform:uppercase;
	background: #d1d1d1;
	padding: 4px 5px;
	width: 95px;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	border: 1px solid;
	border-radius:2em;
	width: 125px;
	height: 25px;
	line-height: 17px;
	text-shadow: 1px 1px 1px #000;
}

.roundedButtonDisabled:disabled{
	cursor:default;
}

.roundedTextBox{
	margin: 5px;
	background: #EEEEEE;
	border: 1px solid #E0E0E0;
	border-radius: 20px;
	padding: 3px;
	padding-left: 10px;
	width: 400px;
	height: 25px;
}

.roundedTextBox:focus {
	outline:0;
}

.dropDownList{
	height: 18px;
	padding: 1px;
	width: 200px;
	background: #FEFEFE;
}

/* ImageButton controls */
.hfxButton{
	width:20px;
	cursor:pointer;
	vertical-align: middle;
}

.uiText
{
	color: rgba(0,0,0, 1.00);
}

.uiHeading
{
	color: rgba(0,0,0, 1.00);
	font-weight: bold;
}

/* Gridview/Table/Etc styles */
.dataView,
.dataTable{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid rgba(0,0,0,0.1);
	background: white;
}

.dataTable > tbody > tr:nth-child(2n),
.dataView > tbody > tr:nth-child(2n+1){
	background: white;
}
.dataView > tbody > tr:nth-child(2n),
.dataTable > tbody > tr:nth-child(2n+1){
	background: rgb(238,238,238);
}

/* Used for tables with LOTS of data, allows chunking by groupings of five, and should increase readability */
.largeDataTable > tbody > tr:nth-child(5n+1){
	border-bottom: 1px solid black;
}

.largeDataTable > tbody > tr:first-child{
	border-bottom: 0;
}

.largeDataTableTopPager > tbody > tr:nth-child(5n+2) {
	border-bottom: 1px solid black;
}

.largeDataTableTopPager > tbody > tr:first-child {
	border-bottom: 0;
}

.largeDataTableTopPager > tbody > tr:nth-child(2) {
	border-bottom: 0;
}

.dataView > tbody,
.dataTable > tbody{
	border: 0;
}

.dataView > tbody > tr,
.dataTable > tbody > tr{
	border: 0;
}

.dataTable > thead > tr > th,
.dataTable > tbody > tr > th {
	background: rgb(215,215,215);
	color: black;
	padding: 2px;
	text-align: center;
	border: none;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

.dataView > tbody > tr > th > a,
.dataView > tbody > tr > th > a:hover,
.dataView > tbody > tr > th > a:link,
.dataView > tbody > tr > th > a:visited,
.dataView > tbody > tr > th > a:active,
.dataTable > tbody > tr > th > a,
.dataTable > tbody > tr > th > a:hover,
.dataTable > tbody > tr > th > a:link,
.dataTable > tbody > tr > th > a:visited,
.dataTable > tbody > tr > th > a:active{
	color: black;
	text-decoration: underline;
}

.dataView > tbody > tr > td,
.dataTable > tbody > tr > td{
	padding: 2px;
	padding-left: 4px;
	border: none;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

.twoColumned > tbody > tr > td{
	width: 50%;
}

/* Note: this is meant for Employee Search, use footerStyling for girdviews with numbers for paging*/
.dataTablePaging{
	background: rgb(215,215,215) !important;
	color: black;
	padding: 2px;
	text-align: center;
}

/* for gridviews that have paging, apply it in the paging tag as the CssClass */
.footerStyling > td > table{
	margin:auto;
}

	.footerStyling > td > table > tbody > tr > td{
		width:20px;
	}

.footerStyling > td {
	margin: 0 !important;
	padding: 0 !important;
	background: rgb(215,215,215);
}

.footerStyling > td > table > tbody > tr  > td,
.footerStyling > td > table > tbody > tr  > td > a{
	text-align: center;
	background: rgb(215,215,215);
	color: black;
}

.footerStyling > td > table > tbody > tr  > td > a{
	text-decoration: underline;
}

/* Checkbox Styles*/
table.correctCheckboxes > tbody > tr > td,
table.aspNetDisabled.correctCheckboxes > tbody > tr > td > span.aspNetDisabled > label,
span.correctCheckboxes{
	white-space: nowrap;
	vertical-align: top;
}
span.correctCheckboxes{
	display: block;
}

table.correctCheckboxes > tbody > tr > td > input,
table.aspNetDisabled.correctCheckboxes > tbody > tr > td > span > input:disabled,
span.correctCheckboxes > input{
	display: block;
	float: left;
	vertical-align:top;
	margin-top:2px;
	padding: 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	*overflow: hidden;
	margin-right:0;
}


table.correctCheckboxes > tbody > tr > td > label,
table.aspNetDisabled.correctCheckboxes > tbody > tr > td > span > label,
span.correctCheckboxes > label{
	display: inline-block;
	font-weight:normal;
	padding-left: 5px;
	white-space:nowrap;
	text-align: left;
	width: calc(100% - 18px);
	margin-left:0;

}

table.correctCheckboxes > tbody > tr > td{
	padding-right:3px;
}

/* Change Color of input fields when Chrome auto-fills the content*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* Change color of placeholder content in textboxes */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    rgba(0,0,0,0.4);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    rgba(0,0,0,0.4);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    rgba(0,0,0,0.4);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    rgba(0,0,0,0.4);
}