/*!
 * DataTables v1.10.19 (http://www.datatables.net)
 * Copyright 2008-2018 SpryMedia Ltd.
 * License under MIT (http://datatables.net/license)
 */

.dataTables {
	color: #303d47
}

.dataTables_wrapper {
	clear: both;
	margin-top: 3rem;
	position: relative;
	*zoom: 1;
	zoom: 1
}

	.dataTables_wrapper .dataTables_length {
		float: left
	}

	.dataTables_wrapper .dataTables_filter {
		float: right;
		text-align: right
	}

		.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label {
			font-weight: 400
		}

		.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
			background-clip: padding-box;
			background-color: #fff;
			border: 1px solid #ced4da;
			border-radius: .25rem;
			color: #495057;
			font-weight: 400;
			line-height: 1.4;
			padding: .375rem;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
		}

		.dataTables_wrapper .dataTables_filter input {
			margin-left: .75rem
		}

	.dataTables_wrapper .dataTables_info {
		clear: both;
		float: left;
		padding-top: .75em
	}

	.dataTables_wrapper:after {
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden
	}

	.dataTables_wrapper .dataTables_paginate {
		float: right;
		padding-top: .25em;
		text-align: right
	}

		.dataTables_wrapper .dataTables_paginate .paginate_button {
			box-sizing: border-box;
			color: #00788b;
			cursor: pointer;
			*cursor: hand;
			display: inline-block;
			font-weight: 700;
			margin-left: 2px;
			min-width: 1.5em;
			padding: .5em 1em;
			text-align: center;
			text-decoration: none !important
		}

			.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
				background: none #5f8bb3;
				border: 1px solid #00788b;
				color: #fff !important
			}

			.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
				display: none
			}

			.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
				background: none #00788b;
				border: 1px solid #00788b;
				color: #fff !important
			}

table.dataTable {
	border-collapse: separate;
	border-spacing: 0;
	box-sizing: content-box;
	clear: both;
	margin: 0 auto;
	width: 100%
}

	table.dataTable.no-footer {
		border-bottom: .2rem solid #959595
	}

	table.dataTable tr:first-child td {
		border-top: none
	}

	table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
		background: no-repeat 100%;
		background-origin: content-box;
		cursor: pointer;
		*cursor: hand
	}

	table.dataTable thead .sorting {
		background-image: url(/images/sort_both.png)
	}

	table.dataTable thead .sorting_asc {
		background-image: url(/images/sort_asc.png)
	}

	table.dataTable thead .sorting_desc {
		background-image: url(/images/sort_desc.png)
	}

	table.dataTable thead th {
		border-bottom: none;
		font-weight: 700;
		padding: 1rem 1rem .3rem
	}

	table.dataTable tfoot th {
		font-weight: 700
	}

	table.dataTable td, table.dataTable th {
		box-sizing: content-box
	}

.chapter-form {
	font-size: 1.5rem;
}

	.chapter-form h4 {
		padding-bottom: 1.5rem;
	}

	.chapter-form form {
		width: 100%;
	}

	.chapter-form .button-row {
		margin: 2rem 0;
	}

	.chapter-form .form-group {
		padding: 1.6rem;
	}

	.chapter-form .form-control {
		height: 3.2rem;
		font-size: 1.5rem;
	}

	.chapter-form label {
		font-weight: 600;
		margin-bottom: 0;
	}

		.chapter-form label.param-label {
			vertical-align: bottom;
			padding: 0 .3rem .1rem;
		}

	.chapter-form ::placeholder {
		font-style: italic;
		font-size: 1.2rem;
	}

	.chapter-form :-ms-input-placeholder {
		font-style: italic;
		font-size: 1.2rem;
	}

	.chapter-form .form-hdr {
		color: #fff;
		background-color: #153254;
		padding: .5rem 1.6rem;
		font-size: 1.9rem;
	}

	.chapter-form .text-error,
	.chapter-form .field-validation-error {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: red;
		font-size: 1.3rem;
	}

	.chapter-form .chapter-info.form-group {
		border-bottom: .2rem solid #979797;
		margin-bottom: 1rem;
	}

		.chapter-form .chapter-info.form-group h4.pub-info-title {
			padding-bottom: .4rem;
		}

		.chapter-form .chapter-info.form-group .pub-info-note {
			font-size: 1.2rem;
			color: #777;
			line-height: 1.3;
			margin-bottom: 1.6rem;
		}

		.chapter-form .chapter-info.form-group .pub-info-link {
			font-weight: 600;
		}
	
		.chapter-form .chapter-info.form-group .form-element {
			margin-right: 1.6rem;
			display: inline-block;
			vertical-align: top;
			width: auto;
		}

			.chapter-form .chapter-info.form-group .form-element.email-web {
				width: min(100%, 30rem);
			}

			.chapter-form .chapter-info.form-group .form-element.phone {
				width: min(100%, 20rem);
			}

			.chapter-form .chapter-info.form-group .form-element.award {
				position: relative;
				top: 1.6rem;
				width: 25rem;
			}

			.chapter-form .chapter-info.form-group .form-element .info-box {
				border: solid .1rem #eee;
				background-color: #fafafa;
				border-radius: .25rem;
				color: #495057;
				display: block;
				line-height: 1.5;
				padding: .6rem 2rem .7rem .75rem;
				height: auto;
				font-size: 1.5rem;
				min-width: 8rem;
			}

				.chapter-form .chapter-info.form-group .form-element .info-box .missing-value {
					font-style: italic;
					color: #9e3328;
				}

		.chapter-form .chapter-info.form-group .award-link {
			text-decoration: none;
		}

			.chapter-form .chapter-info.form-group .award-link .award-img {
				width: 5rem;
				height: 5rem;
				vertical-align: bottom;
				text-decoration: none;
			}

			.chapter-form .chapter-info.form-group .award-link .award-text {
				display: inline-block;
				bottom: 8px;
				position: relative;
				font-size: 1.4rem;
			}

				.chapter-form .chapter-info.form-group .award-link .award-text:hover {
					text-decoration: underline;
				}

	.chapter-form .election-date {
		font-weight: 600;
		font-size: 1.3rem;
		color: #9e3328;
	}

	.chapter-form .officer-edit-block {
		border: solid .1rem #eee;
		background-color: #fafafa;
		clear: both;
		margin: 0 1.6rem 1rem;
	}

		.chapter-form .officer-edit-block .column {
			display: inline-block;
			vertical-align: top;
			padding: 1rem 1.6rem;
			min-width: 190px;
		}

		.chapter-form .officer-edit-block a {
			font-size: 1.2rem;
			margin: 0 .7rem 0 .3rem;
		}

	.chapter-form button#FindById {
		background-color: transparent;
		border: none;
		border-radius: .2rem;
		cursor: pointer;
		vertical-align: sub;
		color: #414141;
		transition: all .3333s ease;
		user-select: none;
		color: #00788b;
		margin-left: -3.1rem;
	}

		.chapter-form button#FindById:hover {
			background-color: #5f8bb3;
			border-color: #5f8bb3;
			color: #fff;
		}

		.chapter-form button#FindById .material-icons {
			font-size: 1.9rem;
			padding: .3rem;
		}

	.chapter-form #SelectedPosition {
		width: 22.5rem;
		display: inline-block;
	}

	.chapter-form #AddPosType.btn {
		padding: 0;
		margin: -.25rem 0 0 -.5rem;
		height: 3.2rem;
		width: 3.2rem;
		border-radius: .1rem;
	}

		.chapter-form #AddPosType.btn .material-icons {
			font-weight: 800;
			vertical-align: middle;
		}

		.chapter-form #AddPosType.btn:disabled,
		.chapter-form #AddPosType.btn[disabled] {
			border: .1rem solid #ced4da;
			background-color: #fafafa;
			color: #ced4da;
		}

	.chapter-form .table {
		border-bottom: .2rem solid #979797;
		width: 100%;
		margin-bottom: 1rem;
		background-color: transparent;
	}

		.chapter-form .table thead th {
			border-top: none;
			border-bottom: .2rem solid #979797;
			text-align: inherit;
			text-transform: uppercase;
			font-size: 1.4rem;
			vertical-align: bottom;
			padding: .3rem .8rem;
		}

		.chapter-form .table td {
			padding: .75rem;
			border-top: .1rem solid #dee2e6;
		}

	.chapter-form .btn-sm {
		padding: 0.25rem 0.5rem .15rem;
		font-size: 1.2rem;
		border-radius: 0.1rem;
	}

	.chapter-form .roster-hdr-row .btn-sm {
		margin: -.9rem 0 0 3rem;
	}

	.chapter-form .roster-hdr-row h3 {
		display: inline-block;
	}

.roster-btn {
	float: right;
	margin: .25rem -.5rem 0 0;
	border-color: transparent;
	background-color: white;
}

	.roster-btn.disabled,
	.roster-btn:disabled {
		background-color: white;
	}

a.form-link {
	font-weight: 600;
	font-size: 1.4rem;
}

.progress-cursor {
	cursor: progress;
}

@media (min-width: 992px) {
	.chapter-form .table.prior-term {
		margin-top: 1.0rem;
	}
}

#RosterDataTable {
	margin-top: 1rem;
}