/*	DOCUMENT INFORMATION
		Document: 		du.financial-aid.css
		Version:		0.0.2
		Created: 		03/02/18
		Author:			Emily Leffler Schulman
		Description:	Mark-up that is specific to the Financial Aid experience of UMUC Digital University
		
	COLORS
		default text	dark gray	rgba( 60, 60, 67, 1 )
		links			teal		rgba( 0, 62, 106, 1 )
		other			red			rgba( 163, 6, 6, 1 )
		other			yellow		rgba( 253, 191, 56, 1 )
		
	FONTS
		default text	'Open Sans', Arial, sans-serif;		
		headlines		'Roboto', Tahoma, sans-serif;
*/

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td[title]:before {
	font-family: 'Roboto', Tahoma, sans-serif;
	font-size: 1.25rem;
	font-weight: 300;
	margin-bottom: 0.935rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td + td[title]:before {
	margin-top: 0.9375rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-mobile-tablet-only input {
	max-width: 10rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-non-collapsing span:first-of-type {
	display: block;
	font-weight: 700;
	margin-bottom: 0.313rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-fa-current-total[title]:before {
	border-top: 0.063rem solid rgba( 173, 173, 173, 1 );
	padding-top: 1.875rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-fa-current-total[title]:before,
.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-fa-total-available[title]:before {
	margin-bottom: 0.313rem;
}

.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-fa-total-available[title]:before {
	margin-top: 0;
}

.du main .du-fa-evaluation .du-tool-tip-text:before {
	display: none;
}

.du main .du-fa-evaluation .du-tool-tip-text {
	max-width: 10rem;
    right: -3.5rem;
}

.du main .du-fa-evaluation tr:last-child .du-tool-tip-text {
	max-width: 15rem;
    right: -5.5rem;
}

.du-fa-evaluation .md-tab:nth-child(3) span:after {
	content: '';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 300;
	font-size: 1em;
	color: rgba( 0, 62, 106, 1 );
	font-style: normal;
    line-height: 1;
    font-style: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0.2rem;
    right: 0.25rem;
}

.du-fa-evaluation .du-show-icon .md-tab:nth-child(3) span,
.du-fa-evaluation .du-show-alert-icon .md-tab:nth-child(3) span {
	position: relative;
	padding-right: 1.25rem;
}

.du-fa-evaluation .du-show-icon .md-tab:nth-child(3) span:after {
	content: '\f06a';
}

.du-fa-evaluation .du-show-alert-icon .md-tab:nth-child(3) span:after {
	content: '\f071';
	color: rgba( 194, 23, 45, 1 );
	right: 0.063rem;
}

.du-fa-evaluation .md-tab:nth-child(5) span:after {
	content: '';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 300;
	font-size: 1em;
	color: rgba( 0, 62, 106, 1 );
	font-style: normal;
    line-height: 1;
    font-style: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0.2rem;
    right: 0.25rem;
}

.du-fa-evaluation .du-show-disbursement-icon-check .md-tab:nth-child(5) span,
.du-fa-evaluation .du-show-disbursement-icon-alert .md-tab:nth-child(5) span,
.du-fa-evaluation .du-show-disbursement-icon-x .md-tab:nth-child(5) span {
	position: relative;
	padding-right: 1.25rem;
}

.du-fa-evaluation .du-show-disbursement-icon-check .md-tab:nth-child(5) span:after {
	content: '\f058';
	color: rgba( 16, 138, 39, 1 );
}

.du-fa-evaluation .du-show-disbursement-icon-alert .md-tab:nth-child(5) span:after {
	content: '\f071';
	color: rgba( 194, 23, 45, 1 );
}

.du-fa-evaluation .du-show-disbursement-icon-x .md-tab:nth-child(5) span:after {
	content: '\f057';
	color: rgba( 194, 23, 45, 1 );
}


@media screen and (min-width: 601px) {
	
	.du main .du-fa-evaluation .du-tool-tip-text,
	.du main .du-fa-evaluation tr:last-child .du-tool-tip-text {
		max-width: 20rem;
		right: -10.5rem;
	}
	
}

@media screen and (min-width: 801px) {
	.du-fa-evaluation-adjustment .du-mobile-collapsing-table td.du-non-collapsing span:first-of-type {
		display: none;
	}
	
	.du-fa-evaluation .expanded .du-expander-title:before {
		left: -0.875rem;
		font-size: 1.125rem;
	}
	
	.du main .du-fa-evaluation .du-tool-tip-text,
	.du main .du-fa-evaluation tr:last-child .du-tool-tip-text {
/*
		right: -12.5rem;
		max-width: 19rem;
	    width: 20.25vw;
	    left: 1.875rem;
		right: auto;
*/
	    top: auto;
	    bottom: -3.875rem;
	    left: auto;
		right: 1.875rem;
	}
	
	.du main .du-fa-evaluation .du-tool-tip-text:before {
		display: block;
		top: auto;
	    bottom: 3.45rem;
	    left: auto;
	    right: -.875rem;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	}
	
	#du-fa-tool-tip:before {
		display: block;
		right: 0.875rem;
		left: auto;
	}
	
	.du main .du-fa-evaluation .du-loan-adjustment-link + .du-tool-tip > .du-tool-tip-text {
		max-width: 14rem;
	}
}

@media screen and (min-width: 960px) {
	.du main .du-fa-evaluation .du-tool-tip-text:before {
		display: block;
		top: auto;
	    bottom: 3.45rem;
	    right: auto;
	    left: -0.875rem;
	    transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	}
	
	#du-fa-tool-tip:before {
		display: block;
		right: 0.875rem;
	}

	.du main .du-fa-evaluation .du-tool-tip-text,
	.du main .du-fa-evaluation tr:last-child .du-tool-tip-text {
	    width: 20.25vw;
	    left: 1.875rem;
		right: auto;
	    top: auto;
	    bottom: -3.875rem;
	}
	
	.du main .du-fa-evaluation .du-loan-adjustment-link + .du-tool-tip > .du-tool-tip-text {
		max-width: 20rem;
	}

	.du main .du-fa-evaluation tr:nth-child(5) .du-tool-tip-text {
		bottom: -1.875rem;
	}
	
	.du main .du-fa-evaluation tr:nth-child(5) .du-tool-tip-text:before {
		bottom: 1.45rem;
	}

	.du main .du-fa-evaluation .du-tool-tips-on-left .du-tool-tip-text:before {
	    left: auto;
	    right: -.875rem;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
   	}

	.du main .du-fa-evaluation .du-tool-tips-on-left .du-tool-tip-text,
	.du main .du-fa-evaluation .du-tool-tips-on-left tr:last-child .du-tool-tip-text {
	    left: auto;
		right: 1.875rem;
	}

	.du main .du-fa-evaluation tr:first-child .du-tool-tip-text {
	    bottom: -11.875rem;
	}
	
	.du main .du-fa-evaluation tr:first-child .du-tool-tip-text:before {
	    bottom: 11.45rem;
	}
	
}