.linkClose {
	font-size: 20pt;
	color: #333333;
}

	.linkClose:hover {
		color: #DFDFDF;
		text-decoration: none;
	}


.dragAndDropBox {
	text-align: center;
	margin: 10px auto;
	padding: 10px 10px;
	font-size: 16px;
	background-color: #F7F7F7;
	border-radius: 2px;
	border: solid 2px #CCCCCC;
	color: #666666;
	width: 80%;
}
.drop-zone {
	padding: 10px 20px;
	width: 100%;
	border: 2px dashed #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #F6F6F6;
}

.drop-zone {
	background-color: #F6F6F6;
}

	.drop-zone.hover {
		border-style: solid;
	}

	.drop-zone p {
		font-size: 10pt;
		margin-bottom: 10px;
		text-align: center;
	}

.drop-zone-underneath {
	border: 1px solid #999999;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #F6F6F6;
	padding: 0px 10px;
}

	.drop-zone-underneath .table {
		margin-bottom: 0;
	}

.drop-zone-underneath-topless {
	border: 1px solid #999999;
	border-radius: 5px;
}

.url-zone {
	padding: 10px 20px;
	width: 100%;
	border: 1px solid #999999;
	border-top: none;
	background-color: #F6F6F6;
}

	.url-zone .form-group {
		margin-bottom: 0px;
	}

	.url-zone label {
		margin-bottom: 0px;
	}

.url-zone-topless {
	border-top: 1px solid #999999;
}

.strikethrough {
	text-decoration: line-through;
}

/* Table Related Css */

.table-striped tbody tr.redRow, .table-striped tbody tr td.redCell {
	background-color: #FF7777;
	color: #FFFFFF;
}

	.table-striped tbody tr.redRow a, .table-striped tbody tr td.redCell a {
		color: #FFFFFF;
	}

.table-striped tbody tr.redRowAlt, .table-striped tbody tr td.redCellAlt {
	background-color: #FF6666;
	color: #FFFFFF;
}

	.table-striped tbody tr.redRowAlt a, .table-striped tbody tr td.redCellAlt a {
		color: #FFFFFF;
	}

.table-striped tbody tr.amberRow, .table-striped tbody tr td.amberCell {
	background-color: #FFD34E;
}

.table-striped tbody tr.amberRowAlt, .table-striped tbody tr td.amberCellAlt {
	background-color: #FFCD3A;
}

.table-striped tbody tr.highlightedRowPink {
	background-color: #FF9EF3;
}

.table-striped tbody tr.highlightedRowPinkAlt {
	background-color: #FFAAF3;
}

.table-striped tbody tr.highlightedRowGreen {
	background-color: #00FF00;
}

.table-striped tbody tr.highlightedRowGreenAlt {
	background-color: #66FF66;
}

.restrictedColumn {
	width: 200px;
}

p.notice {
	text-align: center;
	font-style: italic;
}


/* Validation Summary */
.validationSummary {
	background-image: url("/images/validation.png");
	background-color: #F7E1DF;
	background-repeat: no-repeat;
	margin: 30px auto 0px;
	width: 100%;
	line-height: 1.1em;
	background-position: 20px 8px;
	margin: 10px 0px;
	padding: 16px 10px 10px 90px;
	border-radius: 4px;
	border: 1px solid #CCC;
	color: #b81010;
	font-size: 12pt;
	display: block;
}


@media (max-width: 600px), (max-device-width: 600px) {
	.validationSummary {
		width: 100%;
	}

		.validationSummary ul li {
			font-size: 10pt;
			color: #b81010;
			font-weight: normal;
		}

		.validationSummary ul {
			padding-top: 8px;
		}
}

/* Crazy little Bootstrap overrides*/
.col-form-label {
	padding-top: 0px;
}

.navbar {
	background-color: #d9edf7 !important;
}

	.navbar .nav-item > a {
		color: #333333 !important;
	}

	.navbar li {
		margin-top: 2px;
	}

		.navbar li.active {
			border-bottom: solid 1px #6C757D;
			border-radius: 3px;
		}

/* Fix the navbar on phones and tablets */
@media (max-width: 991px), (max-device-width: 991px) {
	nav.navbar .dropdown-menu-right {
		right: auto;
		left: 0;
	}
}

/* Invalid feedback is designed to show when client side activates, whereas pex doesn't */
.invalid-feedback {
	display: block !important;
}

/* Don't have a grey background on enabled date pickers */
.flatpickr-input[readonly] {
	background-color: white;
}

h1, h2, h3{
	font-size:1.5rem;
}
.card-header h1, .card-header h2, .card-header h3 {
	margin-bottom:0rem;
}

.h2Smaller {
	font-size: 1rem;
}

.handy, .nav-link {
	cursor: pointer;
}

.bigCheckboxes input[type="checkbox"] {
	width: 25px;
	height: 25px; 
}
.bigCheckboxes .form-check-label {
	margin-top:5px;
	margin-left:15px;
}
.bigCheckboxes img {
	margin-right: 6px;
}

.highlightedField {
	background-color: #FFA500;
	background-color: rgba(255, 165, 0, 0.2) !important;
}

.modal-footer .float-left .btn{
	margin-right:0.25rem;
}

.btn-small{
	font-size:10pt;
	padding:3px 5px;
}

a.btn-primary{
	color:white !important;
}