/**
 * Custom styling.
 */
.search-note {
	margin-bottom: 0.3em;
	font-size: 0.9em;
	font-weight: 700;
	font-style: italic;
}

.search-note + p {
	margin-bottom: 0.3em;
	line-height: 1;
	font-size: 0.85em;
	font-style: italic;
}

#select-category {
	padding-top: 0.6em;
    padding-bottom: 0.6em;
    margin-top: 2.4em;
    min-height: 9.4em;
    max-height: 9.4em;
    font-size: 1em;
}
@media screen and (max-width: 61.938em) {
	#select-category {
		margin-top: 0;
		min-height: 0;
		max-height: auto;
	}
}
option {
	font-size: 1em;
}

table#search-result .th-funding-id,
table#search-result .td-funding-id {
	width: 3em;
	max-width: 3em;
}

table#search-result .th-sponsor,
table#search-result .td-sponsor,
table#search-result .th-program,
table#search-result .td-program {
	width: 5em;
	max-width: 5em;
}

table#search-result .th-category,
table#search-result .td-category {
	width: 4.063em;
	max-width: 4.063em;
}

table#search-result .th-desc,
table#search-result .td-desc {
	width: 8.125em;
	max-width: 8.125em;
}

table#search-result .th-spon-dl,
table#search-result .td-spon-dl,
table#search-result .th-intl-dl,
table#search-result .td-intl-dl {
	width: 5em;
	max-width: 5em;
}

table#search-result .th-last-upd,
table#search-result .td-last-upd {
	width: 5em;
	max-width: 5em;
}

table#search-result .th-contact,
table#search-result .td-contact {
	width: 4.375em;
	max-width: 4.375em;
}

table#search-result .td-last-upd {
	text-align: center;
}

@media screen and (max-width: 74.938em) {
	table#search-result .th-funding-id,
	table#search-result .td-funding-id,
	table#search-result .th-sponsor,
	table#search-result .td-sponsor,
	table#search-result .th-program,
	table#search-result .td-program,
	table#search-result .th-category,
	table#search-result .td-category,
	table#search-result .th-desc,
	table#search-result .td-desc,
	table#search-result .th-spon-dl,
	table#search-result .td-spon-dl,
	table#search-result .th-intl-dl,
	table#search-result .td-intl-dl,
	table#search-result .th-last-upd,
	table#search-result .td-last-upd {
		min-width: 0;
		width: auto;
		max-width: none;
	}

	table#search-result .td-last-upd {
		text-align: right;
	}
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 1.6em;
}

.pre-announced {
	margin-bottom: 0 !important;
}

.view-details, .view-details:hover, .view-details:focus {
	color: #f2a900 !important;
}

.view-details i.fa {
	font-size: 0.8em;
	margin-right: 0.3em;
}

@media screen and (max-width: 74.938em) {
	.secondary-last {
		border-bottom: 0 !important;
	}
}

#input-days {
	text-align: center;
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}

#input-days + .bootstrap-touchspin-postfix {
	border-top-right-radius: 0.3em !important;
	border-bottom-right-radius: 0.3em !important;
	border-left: none;
}

.cat-list {
	padding-left: 1.3em;
}

.ors-contact-info {
	margin-top: 0.6em;
}

.ors-attachments .sub-small,
.ors-contact-info .sub-small {
	display: block;
}

.ors-attachments .filesize {
	margin-left: 0.6em;
	font-size: 0.8em;
}

.view-headers, .view-values {
	word-wrap: break-word;
}

.view-headers span,
.equiv-type {
	display: block;
	color: #200800;
	font-weight: bold;
	text-transform: uppercase;
}

.equiv-type {
	line-height: 1;
}

.col-set {
	margin-bottom: 0.9em;
	padding: 0;
}

.launch-date {
	font-weight: bold;
	border-bottom: 0.06em dotted #f2a900;
}

.dl-info {
	border-top: 0.06em dotted #DDDDDD;
}

.spon-date, .intl-date {
	display: block;
	font-weight: bold;
}

.intl-equiv {
	display: block;
	padding-left: 1.6em;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	border-left: 0.19em solid #f2a900;
}

.intl-equiv h4 {
	margin-bottom: 0.9em;
	padding-top: 0.13em;
	color: #200800;
}

#uom-deadlines-section h3 {
	font-weight: 700;
}

#uom-deadlines-section .view-headers,
#uom-deadlines-section .view-values {
	text-align: left !important;
}

#uom-deadlines-section .row:last-child .dl-info {
	border-bottom: 0.06em dotted #DDDDDD;
}

#view-dl-table {
	width: 100%;
	table-layout: fixed;
}

#view-dl-table,
#view-dl-table tr,
#view-dl-table td {
	padding: 0.3em 0.9em;
	border: 0.06em
	solid #dadada;
}

#view-dl-table th {
	padding: 0.3em 0.9em;
	text-align: right;
	/*background-color: #f2a900;*/
	background-color: #dadada;
	color: #200800;
	word-wrap: break-word;
}

#view-dl-table td {
	vertical-align: top;
	word-wrap: break-word;
}

#view-dl-table td p {
	margin-bottom: 0;
}

.view-dl-date {
	text-align: right;
	color: #385e9d;
	font-weight: bold;
}

.view-dl-date + p {
	text-align: right;
}

.view-dl-spacer {
	display: none;
}

@media screen and (max-width: 48) {
	#view-dl-table {
		border: 0;
	}

	#view-dl-table thead {
		display: none;
	}

	#view-dl-table tr {
		padding: 0.3em;
		margin-bottom: 1.875em;
		display: block;
		border: 0.06em solid #DDDDDD;

		-webkit-box-shadow: 0 0.5em 0.4em -1.875em #DDDDDD;
		-moz-box-shadow: 0 0.5em 0.4em -1.875em #DDDDDD;
		box-shadow: 0 0.5em 0.4em -1.875em #DDDDDD;
	}

	#view-dl-table tr:last-child {
		margin-bottom: 0;
	}

	#view-dl-table td {
		display: block;
		text-align: right;
		font-size: 0.813em;
		border: 0;
		border-bottom: 0.06em dotted #CCCCCC;
	}

	#view-dl-table td:last-child {
		border-bottom: 0;
	}

	#view-dl-table td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		color: #200800;
		font-weight: 500;
		margin-right: 0.6em;
		text-align: left;
	}

	#view-dl-table td:first-child:before {
		font-weight: bold;
	}

	.view-dl-type {
		display: none;
	}

	.view-dl-spacer {
		display: block;
	}
}

/*section[id^='cd-timeline'],
section[id*=' cd-timeline'] {
	position: relative;
	padding: 2em 0;
	margin-top: 2em;
	margin-bottom: 2em;
}

section[id^='cd-timeline']::before,
section[id*=' cd-timeline']::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #d7e4ed;
}*/

#cd-timeline::before {
	background: #385e9d;
}

.cd-sponsor {
	background: #C03B44;
}

.cd-internal {
	background: #f2a900;
}

.cd-timeline-img .fa {
	display: inline-block;
	width: 3.75em;
	/*height: 60px;*/
	margin: auto;
	margin-top: 0.8em;
	font-size: 2.5em;
	color: #FFFFFF;
	text-align: center;
}

.cd-timeline-content {
	box-shadow: 0 0.19em 0 #f2a900;
	padding: 1em;
}

.cd-timeline-content h2 {
	color: #200800;
}

.cd-timeline-content p {
	margin: 0;
}

.cd-date {
	color: #385e9d;
	font-weight: bold;
}

.cd-spon,
.cd-ors {
	display: inline-block;
	width: 3.75em;
	text-align: center;
	margin-top: 1.063em;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;

	pointer-events: none;
	-webkit-touch-callout: none;	/* iOS Safari */
	-webkit-user-select: none;		/* Safari */
	-khtml-user-select: none;		/* Konqueror HTML */
	-moz-user-select: none;			/* Firefox */
	-ms-user-select: none;			/* Internet Explorer/Edge */
	user-select: none;				/* Non-prefixed version, currently supported by Chrome and Opera */
}

#timeline .modal-content {
	background-color: #F4F4F3;
}

.timeline-launcher {
	text-align: center;
	margin-bottom: 1.3em;
}

.btn-timeline i {
	margin-right: 0.9em;
}

.vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 100%;
	pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events:none;
}
.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width:inherit;
	height:inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}

div.dataTables_length select {
	width: auto !important;
}

div.dataTables_length label {
	margin-top: 0.3em;
}

.search-inst {
	font-size: 65%;
}
@media (max-width: 72em) {
	.search-inst {
		display: none;
	}
}

@media screen and (min-width: 62em) {
	.action-btn-container {
		padding-left: 1.6em;
	}
}

/*table.dataTable th,
table.dataTable td,
table.dataTable.fixedHeader-floating th {
	padding: 7px !important;
}*/

@media screen and (max-width: 73.063em) {
	.cd-timeline-img {
		width: 3em;
		height: 3em;
	}

	.cd-spon,
	.cd-ors {
		width: 3em;
		margin-top: 0.5em;
		font-size: 1em;
	}
}

@media screen and (max-width: 47.938em) {
	.cd-timeline-content h2 {
		font-size: 1.3em;
	}

	.cd-timeline-content .small-note {
		font-size: 1.2em;
	}

	.cd-timeline-content .cd-date {
		float: none;
		padding: 0;
		opacity: 1;
	}
}

@media screen and (max-width: 61.938em) {
	.dl-info {
		border-top: none;
		border-bottom: 0.06em dotted #DDDDDD;
	}

	#uom-deadlines-section .row:first-child .view-headers span {
		border-top: 0.06em dotted #DDDDDD;
	}

	#uom-deadlines-section .row {
		margin-bottom: 0.6em;
	}

	.category-header {
		margin-top: 0.6em;
	}

	div.dataTables_wrapper div.dataTables_length {
		text-align: center;
	}

	.action-btn-container .btn {
		margin-left: 0 !important;
		margin-right: 0.5em;
	}
}

/** Custom Print Styles **/
@media print {
	.btn-timeline {
		display: none !important;
	}

	#uom-preamble-section h1 {
		font-size: 1.5em;
	}

	#uom-deadlines-section {
		padding: 0 !important;
	}

	#uom-main-section,
	#uom-deadlines-section,
	#uom-important-section {
		padding: 0.6em 0 0 0 !important;
	}
	
	#uom-main-section .row,
	#uom-deadlines-section .row,
	#uom-important-section .row {
		page-break-inside: avoid !important;
	}

	.uom-section h3,
	.uom-section-gray h3 {
		font-size: 1.5em !important;
	}

	.heading-section:after {
		display: none !important;
	}

	a[href]:after {
		content: "" !important;
	}

	.heading-section h3,
	#uom-deadlines-section .text-center h3,
	#uom-deadlines-section h3 {
		font-size: 1em !important;
		margin-bottom: 0.3em !important;
	}

	#uom-important-section,
	#uom-important-section .heading-section,
	#uom-important-section p {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	#uom-important-section .heading-section:after {
		display: none !important;
		content: "" !important;
		bottom: 0 !important;
		left: 0 !important;
		height: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	.col-set {
		margin-bottom: 0.6em !important;
	}

	.view-headers,
	.intl-equiv h4 {
		font-size: 0.9em !important;
	}

	.view-values,
	.view-values span,
	.view-values p,
	.view-values li,
	.view-values b,
	.view-values em,
	.view-values strong,
	.view-values i,
	.view-values a,
	.heading-section p {
		font-size: 0.8em !important;
	}

	.launch-date, .launch-date-label {
		display: inline-block !important;
	}

	span.screen-only {
		display: none !important;
	}

	span.print-only {
		display: inline !important;
	}

	#view-dl-table th {
		border: 0.06em solid #dadada !important;
	}

	.view-dl-date {
		text-align: right !important;
	}

	#view-dl-table,
	#view-dl-table tr,
	#view-dl-table td {
		padding: 0.19em 0 !important;
		font-size: 0.8em !important;
	}

	#view-dl-table th {
		padding: 0 0.9em !important;
	}

	#view-dl-table td {
		padding: 0.19em 0.6em !important;
	}

	.view-dl-note-col {
		font-size: 0.6em !important;
	}

	.view-dl-spacer {
		display: none !important;
	}

	.row.attachments {
		display: none !important;
	}

	.small-note {
		font-size: 0.8em;
	}
}