*, *:before, *:after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 body {
	 background-color: #ffffff;
	 font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
 ol.organizational-chart, ol.organizational-chart ol, ol.organizational-chart li, ol.organizational-chart li > div {
	 position: relative;
}
 ol.organizational-chart, ol.organizational-chart ol {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 ol.organizational-chart {
	 text-align: center;
	/*font-size:.8rem;
	 removed to not override font size of Theme 1.0 site...makes text too small*/
	/* display: flex;
	 Lines up multiple trees horizontally */
}
 ol.organizational-chart ol {
	 padding-top: 1em;
}
 ol.organizational-chart ol:before, ol.organizational-chart ol:after, ol.organizational-chart li:before, ol.organizational-chart li:after, ol.organizational-chart > li > div:before, ol.organizational-chart > li > div:after {
	 background-color: #c8102e;
	 content: '';
	 position: absolute;
}
 ol.organizational-chart ol > li {
	 padding: 1em .5em 0 .5em;
}
 ol.organizational-chart > li ol:before {
	 height: 1em;
	 left: 50%;
	 top: 0;
	 width: 3px;
}
 ol.organizational-chart > li ol:after {
	 height: 3px;
	 left: 3px;
	 top: 1em;
	 width: 50%;
}
 ol.organizational-chart > li ol > li:not(:last-of-type):before {
	 height: 3px;
	 left: 0;
	 top: 2em;
	 width: 1em;
}
 ol.organizational-chart > li ol > li:not(:last-of-type):after {
	 height: 100%;
	 left: 0;
	 top: 0;
	 width: 3px;
}
 ol.organizational-chart > li ol > li:last-of-type:before {
	 height: 3px;
	 left: 0;
	 top: 2em;
	 width: 1em;
}
 ol.organizational-chart > li ol > li:last-of-type:after {
	 height: 2em;
	 left: 0;
	 top: 0;
	 width: 3px;
}
 ol.organizational-chart li > div {
	 background-color: #fff;
	 border-radius: 0px;
	 min-height: 2em;
	 padding: 0.5em;
}


/*** Ultra Primary ***/
 p.organizational-chart {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 margin: 0 auto 2em;
	 font-size: 85%;
	 padding: 0.5em;
	 text-align: center;
}
 ol.organizational-chart > li > div:first-of-type:after {
	 bottom: 2em;
	 height: 1em;
	 right: 50%;
	 width: 3px;
}
 p.organizational-chart:first-of-type:after {
	 bottom: 2em;
	 height: 2em;
	 right: -1em;
	 width: 3px;
}
 ol.organizational-chart > li > div:before {
	 bottom: 2em;
	 height: 3px;
	 right: -1em;
	 width: 1em;
}
 ol.organizational-chart > li > div:after {
	 bottom: 2em;
	 height: 2em;
	 right: -1em;
	 width: 3px;
}
 ol.organizational-chart > li > div {
	 margin-top: 1em;
}
 ol.organizational-chart > li > div:after {
	 height: calc(100% + 1em);
	 right: -1em;
	 top: -1em;
	 width: 3px;
}
/*** PRIMARY ***/
 ol.organizational-chart > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 margin-right: 1em;
	 margin-left: 1em;
	 font-size: 85%;
	 border-radius: 0;
}
 ol.organizational-chart > li > div:before {
	 bottom: 2em;
	 height: 3px;
	 right: -1em;
	 width: 0em;
}
 ol.organizational-chart > li > div:first-of-type:after {
	 bottom: 2em;
	 height: 1em;
	 right: 50%;
	 width: 0px;
	/*hack to eliminate line at top of chart when in mobile view*/
}
 ol.organizational-chart > li > div + div {
	 margin-top: 1em;
}
 ol.organizational-chart > li > div + div:after {
	 height: calc(100% + 1em);
	 right: -1em;
	 top: -1em;
	 width: 3px;
}
 ol.organizational-chart > li > div > p, ol.organizational-chart > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div > p {
	 margin-bottom: 0!important;
}
/*** SECONDARY ***/
 ol.organizational-chart > li > ol:before {
	 left: inherit;
	 right:50%;
	/** sets the first down connector line in center of secondary level**/
}
 ol.organizational-chart > li > ol:after {
	 left: 0;
	 width: 50%;
	/** sets the first horzontal connector line in center of secondary level**/
}
 ol.organizational-chart > li > ol > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 font-size: 75%;
}
/*** TERTIARY ***/
 ol.organizational-chart > li > ol > li > ol > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 font-size: 75%;
}
/*** QUATERNARY ***/
 ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 font-size: 75%;
}
/*** QUINARY ***/
 ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 font-size: 75%;
}
 ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
	 background-color: #ededed;
	 border: 1px solid #5a5758;
	 font-size: 85%;
}
/*** MEDIA QUERIES ***/
@media only print, screen and (min-width: 1200px) {
	 ol.organizational-chart {
		 margin-left: -1em;
		 margin-right: -1em;
	}
	/* PRIMARY */
	 ol.organizational-chart > li > div {
		 display: inline-block;
		 float: none;
		 margin: 0 -1em 1em -1em;
		 vertical-align: bottom;
	}
	 p.organizational-chart:only-of-type {
		/* margin: 0 auto 1em;
		 */
		 width: calc((100% / 1) - 30em - 4px);
	}
	 ol.organizational-chart > li > div:only-of-type {
		 margin-bottom: 0;
		 width: 40% !important;
	}
	 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2), ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
		 width: calc((100% / 2) - 2em - 4px);
	}
	 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3), ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
		 width: calc((100% / 3) - 2em - 4px);
	}
	 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4), ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
		 width: calc((100% / 4) - 2em - 4px);
	}
	 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5), ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
		 width: calc((100% / 5) - 2em - 4px);
	}
	 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(6), ol.organizational-chart > li > div:first-of-type:nth-last-of-type(6) ~ div {
		 width: calc((100% / 6) - 2em - 4px);
	}
	 ol.organizational-chart > li > div:before, ol.organizational-chart > li > div:after {
		 bottom: -1em!important;
		 top: inherit!important;
	}
	 ol.organizational-chart > li > div:before {
		 height: 1em!important;
		 left: 50%!important;
		 width: 3px!important;
	}
	 ol.organizational-chart > li > div:only-of-type:after {
		 display: none;
	}
	 ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after, ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
		 bottom: -1em;
		 height: 3px;
		 width: calc(50% + 1em + 3px);
	}
	 ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
		 left: calc(50% + 3px);
	}
	 ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
		 left: calc(-1em - 3px);
	}
	 ol.organizational-chart > li > div + div:not(:last-of-type):after {
		 height: 3px;
		 left: -2em;
		 width: calc(100% + 4em);
	}
	/* SECONDARY */
	 ol.organizational-chart > li > ol {
		 display: flex;
		 flex-wrap: nowrap;
	}
	 ol.organizational-chart > li > ol:before, ol.organizational-chart > li > ol > li:before {
		 height: 1em!important;
		 left: 50%!important;
		 top: 0!important;
		 width: 3px!important;
	}
	 ol.organizational-chart > li > ol:after {
		 display: none;
	}
	 ol.organizational-chart > li > ol > li {
		 flex: 0 0 18%;
		 padding-left: .5em;
		 padding-right: .5em;
		 padding-top: 1em;
	}
	 ol.organizational-chart > li > ol > li:only-of-type {
		 padding-top: 0;
	}
	 ol.organizational-chart > li > ol > li:only-of-type:before, ol.organizational-chart > li > ol > li:only-of-type:after {
		 display: none;
	}
	 ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after, ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
		 height: 3px;
		 top: 0;
		 width: 50%;
	}
	 ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
		 left: 50%;
	}
	 ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
		 left: 0;
	}
	 ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
		 height: 3px;
		 left: 0;
		 top: 0;
		 width: 100%;
	}
	#organizational_chart > li > div:before {
        right: -25% !important;
        width: 25% !important;
    }
}
 @media print {
	 * {
		 background: #FFF !important;
	}
	 ol.organizational-chart ol:before, ol.organizational-chart ol:after, ol.organizational-chart li:before, ol.organizational-chart li:after, ol.organizational-chart > li > div:before, ol.organizational-chart > li > div:after {
		 background-color: #000000;
		 -webkit-print-color-adjust: exact;
		 content: '';
		 position: absolute;
	}
	 ol.organizational-chart > li > div > p, ol.organizational-chart > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > ol > li > div > p, ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div > p {
		 font-size:11px;
		 margin-bottom:3px;
		 line-height:11px;
	}
	 ol.organizational-chart > li > div > p:first-child, ol.organizational-chart > li > ol > li > div > p:first-child, ol.organizational-chart > li > ol > li > ol > li > div > p:first-child, ol.organizational-chart > li > ol > li > ol > li > ol > li > div > p:first-child, ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div > p {
		 font-weight:bold;
	}
	/*div > p:nth-child(4n){
		 */
		/* color:#000;
		 */
		/* font-size:80%;
		 */
		/* text-transform:uppercase;
		 */
		/* font-weight:bold;
		 */
		/* 
	}
	 */
}
/* Custom CSS for the Student Affairs Org Chart */
 #organizational_chart {
	 width: 80%;
	 float: left;

}
 #organizational_chart2 {
	 width: 20%;
	 /*float: right;*/
	 position:absolute;
	 top:0;
	 right:3%;
}
 #organizational_chart2 > li > div:only-of-type {
	 width: 100% !important;
}
 #organizational_chart > li > div:before {
	 right: -25% !important;
	 left: unset !important;
	 width: 25% !important;
	 height: 3px !important;
	 top: 21px !important;
}

ol#organizational_chart.organizational-chart li ol::first-child::before{
 background-color:green!important;
 height:2em!important;
}

@media only print, screen and (min-width: 1200px) {
    #organizational_chart > li > div:before {
        right: 0% !important;
        width: 0% !important;
    }
}

/* Removes red line when there's no direct report Assistant to VP for Student Affairs */
 
ol#organizational_chart2>li>div::before {
        height: 0em !important;
        left: 50% !important;
        width: 3px !important;
    }