/*
 *   Cornell CSS Famework modifications & additions
 *	 Jeremy Miller (jdm389)
 */

/* Fixes Date objects not being syled like regular input elements*/
.form-basic input[type='date'] {
	width: 100%;
	padding: 0.5em 0.75em;
	border: 1px solid #aaa;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.labeled-div{
	float: left;
	clear: right;
	width: 72%;
	margin: 9px 0px;
	padding-left: 10px;
	position: relative;
}

/* Fixes misalignment in compact areas when using label-align*/
.label-align .compact label {text-align: left;}

.label-align-left label {text-align: left;}

/* Fixes misalignment of required labels when using label-align */
.label-align label.required {padding-right: 0px;}

/*Overrides itc.css quick links centering*/
	#quick-links ul ul {
		left: 0px;
	}
	#site-header .container {
		display: flex;
		flex-direction: row;
	}
	nav#main-navigation {
		display: flex;
		flex-grow: 1;
	}
	.mobile #main-navigation{
		display: none;
	}
	#main-navigation .list-menu {
		display: flex;
		padding-left: 40px;
		flex-grow: 1;
	}


	.mobile #main-navigation .list-menu{
		display: block;
		padding-left: 0px;
	}
	#main-navigation .list-menu li{
		display: flex;
		flex-grow: 1;

		justify-content: space-around;
		align-items: center;
		text-align: center;
	}
	.mobile #main-navigation .list-menu li{
		display: block;
	}

	#main-navigation .list-menu a{
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
	}


/* Special Class to create justified boxes */

.spread-out {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.spread-out div{
	flex-grow: 0;
	display: inline-block;
	margin: 0px;

	align-items: center;
	text-align: center;
	vertical-align: center;
}

/*Allows for radio/checkbox elements to be styled in a single row */
	.radio-row label{
		float: none;
		/*margin-right: 10px;*/
		cursor: pointer;
	}
	.radio-row input{
		vertical-align: middle;
	}
	.radio-row label::after{display: none;}

	input[type="radio"], input[type="checkbox"], .label-right label {cursor: pointer;}


.radio-col {
	height: 300px;
	width: 100%;
}

.radio-col label {
	float: none;
	margin-left: 8px;
	cursor: pointer;
}

/* --- Addition: Tinted Tables ---*/
table.tint tr:nth-child(even){background-color: white;}
table.tint tr:nth-child(2n+3){background-color: #f7f7f7;}


/* --- Addition: Flow Arrows --- */
	.flow-arrows{
		margin: 10px;
		margin-bottom: 5px;
		display: flex;
		flex-wrap: nowrap;

		font-weight: bold;
		font-size: 12pt;
		font-family: sans-serif;

		line-height: 1em;
	}

	.mobile .flow-arrows
	{
		font-weight: normal;
		font-size: 10pt;
	}

	.flow-arrows div{
		display: flex;
		flex-grow: 1;
		flex-shrink: 1;
		margin: 0px -5px;
		min-width: 40px;
		overflow: hidden;
	}
	.flow-arrows span{
		display: flex;
		flex-grow: 1;
		flex-shrink: 1;

		padding: 0px 5px;
		color: white;

		text-overflow: ellipsis;
		word-wrap: break-word;
		overflow: hidden;

		justify-content: center;
		align-items: center;
		text-align: center;

		height: 40px;
		background-color: #AAAAAA;
	}

	.flow-arrows div:before{
		content: url(../images/framework/faTail.svg);
		width: 20px;
		min-width: 20px;
		display: inline-block;
	}
	.flow-arrows div:after{
		content: url(../images/framework/faHead.svg);
		width: 20px;
		display: inline-block;
	}

	.flow-arrows .accent span{ background-color: #CCAAAA}
	.flow-arrows div.accent:after{content: url(../images/framework/faHead-accent.svg);}
	.flow-arrows div.accent:before{content: url(../images/framework/faTail-accent.svg);}

	.flow-arrows.affix {
		top: 0px;
		z-index: 10000 !important;
	}

/* --- Addition: Mobile Tables --- */

	.mobile td::before{
		content: attr(data-title);
		font-weight: bold;
		margin-right: 5px;
	}
	.mobile td {
		display: block;
		border: none;
	}

	.mobile table.tint tr:nth-child(odd){background-color: white;}
	.mobile table.tint tr:nth-child(even){background-color: #f7f7f7;}

	.mobile tr{display: block; border-bottom: solid #ddd;}
	.mobile th{display: none;}
	.mobile td.mobile-right{text-align: right;}

	ul.ui-autocomplete {
	    list-style: none;
			list-style-type: none;
	}

	.ui-menu .ui-menu-item {
		list-style: none;
		list-style-image: none;
		background: none;
	}

	.form-basic input:focus.ui-autocomplete-loading {
		background: url('../images/indicator.gif') no-repeat right center;
	}

	@media only screen and (max-width: 568px) {
/*
		#quick-links li.parent {
			width: 100%;
			margin: 0;
		}
		#quick-links li {
			margin: 0;
		}
 */
	}

.mce-btn button {
	border: none;
	margin: 0;
	background: none;
}


/* Alert Listing */
main {
	font-size: 13px;
}
main section > div p {
	margin-bottom: 1.5em !important;
}
main section > div, main .list-menu.divs {
	font-size: 13px;
}
main fieldset {
	border: 0;
	/* border-top: 1px solid #ededed; */
	padding: 2%;
	margin-bottom: 0.5em;
	background: #fafafa;
	border-top: 3px solid rgba(0,0,0,0.03);
}
main fieldset:nth-of-type(odd) {
	background: #f2f8fa;
}
main fieldset h3 {
	font-family: Avenir Next, Segoe UI Semibold, Helvetica Neue, sans-serif;
	font-weight: 500;
	font-size: 20px;
}
main .field-label {
	color: #7ab034;
	font-weight: bold;
}
main .label-data-pair {
	line-height: inherit;
	margin-bottom: 0.25em;
}
main section > .label-data-pair {
	margin-bottom: 0.5em;
}
main fieldset + div {
	border-top: 1px solid #ededed;
	padding: 1.5em 0 0;
	margin-top: 1.5em;
}
main .view-all.teaser {
	margin: 1.25em 0 0.5em;
}

/* Custom Quick Link icons */
#quick-links ul .button-show ul li a:before {
	content: '\f29e' !important;
}
#quick-links ul .button-add ul li a:before {
	content: '\f1fa' !important;
}
#quick-links ul .button-preview ul li a:before {
	content: '\f29e' !important;
}

/* Fix Quick Links at mobile sizes */
/*
#quick-links {
	width: 100%;
	float: left;
}
#quick-links-list > li {
	width: auto !important;
	margin: 0 1em 0 0 !important;
}
 */
#quick-links-list.list-menu.links > li {
	float: left;
}
/*
#quick-links-list.list-menu.links > li > a {
	display: inline-block;
}
 */
#quick-links-list .home > a {
	padding: 0.6em 0.8em !important;
}
#quick-links-list .home > a .fa {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 18px;
	line-height: 14px;
}
#quick-links-list .home > a .fa:before {
	position: relative;
	top: 1px;
}


/* ********************************************************** */
@media only screen and (max-width: 767px) { /* ************* */

#quick-links ul .button-add ul:before {
	content: 'Add New' !important;
}
#quick-links ul .button-preview ul:before {
	content: 'Preview' !important;
}
.popup-close {
	width: 35px !important;
	height: 35px !important;
	float: right;
	position: relative;
	top: -44px;
	right: 3%;
}

/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 568px) { /* ************* */

main fieldset h3 {
	font-size: 17px;
}
#quick-links-list > li.button-add, #quick-links-list > li.home, #quick-links-list > li.button-preview {
	width: 32%;
	margin: 0 2% 0 0 !important;
}
#quick-links-list > li.home > a, #quick-links-list > li.button-preview > a {
	text-align: center;
	white-space: nowrap;
}
#quick-links-list > li.button-preview {
	margin: 0 !important;
	width: 28%;
}
#quick-links-list > li.button-add {
	width: 36%;
}
#quick-links-list > li.button-add .fa-caret-down {
	margin-left: 0.2em;
}

/*
#quick-links-list.list-menu.links > li > a {
	font-size: 13px;
}
 */

/* ************** */ }