.img-wrap{display:inline-block;/*height:370px;*/width:100%;  display: flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
	border-bottom:1px solid #cecece;
}
.img-wrap img{text-align:center;}
/* grid */
.grid {background-color:white;}
.grid:after {content: '';display: block;clear: both;}

/* element-item */
.element-item {position: relative;float: left;width: 99.8%;margin:0px;padding:0px;margin-bottom: 20px;background: #fff;border:1px solid #cecece;color: #262524;}
.element-item > * {margin: 0;padding: 0;}

.grid-sizer,.element-item{width:23.5%;}
.element-item.staff{width: 99.8%;}

.element-item{border:none;}
.element-item.staff{border:1px solid #cecece;}

.element-item{border-bottom:1px solid #cecece;}

.gutter-sizer{width:2%;}
.element-item.staff{margin-bottom:0;}
.profile-card img{/*background-color:gray;*/}
.faculty > .profile-card:hover .name {text-decoration: underline;}
.graduate-student > .profile-card:hover .name {text-decoration: underline;}


/* course details */
.material-icons{font-size:18px;margin-top:-4px;}


/* status line */
.status-line{margin-top:20px;height:auto;padding-bottom:3px;padding-left:20px;font-size:16px;}
.status-line2{margin-bottom:20px;height:25px;padding: 0 20px;}
.filter-count{float:left;font-size:16px;}
.clear-filters{float:right;width:200px;text-align:right;font-size:12px;font-weight:bold;letter-spacing: .3px;}
.clear-filters:hover{cursor:pointer;}
.clear-filters:before{content:'CLEAR RESULTS'}
.clear-filters:hover:before{text-decoration:underline;}
.clear-filters:after{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:4px;content:'clear';font-size:14px;vertical-align:-2px;}

/* search */
#quicksearch{margin:0;font-size:30px;line-height:34px;height:65px;width:100%;padding-right: 31px;box-sizing: border-box;text-indent:15px;margin-left:0px;}
#qsearch{position: relative;display: inline-block;width:100%;margin:0;}
#qsearch .icon-search{font-size: 22px;border-left: 1px solid #dddddd;padding-left: 15px;position: absolute;top: 15px;right: 20px;line-height: 40px;color: #aaaaaa;}

/* selects */
#filters{display: flex;flex-flow: row wrap;justify-content: left;margin:0;margin-bottom:5px;}
#filters .filter-select {max-width:50%;height:70px;font-size:19px;line-height:21px;-webkit-appearance:none;-moz-appearance:none;background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");background-size:12px;background-position:95% 50%;background-repeat:no-repeat;padding:1em;padding-right:1.5em;outline:1px solid #ccc;outline-offset:-1px;flex: 1;border: 1px solid gray;margin:0px;margin-top:14px;margin-right: 14px;}
#filters .filter-select:last-child {margin-right:0px;}

/* checkbox */
.round {position: relative;line-height:70px;margin-top:14px;margin-right:14px}
.round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 40px;left: 0;position: absolute;top: 20%;width: 40px;}
.round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 7px;left: 13px;opacity: 0;position: absolute;top: 12px;transform: rotate(-45deg);width: 12px;}
.round input[type="checkbox"] {visibility: hidden;}
.round input[type="checkbox"]:checked + label {/*background-color: #66bb6a;*/border-color: #66bb6a;}
.round input[type="checkbox"]:checked + label:after {opacity: 1;}
.round span{margin-left:40px;font-size:19px;display:inline-block;color:#555;}



/*profiles menu*/
#profiles-menu{padding-bottom:15px;}
#profiles-menu button{border:none;background-color:transparent;color:#B3B3B3;box-shadow: none;font-weight:normal; padding:15px 12px;}
#profiles-menu button.active span{/*border-bottom:3px solid #0680A6;*/color:#000000;}
#profiles-menu button span:hover{border-bottom:3px solid #B3B3B3;border-bottom-style: solid; border-bottom-width: 3px;}
#profiles-menu button span{padding-bottom:5px;font-size:24px; line-height:28px;display:inline-block;border-bottom:3px solid transparent}


.profile-content{padding:10px;/*background-color:#fcfcfc;*/}

.research{color:#777;padding-top:10px;padding-bottom:10px;}
.research p{
	font-size: 12px;
	color: #808080;
	letter-spacing: 0.8px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.research-term{font-size:16px;color: black; cursor:pointer;line-height:20px;}
.research-term:not(:last-child):after{content:" | ";}
.none-listed{color:#cecece;font-size:16px;line-height:20px;}
.name-title{height:150px;border-bottom:1px solid #cecece;}
.name-title.no-border{border-bottom:none;}
.name-title .name{font-size:26px;line-height:36px;}
.name-title .name:hover{text-decoration:underline;}
.name-title .title{font-size:16px;color:black;}

a.profile-link{text-decoration:none;}
a.profile-link:hover > .profile-content{/*background-color:#E1FAF6;*/}


.staff-content{padding-top:10px;}
.staff-content li:before{content:'';}
.staff-cell span{padding-right:10px;}
.staff-content .staff-cell{display:block;list-style:none;float:left;width:20%;font-size:16px!important;min-width:100px;color:#555;}
.staff-content .staff-cell.hide-groups{width:25%;}
/*.staff-cell.emails.hide-groups .email{padding-left:10px;}*/
.staff-cell .email:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'email';font-size:24px;vertical-align:bottom;}
.staff-cell .phone:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'call';font-size:24px;vertical-align:bottom;}
.staff-cell .room:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'location_on';font-size:24px;position:absolute;left:-28px;}
.staff-cell.name .profile-name{font-size:22px;}
.staff-cell .profile-title {color: black;}
.staff-cell .group{font-size:12px;text-transform:uppercase;color:#000000;text-align:center;}
.staff-cell .room{float:right;}
li.staff-cell.rooms{display:flex;justify-content:flex-end;}
li.staff-cell.rooms span.room{position:relative;margin-left:25px;}
.element-item.staff{border:none;border-bottom:1px solid #cecece;padding-bottom:15px}
.element-item.staff.wants-link:hover{cursor:pointer;}
#staff-header{width:100%;clear:both;border-bottom:1px solid #cecece;height:25px;padding-top:20px;padding-bottom:10px;}
#staff-header .staff-cell{font-size:14px;color:black;}

.sort_button{background:none;border:none;padding:0;padding-left:60px;}
.sort_button:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_more';font-size:24px;vertical-align:bottom;}
.sort_button.active:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_less';font-size:24px;vertical-align:bottom;}

/* details */
.staff-cell.details{display:none;width:10%;cursor:pointer}
.staff-cell .details_button:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_more';font-size:24px;vertical-align:bottom;}
.staff-cell .details_button.active:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_less';font-size:24px;vertical-align:bottom;}


.staff-cell.phones{text-align:center;}
.staff-cell.details{text-align:right;}
.staff-cell.groups .hgroup,.staff-cell.groups .group{padding-left:20px;}



.profile-child{
	clear:both;
	padding: 10px 25px;
	display:none;
}
.profile-child .staff-cell{list-style:none; font-size:16px; color:#555; text-align:left; margin:4px;}

/* View Stuff */
.staff-cell.views{
	clear: both;
	width: 20%;
	float: none;
	margin-left: -4px;
	padding-top: 10px;
}

.staff-cell .view a{text-decoration:none;}

.staff-cell .view:after{font-family: FontAwesome; padding-left:4px; content:'\f178';}

@media screen and (max-width: 1200px) {
	.staff-content .staff-cell.rooms, .staff-content .staff-cell.views{display:none;}
	.staff-content .staff-cell.details{display:block;}
	.staff-content .staff-cell{width:22%;}
	.staff-content .staff-cell.hide-groups{width:29%;}
	.staff-content .staff-cell.details{width:10%;}
	.profile-child .staff-cell{float:left;}
}

@media screen and (max-width: 980px) {
	.grid-sizer,.element-item{width:32%;}
	.element-item.staff{width: 99.8%;}
}

@media screen and (max-width: 980px) {
	.staff-content .staff-cell.rooms, .staff-content .staff-cell.phones, .staff-content .staff-cell.emails{display:none;}
	.staff-content .staff-cell.details{display:block;}
	.staff-content .staff-cell{width:42%;}
	.staff-content .staff-cell.details{width:10%;}
	.staff-content .staff-cell.details.hide-groups{width:62%;}
}

@media screen and (max-width: 680px) {
	.staff-content .staff-cell{width:38%;}
	.staff-content .staff-cell.details{width:5%;display:block;}
	.profile-child .staff-cell{width:100%;}
	li.staff-cell.rooms{justify-content:flex-start;}
}

@media screen and (max-width: 580px) {
	.staff-content .staff-cell{width:30%;}
	.staff-content .staff-cell.details{width:5%;display:block;}
	.profile-child .staff-cell{width:100%;}
	li.staff-cell.rooms{justify-content:flex-start;}
	.staff-content .staff-cell{font-size:12px!important;}
}

@media screen and (max-width: 680px) {
	#filters .filter-select {flex-basis: 100%;margin-right:0;max-width:100%;}
	#profiles-menu button{width:100%; border-top:1px solid #cecece;padding:10px 10px;}
	#profiles-menu{padding-bottom:0px;margin-left:-20px;margin-right:-20px;border-bottom:1px solid #cecece;}
	#ubc-sync-courses #ubcc-controls #inner-controls{margin-left:-20px;margin-right:-20px;padding:20px;background-color:#efefef;}
	/*#ubcc-controls .status-line, #ubcc-controls .status-line2{display:none;}*/
	.grid-sizer,.element-item{width:99%;}
	.element-item.staff{width: 99.8%;}
	#profiles-menu button.active span{border-bottom:3px solid transparent;color:#000000;}
	#profiles-menu button.active{/*background-color:#E1FAF6;*/}
	#profiles-menu button:hover{/*background-color:#E1FAF6;*/color:#000000;}
	#profiles-menu button span:hover{border-bottom:3px solid transparent;}
	.img-wrap,a.profile-link img{display:none;}
	.name-title{height:auto;border-bottom:none;}
	#profiles-menu button span{text-transform:uppercase;}
	#staff-header,.element-item{
		margin-bottom:0;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 25px;
	}
	.element-item:hover{/*background-color:#E1FAF6;*/}
	#job-checkbox span{font-size:18px}
	.staff-cell .room{float:left;}
	#status{
		border-bottom:1px solid #cecece;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 25px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#filters .filter-select {background-image:none;}
}

.row-fluid #ubc-sync-courses  [class*="span"]{width:23.5%; margin:0;}
@media screen and (max-width: 980px){.row-fluid #ubc-sync-courses  [class*="span"]{width:32%;margin:0;}}
@media screen and (max-width: 680px){.row-fluid #ubc-sync-courses  [class*="span"]{width:99%;margin:0;padding:0;}}