/*
body{
	overflow:hidden;
	.main_section_wrapper{ 
		left: 0;
	}
	.careers_nav_wrapper{
		display:none;
	}
	.container{
		font-weight: 300;
		width: 100%;
		padding: 0;
		&.reorder_on{
			.search_panel.left_panel{
				.selector_list_wrapper{
					.section_wrapper{
						padding-left: 40px;
						.grips_section{
							left: 15px;
						}
					}
				}
			}	
		}
		&.help_text_on{
			.search_panel.left_panel{
				.selector_list_wrapper{
					.section_wrapper{
						.help_text{
							height: 16px;
						}
					}
				}
			}	
		}
		&.panel_hidden{
			.bottom_banner{
				right: 100%;  
			}
			.search_panel{
				&.left_panel{
			  	right: 100%;
				  margin-left: -1px;
		  	}
		  	&.right_panel{
		  		left:0; 
		  	}
			}
	  }
		.bottom_banner{
			display: none;
		  overflow: hidden;
		  height: 48px;
		  position: fixed;
		  left: 0;
		  right: 65%;
		  margin-right: 1px;
		  bottom: 0px;
		  background-color: #fff;
		  z-index: 100;
		  text-align: right;
		  a{
		  	display: inline-block;
		  	margin-top: 13px;
		  }
		  button.btn.btn-primary{
		  	margin: 7px;
		  	&.red{
		  	  color: #bf2226 !important;
				  background-color: #fff;
				  border-color: #ccc;
				  padding-right: 20px;
				  position:relative;
				  &:before{ 
				    content: '\25be';
					  right: 5px;
					  position: absolute;
					  top: 5px;
					  pointer-events: none;
				  }
				  &.flipped{
				  	&:before{
				  		-moz-transform: scale(1, -1);
							-webkit-transform: scale(1, -1);
							-o-transform: scale(1, -1);
							-ms-transform: scale(1, -1);
							transform: scale(1, -1);
							top:7px;
				  	}
				  }
		  	}
		  	&.green{
		  		color: green !important;
				  background-color: #fff;
				  border-color: green;
				  width: 135px;
				  padding-right: 20px;
				  position:relative;
				  text-align: left;
				  &:before{ 
				    content: '\25be';
					  right: 5px;
					  position: absolute;
					  top: 5px;
					  pointer-events: none;
				  }
				  &.flipped{
				  	&:before{
				  		-moz-transform: scale(1, -1);
							-webkit-transform: scale(1, -1);
							-o-transform: scale(1, -1);
							-ms-transform: scale(1, -1);
							transform: scale(1, -1);
							top: 7px;
				  	}
				  }
		  	}
		  }
		}
		.carrot{
		  color: #888;
		  &.main{
			  font-size: 12px;
		    &.flipped{
		    	-moz-transform: scale(1, -1);
					-webkit-transform: scale(1, -1);
					-o-transform: scale(1, -1);
					-ms-transform: scale(1, -1);
					transform: scale(1, -1);
		    }
		  }
		}
		.search_panel{
			bottom: 0; 
			position: absolute;
			top: 0; 
			overflow-y: auto;
			&.right_panel{
				left: 35%;
				right: 0;
				.panel_header {
					padding: 20px 50px 20px 15px;
					.search_selector {
						display: inline-block;
						font-size: 14px;
						font-weight: 200;
					}
					.search_actions {
						font-size: 12px;
						position: relative;
						top: 8px;
						.clear {
							padding: 1px 10px;
							border-right: 1px solid #ddd;
						}
						.recent {
							padding: 1px 0 1px 8px;
						}
					}
					.search_preferences {
						display: inline-block;
						height: 95px;
						&.left {
							width: 85%;
							border: 1px solid #ddd;
							border-radius: 4px;
							padding: 3px 5px;
							float: left;
							height: auto;
							min-height: 95px;
							ul {
								list-style-type: none;
								margin: 0;
								padding: 0;
								display: inline-block;
								li {
									display: inline-block
								}
								.search_modifier {
									display: inline-block;
									margin-right: 2px;
									select {
										font-size: 10px;
										text-transform: uppercase;
										border: none;
										background-color: transparent;
										-webkit-appearance: none;
										color: #0645AD;
										padding: 3px;
										&:hover {
											text-decoration: underline;
											cursor: pointer;
										}
									}
								}
								.search_term {
									position: relative;
									.between_seciton_mod{
										margin-right: -5px;
									}
									ul{
										position: relative;
									}
									&.favorited{
										.glyphicon-star {
											color: #3E7AAB;
										}
										.search_preference{
											.preference_name{
												background-color: rgba(255, 255, 0, 0.6);
												color: #333;
											}
											.remove{
												background-color: rgba(255, 255, 0, 0.6);
												color: #333;
											}
										}
									}
									.glyphicon-star {
										color: #DDDDDD;
										z-index: 101;
										margin-left: 3px;
  									margin-right: -3px;
  									vertical-align: -1px;
										&:hover {
											color: #3E7AAB;
											cursor: pointer;
										}
									}
									.paren {
										font-size: 16px;
										color: #000000;
									}
									.search_preference {
										font-size: 0;
										font-weight: 200;
										color: #FFFFFF;
										margin: 3px 1px;

										.preference_name {
											font-size: 12px;
											display: inline-block;
											border-right: 1px solid #FFFFFF;
											padding: 3px 12px;
											cursor: pointer;
											background-color: #919191;
											border-radius: 3px 0 0 3px;
										}
										.remove {
											font-size: 12px;
											display: inline-block;
											padding: 3px 6px;
											cursor: pointer;
											background-color: #919191;
											border-radius: 0 3px 3px 0;
											span {
												top: -1px;
												position: relative;
											}
										}
									}
								}
							}
						}
						&.right {
							width: 15%;
							padding-left: 10px;
						}
					}
					.filter_section.set_width {
						width: 180px;
					}
				}
				.student_section{
					margin: 10px 15px;
					font-size: 12px;
					font-weight: 400;
	  			min-width: 650px;
	  			.matches_wrapper{
	  				margin-bottom: 10px;
  					margin-left: 6px;
  					margin-top: -10px;
  					.matches_plaque{
  						font-size: 10px;
						  color: #fff;
						  float: left;
						  padding: 4px 5px;
						  background-color: #52aB32;
						  border-radius: 0 0 3px 3px;
						  .number{
						  	font-size: 14px;
						  }
  					}
  					.tag{
  					  background-color: #aaa;
						  color: #fff;
						  font-weight: 300;
						  padding: 2px 4px;
						  line-height: 16px;
						  margin: 4px 0px;
						  font-size: 11px;
						  margin-left: 5px;
						  border-radius: 3px;
						  float: left;
  					}
	  			}
	  			.bulk_action_bar {
	  				display: inline-block;
	  				margin-bottom: 8px;
	  				background-color: #EEEEEE;
	  				border: 1px solid #DDDDDD;
	  				border-radius: 5px;
	  				font-size: 0;
	  				.glyphicon {
	  					color: #999;
	  				}
	  				.bulk_action {
	  					font-size: 12px;
	  					border-left: 1px solid #DDDDDD;
	  					display: inline-block;
	  					padding: 5px 8px;
	  					&:first-child {
	  						border-left: none;
	  					}
	  					&.add_to_folder,
	  					&.send_a_message,
	  					&.archive {
	  						&:hover {
	  							background-color: #E0E0E0;
	  							cursor:pointer;
	  						}
	  					}
	  				}
	  				.select_all {
	  					input[type=checkbox] {
	  						margin: 0;
	  					}
	  				}
	  			}
	  			.keyword_section{
	  				font-size: 11px;
	  				color: #aaa;
	  			  margin-bottom: 10px;
  					margin-top: -10px;
	  			}
	  			.student_card {
	  				width: 100%;
	  				margin-bottom: 10px;
	  				border-collapse: separate;
	  			}
					.student_section_item{
						vertical-align: top;
						border: 1px solid #DDDDDD;
						border-right: 0;
					  position: relative;
					  padding: 3px 7px 5px 7px;
					  height: 100px;
					  max-width: 0;
					  a{ 
					  	color: #3e7aab;
					  	opacity: .7;
					  	transition: 0.3s;
					  	&:hover{ 
					  		opacity: 1;
					  		text-decoration: none;
					  	}
					  }
					  .info_header{ 
					 	  font-size: 11px;
						  color: #999;
						  font-weight: 400;
						  line-height: 1;
						  margin-bottom: 5px;
					  }
					  ul{
					  	list-style: none;
						  margin: 0px;
						  padding: 0px;
					  }
					  &.actions_info{
					  	width: 20%;
					  }
					  &.classes_info{
					  	width: 15%;
					  	overflow: visible;
					  	li {
						  	margin-bottom: 5px;
						  	line-height: initial;
						  	.label {
						  		padding: 3px 8px;
						  	}
						  	a {
						  		cursor: pointer;
						  	}
						  }
					  }
					  &.worked_at_info{
					  	width: 15%;
					  }
					  &.indicators_info{
					  	width: 10%;
					  	overflow: visible;
					  	border-top-right-radius: 5px;
					  	border-bottom-right-radius: 5px;
					  	border-right: 1px solid #DDDDDD;
					  	.indicators_list{
							  margin-top:5px;
							  margin-left: 3px;
							  overflow: hidden;
	  						max-height: 85px;
						  	li {
								  float: left;
								  margin-right: 4px;
								  margin-bottom: 4px;
								}
					  	}
					  }
					  &.main_info{
					  	width: 20%;
					  	padding-left: 23px;
					  	border-top-left-radius: 5px;
					  	border-bottom-left-radius: 5px;
					  	a{ 
					  		opacity: 1;
					  		&:hover{
					  			text-decoration: none;
					  		}
					  	}
					  	.seen{
						  	height: 9px;
							  width: 9px;
							  background-color: #3e7aab;
							  position: absolute;
							  left: 7px;
							  top: 50%;
							  border-radius: 10px;
					  	}
					  	input[type=checkbox]{
					  		position:absolute;
					  		left: 7px;
					  	}
					  	.name{
					  		.student_name{
					  			font-size: 13px;
								  font-weight: 500;
								  display: block;
								  width:  ~"calc(100% - 52px)";
								  white-space: nowrap;
								  overflow: hidden;
  								text-overflow: ellipsis;
  								margin-bottom: 0;
						  		.student_name_limit{
						  			font-size: 13px;
						  			font-weight: 500;
						  		}
					  		}
					  		
					  	}
					  	.school_info{
					  		font-weight: 500;
							  overflow: hidden;
							  text-overflow: ellipsis;
							  white-space: nowrap;
							  color: #333;
							  &.major{
							  	font-weight: 300;
							  	opacity: .75;
							  }
					  	}
						  .action_icons{
						  	position: absolute;
							  right: 5px;
							  color: #ccc;
							  
							  .glyphicon {
							  	margin: 2px;
							  	cursor: pointer;
							  	&:hover{
								  	color: #aaa;
								  }
							  }
						  }
					  }
					}
				}
			}
			&.left_panel{
				border-right:1px solid #ddd;
				left: 0;
				right: 65%;
				padding-bottom: 47px;
				overflow-x: hidden;
				padding-top: 77px;
				.search_dropdown_wrapper{
					display:none;
			  	background: white;   
			  	border: 1px solid #ddd;
			    z-index: 700;
			    position: absolute;
			    width: 100%;
			    .search_dropdown{
			    	list-style: none;   
			    	padding: 0px;   
			    	margin: 0px;
			    	li{
			    		padding: 5px;   
			    		cursor: pointer;   
			    		border-bottom: 1px solid #ddd;
			    		&:hover{
			    			background-color: #eee;
			    		}
			    		&:last-of-type{
			    			border-bottom: none;
			    		}
			    		.careers_card_media_item{
			    			.media_image{
			    				width: 24px;   
									height: 24px;   
									overflow: hidden;   
									border-radius: 3px;   
									float: left;   
									box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
									img{
										width: 100%;   
										height: 100%;
									}
			    			}
			    			.media_content{
			    				padding-left: 28px;   
									white-space: normal;
									.media_title{
										font-size: 11px;   
										font-weight: 500;   
										line-height: 1.2;   
										max-width: 100%;   
										white-space: nowrap;   
										overflow: hidden;   
										text-overflow: ellipsis;   
										color: #333;
									}
									.media_sub_title{
										color: #80858A;   
										font-size: 10px;
										overflow: hidden;
										width: 100%;
										white-space: nowrap;
										text-overflow: ellipsis;
										line-height: 10px;
									}
			    			}
			    		}
			    	}
			    }
			  }
				.reverse_engineer_bar{
				  border-bottom: 1px solid #ddd;
				  background-color: #f8f8f8;
				  height: 56px;
				  color: #aaa;
				  padding: 10px 0;
				  .select_box{
				  	input[type="text"]{
			  			pointer-events: none;
			  		}
				  }
				  &.rev_eng_on{
				  	background-color: #fff;
				  	color: #666;
				  	.select_box{
				  		input[type="text"]{
				  			pointer-events: inherit;
				  		}
				  	}
				  	.text_wrapper{
				  		.comment{
				  			color: #aaa;
				  		}
				  	}
				  	input[type="text"]{
				  		pointer-events: inherit;
				  	}
				  }
				  .toggle_wrapper{
				    width: 70px;
					  float:left;
					  font-size: 11px;
					  margin-left: 10px;
					  line-height: 30px;
					  vertical-align: middle;
					  .switch{
				  	  height: 16px;
						  width: 29px;
						  margin: 0px;
						  top: 4px;
						  .switch_track{
						    height: 12px;
						  }
						  .switch_button{ 
						  	height: 12px;
						  }
					  }
				  }
				  .text_wrapper{
				    width: ~"calc(49% - 53px)";
				    margin: 0 .5%;
					  float:left;
					  height: 28px;
					  font-weight: 300;
					  font-size: 14px;
					  line-height: 14px;
					  .comment{
					  	font-size: 11px;
	 						color: #ccc;
					  }
				  }
				  .select_box{
					  float:left;
				  	width: ~"calc(49% - 53px)";
				  	margin: 0 .5%;
				  	position: relative;
				  	input[type="text"]{
					  	height: 35px;
						  border: 1px solid #ddd;
						  font-size: 12px;
						  border-radius: 2px;  
						  font-weight: 300;
						  color: #666;
						}
				  }
				}
				.search_facets{
					width: 100%;
					max-width: 100%;
					.glyphicon-eye-open{
						width: 14px;
				    height: 14px;
				    font-size: 13px;
					}
					.plus_wrapper{
						color: #fff;
				    background-color: green;
				    height: 14px;
				    width: 14px;
				    border-radius: 7px;
				    font-size: 11px;
				    display: inline-block;
				    padding-left: 2px;
					}
					.right_nav{
						.header{
							margin: 0 30px;
						}
					}
					.search_facets_section{
						.search_facets_section_header{
							margin: 0 30px 5px 80px;
						}
						.icons_column{
							display: inline-block;
							width: 50px;
							background-color: #fff !important;
							text-align: right;
							padding: 0;
							.glyphicon-eye-open{
						    top: 3px;
							}
							.plus_wrapper{
						    display: inline-block;
						    margin: 4px;
						    margin-right: 10px;
						    font-size: 11px;
						    .glyphicon-plus{
						    	left: -1px;
						    }
							}
						}
						.facets_table{
							width: ~"calc(100% - 60px)";
							margin: 0 auto;
							.first_column{
								width: 40%;
							}
							.second_column{
								width: 10%;
							}
							.third_column{
								width: 50%;
							}
						}
					}
				} 
				.panel_header {
					border-bottom: 1px solid #ddd;
					padding: 15px;

					.engineer_flavortext{

						margin:0;
						a{
							padding-right:10px;
							cursor: pointer;
						}
					}
				}

				.section_wrapper{
				  width: 100%;
				  margin: 0 0 0 auto;
				  -webkit-transition: all 1.0s ease;
				  -moz-transition: all 1.0s ease;
				  -o-transition: all 1.0s ease;
				  transition: all 1.0s ease;
				  border-bottom: 1px solid #eee;
				  float:right; 
				  position:relative;
				  padding: 8px 0px;
				  
				  .grips_section{
					  height: 14px;
					  overflow: hidden;
					  font-size: 12px;
					  position: absolute;
					  left: -25px;
					  top: 15px;
					  color: #888;
					  cursor: pointer;
					  -webkit-transition: all 1.0s ease;
					  -moz-transition: all 1.0s ease;
					  -o-transition: all 1.0s ease;
					  transition: all 1.0s ease;
					}
					.section_title{
						background-color: #fff;
					  color: #808080;
					  font-size: 12px;
					  padding-left: 5px;
					  width: 90px;
					  float: left;
					  font-weight: 500;
					  .btn-group{
					  	color: #3b79ad;
					  	width: 100%;
					  	.btn{	
					  		border-radius: 0px;
					  		background-color: #fff;
					  		border: 1px solid #3b79ad;
					  		width: 20px;
					  	  height: 13px;
							  font-size: 7px;
							  line-height: 7px;
					  		padding: 2px !important;
					  		color: #3b79ad !important;
					  		&.active{
					  			box-shadow: none;
					  			color: #fff !important;
					  			background-color: #3b79ad;
					  		}
					  		&:focus{
					  			background-color: #3b79ad;
					  			color: #fff;
					  		}
					  	}
					  }
					}
					.selector_section{
						height: inherit !important;
	  				overflow: visible;
						font-size:12px;
						width:~"calc(100% - 116px)";
						float: left;
						&.expand{
							height: inherit;
						}
						&.halves{
							.select_box{
								width: 49%;
							}
						}
						&.thirds{
							.select_box{
							  width: 32.3%;
							}
						}
						.select_box{
							margin: 0px .5%;
						  width: 49%;
						  overflow: hidden;
		  				float:left;
		  				border-radius: 2px;
		  				position: relative;
	  				  -webkit-transition: all 0.3s ease;
						  -moz-transition: all 0.3s ease;
						  -o-transition: all 0.3s ease;
						  transition: all 0.3s ease;
						  border: 1px solid #fff;	
						  &.input_box{
						  	border: 1px solid #ddd;	
						  	&:hover{
						  		border: 1px solid #aaa;	
						  	}
						  }
						  .search_dropdown_wrapper{
						  	width: ~"calc(100% + 2px)";
							  left: -2px;
							  top: 34px;
						  	.search_dropdown{
							  	li{
							  		.careers_card_media_item{
							  			.media_content{
							  				padding-left: 0;
							  			}
							  		}
							  	}
							  }
						  }
							&:hover{
							  .input_wrapper.input_text{
							  	&:before{
									  color: #3b79ad;
							  	}
							  }
							  .sb_section.plus{
							  	color: #3b79ad;
							  }
						  }
						  .sb_section{
	 					  	float: left;
	 					  	height: 100%;
							  padding: 5px 0;
							  .select_wrapper{
							  	position: relative;
								  width: 100%;
								  margin:0;
								  &:before{
								  	content: '\25be';
									  right: 5px;
									  position: absolute;
									  pointer-events: none;
									  color: #888;
								  }
								  select{
								  	padding: 0px;
								  	padding-right: 15px;
									  -webkit-appearance: none;
									  border: none;
									  border-radius: 0;
									  background-color: #fff;
									  font-size: 12px;
									  font-weight: 300;
									  height: 17px;
								  }
							  }
							  &.check-box{
							  	width: 25px;
  								padding: 6px;
							  }
							  &.whole{
							  	width: ~"calc(100% - 25px)";
							  	white-space: nowrap;
								  overflow: hidden;
								  text-overflow: ellipsis;
							  	input{
										border: none;
									  font-size: 12px;
									  padding: 0;
									  font-weight: 300;
									}
									&.with_input{
									  width: ~"calc(100% - 20px)";
									  padding-left: 5px;
									}	
							  }
							  &.shared{
									width: ~"calc(100% - 90px)";
									.select_wrapper{
										border-left: none;
										select{
											padding-left: 0;
										}
									}
							  }
							  &.mini_drop{
							  	width: 65px;

							  }
							  &.plus{
							  	width: 20px;
								  font-size: 15px;
								  color: #ccc;
								  -webkit-transition: all 0.3s ease;
								  -moz-transition: all 0.3s ease;
								  -o-transition: all 0.3s ease;
								  transition: all 0.3s ease;
							  }
						  }
						}
					}
				  .carrot_wrapper{
					  float: right;
					  line-height: 8px;
					  margin: 5px 3px;
					  width: 20px;
	  				text-align: center;
	  				font-size: 10px;
	  				cursor:pointer;
	  				color: #428bca;
					}
					.help_text{
						width:~"calc(100% - 140px)";
						display: inline-block;
				    position: relative;
				    font-size: 12px;
				    padding: 0px 3px;
				    height: 0px;
				    color: #888;
				    overflow:hidden;
				    margin-left: 80px;
				    -webkit-transition: all 1.0s ease;   
				    -moz-transition: all 1.0s ease;   
				    -o-transition: all 1.0s ease;   
				    transition: all 1.0s ease;
				    font-style: italic;
				    .glyphicon.glyphicon-info-sign{
				    	padding-right: 5px;
				    }
					}
				}
			}
		}
	}
	.panel_header {
		color: #808080;
		.row {
			margin: 0 0 10px 0;
			.header_title {
				font-size: 20px;
				font-weight: 300;
				color: #000000;
				margin: 0 10px 0 0;
				display: inline-block;
			}
		}
	}
	.switch {
		height: 19px;
	  width: 34px;
	  margin: 0 5px;
	  top: 5px;
	  border: 2px solid #E5E5E5;
	  border-radius: 100%;
	  display: inline-block;
	  position: relative;
	  background-color: #FAFAFA;
	  border-radius: 9px;
	  transition: .4s;

	  &.active {
	  	border-color: #3E7AAB;
	  	background-color: #3E7AAB;

	  	.switch_button {
	  		transform: translateX(100%);
	  	}
	  	.switch_track {
	  		transform: scale(0);
	  	}
	  }
	  .switch_button {
		  height: 15px;
		  width: 50%;
		  position: relative;
		  background-color: #FAFAFA;
		  border-radius: 7.5px;
		  transition: .4s;
		  box-shadow: 0 2px 2px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.1);
	  	background-color: #FFFFFF;
	  }
	  .switch_track {
		  height: 15px;
		  width: 100%;
		  position: absolute;
		  background-color: #fafafa;
		  border-radius: 7.5px;
		  transition: .4s;  	
	  }
	}
}
*/