body{
	background-color: #f8f8f8;
}
hr{
	margin:0.5em;
}
p{
	margin: 0px;
}
a{
	text-decoration: none!important;
}
a:hover{
	border:none;
}
.fa-ellipsis-h{
	font-size: 18px;
    color: #817b7b;
    visibility: hidden;
}
.ec-single-application-block:hover .fa-ellipsis-h{
	visibility: visible;
}
.fa-map-marker{
	color: #ef444d;
}
.ec-filter-applicants{
	margin:1em;
	border:1px solid #a9d3fd;
	background-color: white;
}

/* START | applicant profile menu */
.ec-applicant-profile-links{
	position: absolute;
	padding: 0.5em;
	background-color: #0581fdff;
	color: white;
	left:14em;
	top: -11px;
	font-size: 12px;
	border-radius:5px;
	display: none;
	z-index: 100;
}
.ec-applicant-profile-links:before{
	position: absolute;
    width: 0;
    height: 0;
    border-right: 10px solid #0581fdff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: '';
    left: -8px;
    top: 24px;
}
.ec-applicant-profile-links a{
	color: white;
}
/* END | applicant profile menu */

.ec-single-application-block{
	padding:1.3em;
	cursor: pointer;
	margin:1em;
	margin-bottom:0px;
	min-height: 200px;
	border:1px solid #a9d3fd;
	background-color: white;
}
.ec-sub-section{
	padding:0.5em;
}
.ec-applicant-name{
	font-size: 1.7em;
}
.ec-applicant-location{
	font-size:15px;
}
.ec-single-application-block .ec-heading{
	font-size: 15px;
	color:#787878;
	display: table-cell;
	width: 140px;
	color: #0581fdff;
}
.ec-application-expansion-block .ec-heading{
	font-size: 14px;
	color:#787878;
	display: table-cell;
	width: 140px;
	color: #807d7d;
}


/* START | analytics */
.analytics-options,.skills{
	padding:0px;
	margin:0px;
	display: table-cell;
}
.analytics-options li{
	display: table-cell;
	width: 250px;
	padding-right:1.5em;
	margin-bottom:1em;
	text-align: center;
}
.analytics-options li p:last-of-type{
	color: #8e8e8e;
}
.analytics-options li>span{
	font-size: 13px;
	color: grey;
}
.analytics-options li>span.likes{
	background-color: #27c8c5;
	color: white;
	padding:1.2em;
	border-radius: 2px;
}
.analytics-options li>span.counts{
	background-color: #57ce7a;
	color: white;
	padding:1.2em;
	border-radius: 2px;
}
.analytics-options li>span.b{
	background-color: #4f80e1;
	color: white;
	padding:1.2em;
	border-radius: 2px;
}
.analytics-options li>span.c{
	background-color: #3fc2fc;
	color: white;
	padding:1.2em;
	border-radius: 2px;
}
.analytics-count{
	font-weight: bold;
	padding-right:0.5em;
	display: table-cell;
}
.analytics-count{
	margin:auto;
	font-size: 20px;
}
.profile-likes{
	color: #ff232fff;
}
.help-count{
	color: #255fceff;
}
.time-spent{
	color: #6682d0 ;
}
.a{
	color: #33df90;
}
/* END | analytics */

.ec-applicant-skills{
	margin-top: 1.4em;
}
.ec-applicant-Education-location{
	margin-top:-12px;
}
.skills li{
	list-style: none;
	display: inline-block;
	border: 1px solid rgba(2, 152, 171,0.4);
	border-radius: 18px;
	transition: all 200ms ease-in-out;
	font-size: 10px;
	margin-bottom: 5px;
	padding:0.5em 1.5em;
	border:1px solid #439bf3;
	color: #1c7ad8;
	font-size: 12px;
	margin-right: 5px;
}
.skills li p{
	padding:1em;
}
.ec-details{
	padding:0.3em;
}
.ec-sub-details{
	display: table-cell;
}

/* START | expansion block  */
.ec-application-expansion-block{
	cursor: pointer;
	padding:1em;
	margin:1em;
	margin-top:0px;
	border:1px solid #a9d3fd;
	border-top:0px;
	background-color: white;
	display: none;
}
.expanded{
	display: block;
}
.bottom-border-hide{
	border-bottom:0px;
}
/* END| expansion block  */


/* START | analytics filter */
.analyticsFilter{
	padding:0px;
	margin:0px;
	margin-bottom: 1em;
	margin-top:0.5em;
	list-style: none;
}
.analyticsFilter li{
	display: table-cell;
	width: 280px;
	padding:0.5em;
	font-size: 1em;
	text-align: center;
	color: grey;
	position: relative;
	cursor: pointer;
}
.analyticsFilter>li>span{
	padding: 0.5em;
}
.analyticsFilter>li>span>a{
	color: white;
}
.engineers-helped{
	left: 48px!important;
	border:2px solid #f5857e;
}
.Productive-time-spent{
	left: 31px!important;
	border:2px solid #6798f9;
}
.profile-likes{
	border:2px solid #f3cc67;
}
.score{
	left:29px !important;
	border:2px solid #18CDCA;
}
.checkmark {
  position: absolute;
  top:2px;
  left: 61px;
  height: 25px;
  width: 25px;
  background-color: white;
  cursor: pointer;
}
.view-full-application-link{
	margin-left: 35em;
	position: relative;
	width: 20%;
}
.score-colored{
	background-color: #18CDCA;
}
.engineers-helped-colored{
	background-color: #f5857e;
}
.Productive-time-spent-colored{
	background-color: #6798f9;
}
.profile-likes-colored{
	background-color: #f3cc67;
}
/* END | analytics filter */

/* START | skills filter */
.skillsFilter{
	padding:0px;
	margin:0px;
}
.skillsFilter li{
	display: table-cell;
	width: 285px;
	font-size: 1em;
	text-align: center;
	cursor: pointer;
}
.skillsFilter li div{
	padding: 1.3em;
}
.skillsFilter li.inactive a{
	color: grey;
}
.active{
	border-bottom: 3px solid #255fce;
	color: #216ab4;
}
.inactive{
	color: grey;
}
/* END | skills filter */

.single-applicant-card-btns{
	padding-top: 1em;
}
.applicant-education-details,.applicant-contact-details{
	margin-top:1em;
	margin-bottom:1em;
}
.ec-applicant-name{
	color: #4d4d4d;
}
.btn-select {
	background-color: #255fceff;
	color: white;
}
.btn-reject{
	color: #c0000aff;
}
.btn-reject:hover{
	color: #c0000aff;
}
.btn-reject:link{
	color: #c0000aff;
}
.btn-reject:visited{
	color: #c0000aff;
}
.btn-sm{
	font-size: 13px;
}
.shortlisted{
	border-bottom: 1px solid #337ab7;
	border-radius: 0px;
}
.select-application>.fa{
	font-size: 18px;
	color: #337ab7;
}
.select-application a{
	color: #337ab7!important;
}

.application-date{
	font-style: italic;
	color: grey;
	padding: 1em;
}
.likes-a,.counts-a,.time-a,.profile-likes-a{
	color: white;
	padding:0.5em;
	border-radius: 2px;
}
.likes-a{
	background-color: #18CDCA;
}
.counts-a{
	background-color:#f5857e;
}
.time-a{
	background-color: #6798f9;
}
.profile-likes-a{
	background-color: #f3cc67;
}
.details-a{
	padding: 0.5em;
	border:1px solid #e9e9e9;
	display: table-cell;
	width: 200px;
	font-size: 14px;
	vertical-align: middle;
	color: grey;
}
.analytics-tooltip{
	position: absolute;
}

.ec-heading{
	padding-top:0.7em;
	padding-left: 0px;
}
.single-block-btn a{
	padding:1em;
}
.single-block-btn a:checked{
	color: blue;
}

/*breadcrumb navigation*/
.breadcrumb{
	background-color: transparent;
	padding-right:1em;
	padding-left:1em;
	margin-bottom:0px;
}
.breadcrumb>li+li:before{
	font-family: FontAwesome;
	content: "\f061";
	color: #7a7a7a;
}

/*FOR small screen devices*/
@media (max-width:640px){
	body{
		background-color: #f8f8f8;
		font-size: 140%;
	}
	.main-container-fluid{
		margin-top: 4em;
	}
	.skillsFilter li{
		padding:0px;
	}
	.ec-single-application-block{
		padding:1em;
		margin:0px;
		margin-top: 1em;
	}
	.analytics-options li{
		display: block;
		text-align: left;
		margin-bottom: 2em;
	}
	.analytics-options li>span>span:first-of-type{
		background-color: white;
	}
	.ec-single-application-block .ec-heading {
		width: 50px;
	}
	.skillsFilter li span{
		padding:0px;
	}
	.ec-filter-applicants{
		margin:0px;
		margin-bottom: 1em;
		padding-top:1em;
	}
	.analyticsFilter>li>span{
		padding: 0px;
	}
	.analyticsFilter li{
		padding: 0px;
		position: relative;
	}
	.skills li{
		display: inline-block;
	}
	.ec-application-expansion-block{
		margin:0px;
		margin-bottom: 1em;
	}
	.ec-application-expansion-block .ec-heading{
		display: block;
	}
	.checkmark{
		top:58px;
		left:23px;
	}
	.engineers-helped{
		left: 27px!important;
	}
	.view-application{
		float: left;
		margin-left: 0px;
	}
	.details-a{
		padding: 4px;
		border:1px solid #e9e9e9;
		width: 180px;
	}
	.analytics-count{
		font-size: 13px;
	}
	.analytics-options{
		padding-left: 2em;
	}
	.analytics-options li{
		padding-right: 0px;
		margin-bottom: 5px;
	}
	.single-block-btn{
		padding:0.5em;
	}
	.single-applicant-card-btns{
		padding:0.5em;
		border-top:1px solid #e6e5e5;
	}
	.ec-applicant-profile-links{
		width: 140px;
	}
	.skillsFilter {
		padding: 0px 40px;
	}

	.skillsFilter li{
		display: block;
	}

}