/*!
 * Add custom css for this site here:
 */

body > div > div.row.main-content > div.col-lg-3.col-md-3.col-sm-3 { 
    margin-top: 2em;
}

#homepagePolicyContentImages > div > p > img {
    width:100%;
}

#homepagePolicyContentImages {
    margin-bottom: 2em;
}
.rownobullets
{
list-style-type:none;padding-left:15px;
}
.shiftliitems > contenttext > li
{
    padding-left:20px;
}

.well > ul > li > a{
    word-wrap:break-word;
}

/*! * Changes background color to NIU red on the topnav "Apply" link when using dropdown: */
 .nav.navbar-nav.main > li:last-child {
	 background-color:#cc0000;
}


/*! * Lower-alpha unordered list style for policies */

ul.letter {
    list-style-type: lower-alpha;
    margin: 0 0 0px 0; 
}

/*! * Remove bullet points for undordered list for policies  */

ul.none {
    list-style-type: none;
    margin: 0 0 0px 0; 
}

/* adds space between category items for easier readability and touch interaction on mobile  */
ul.list-unstyled li {
    line-height: 2;
}

/*! * Upper-alpha unordered list style for policies */

 ul.capital-letter {
	 list-style-type: upper-alpha;
	 margin: 0 0 0px 0;
}


/*!
 * Timeline Styles
 */ 
 
/* Source: http://www.bootply.com/AVpnpgFE76 Used on important dates page /financial-aid/help/dates */
 .timeline {
	 list-style: none;
	 padding: 20px 0 20px;
	 position: relative;
}
 .timeline:before {
	 top: 0;
	 bottom: 0;
	 position: absolute;
	 content: " ";
	 width: 3px;
	 background-color: #eeeeee;
	 left: 40px;
	 margin-left: -1.5px;
}
 .timeline > li {
	 margin-bottom: 20px;
	 position: relative;
}
 .timeline > li:before, .timeline > li:after {
	 content: " ";
	 display: table;
}
 .timeline > li:after {
	 clear: both;
}
 .timeline > li:before, .timeline > li:after {
	 content: " ";
	 display: table;
}
 .timeline > li:after {
	 clear: both;
}
 .timeline > li > .timeline-panel {
	 display:block;
	 border: 1px solid #d4d4d4;
	 border-radius: 2px;
	 background-color: #d9edf7;
	 border-color: #bce8f1;
	 color: #31708f;
	 padding: 20px;
	 position: relative;
	 margin-left:90px;
	 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	 box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
 .timeline > li > .timeline-panel:before {
	 position: absolute;
	 top: 26px;
	 left: -15px;
	 display: inline-block;
	 border-top: 15px solid transparent;
	 border-left: 0 solid #ccc;
	 border-right: 15px solid #ccc;
	 border-bottom: 15px solid transparent;
	 content: " ";
}
 .timeline > li > .timeline-panel:after {
	 position: absolute;
	 top: 27px;
	 left: -14px;
	 display: inline-block;
	 border-top: 14px solid transparent;
	 border-left: 0 solid #bce8f1;
	 border-right: 14px solid #bce8f1;
	 border-bottom: 14px solid transparent;
	 content: " ";
}
 .timeline > li > .timeline-badge {
	 color: #fff;
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 font-size: 1.4em;
	 text-align: center;
	 position: absolute;
	 top: 16px;
	 left: 40px;
	 margin-left: -25px;
	 background-color: #bbb;
	 z-index: 100;
	 border-top-right-radius: 50%;
	 border-top-left-radius: 50%;
	 border-bottom-right-radius: 50%;
	 border-bottom-left-radius: 50%;
}
 @media (max-width: 767px) {
	 .timeline:before {
		 left:20px !important;
	}
	 .timeline > li > .timeline-panel {
		 margin-left: 48px;
		 padding: 12px 20px;
	}
	 .timeline > li > .timeline-badge {
		 width:30px;
		 height:30px;
		 left:30px;
		 line-height:30px;
		 font-size:1em;
	}
	 .timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel:after {
		 top: 23px;
		 left: -8px;
		 border-top-width: 7px;
		 border-right-width: 7px;
		 border-bottom-width: 7px;
	}
	 .timeline > li > .timeline-panel:after {
		 left: -7px;
	}
}