/* - - -  C A N D I D A T E S  /  E M P L O Y E R  D A S H B O A R D  - - - */

/* PROFILE */
.profile__header,
.dashboard__nav__container {
  padding: 0 20px;
}

.profile__info {
  float: left;
}

img.profile__pic {
  float: left;
  margin: 0 25px 0 0;
  border: solid 3px #facc44;
  border-radius: 50%;
  width:140px;
}
img.profile__pic_sm {
  margin: 0;
  width:70px;
}
img.profile__pic.company {
  border-radius: 0%;
 }

.profile__info h2 {
  margin-top: 6px;
}

.profile__info h3 {
  font-size: 18px;
  margin: 10px 0 5px 0;
  padding: 0;
}

.profile__info span {
  font-size: 16px;
}

.profile__header a.btn__link {
  margin-top: 45px;
}

.dashboard__nav {
  font-size: 14px;
  margin: 25px 0 30px 0;
  padding: 0;
  border-top: solid 1px #ababa7;
}

.dashboard__nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.dashboard__nav li a {
  color: #aaabac;
  padding: 6px 20px;
  display: inline-block;
  border-top: solid 4px #fff;  
  text-decoration: none;
}

.dashboard__nav .current__page a {
  color: #414142;
  border-top: solid 4px #fab153;
}

.secondary__nav {
  margin: 25px 0 25px 20px;
  padding: 0;
}

.secondary__nav li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.secondary__nav li a {
  color: #414142;
  font-size: 14px;
  list-style: none;
  margin-right: 30px;
  padding: 0;
}

h3.section__title {
  color: #414142;
  font-size: 20px;
  margin: 0;
  padding: 0 20px 10px 20px;
  border-bottom: solid 1px #fbda74;
}

.column__content {
  width: 100%;
  font-size: 14px;
  padding: 20px;
}

.column__content h5 {
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 0;
}

.column__content p {
  padding-left: 20px;
}

.column__content h4 {
  margin-top: 30px;
  padding-left: 20px;
}

.column__content h6 {
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
}

.list__content {
  margin: 0;
  padding: 0;
}

.list__content li {
  list-style: none;
  font-weight: bold;
  margin: 0;
  padding: 20px;
  border-bottom: solid 1px #ccc;
}

.list__content li span {
  font-weight: normal;
  display: inline-block;
  min-width: 150px;
}

.list__content.open__list li:nth-last-child(1) {
  border-bottom: 0;
}

.column__content hr {
  margin: 30px 0 0 0;
}

.social__channels {
  margin: 0;
  padding: 10px 20px;
}

.social__channels li {
  list-style: none;
  display: inline-block;
  margin: 3px;
  padding: 0;
}

.social__channels li a {
  background: #ebebeb;
  color: #414142;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 20px;
  display: inline-block; 
  min-width: 170px;
  text-decoration: none;
}

.social__channels li a i {
  font-size: 18px;
  display: inline-block;
  margin-right: 15px;
}

.social__channels li a i.fa-check {
  display: none;
  font-size: 14px;
  margin-left: 15px;
  margin-right: 0;
}

.social__channels li.connected a,
.social__channels li a:hover,
.social__channels li a:focus,
.social__channels li a:active {
  background: #4d4d4f;
  color: #fff; 
}

.social__channels li.connected a i.fa-check {
  display: inline-block;
}

/* My Applied Jobs */
.time__ago .fa-heart {
  color: #fab153;
  display: inline-block;
  margin-right: 6px;
}


/* Questions */
/* - - - - - - - - - - - -  A S S E S S M E N T S - - - - - - - - - - - */
.questions .assessment-wrapper {
	width:95%;
	position: relative;
}

.questions .assessment-wrapper .assessment-item {
	display:table;
	margin:1% 1%;
	padding:1% 2%;
	width:calc(19% - 4px);
	font-size:0.8em;
	color:#666;
	border:2px solid #999;
	text-align:center;
	float:left;
	cursor:pointer;
}

.questions .assessment-wrapper .assessment-item.active {
	margin:1% 1%;
	border:2px solid #fab153;
}

.questions .assessment-wrapper .assessment-item-inner {
	display:table-cell;
	vertical-align: middle;
}

.questions .form-wrapper {
  width: calc(82% - 16px);
  padding-left: 16px;
  display: table;
  margin: 60px 0 20px 0;
}

.questions .form-wrapper .add-remove.add a {
  background-image: url(/assets/images/form/icon-plus.png);
  color: #4F5155;
  width: 120px;
  font-size: 0.7em;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
  padding-right: 12px;
  margin-left: 20px;
}

.questions .form-wrapper h2 {
  font-size: 20px;
  width: calc(100% - 150px);
  height: 16px;
  display: inline-block;
  position: relative;
  border-bottom: solid 1px #414142;
}

.questions .form-wrapper h2 span {
  background: #fff;
  display: inline-block;
  position: absolute;
  bottom: -1px;
}


@media (max-width: 1024px) {
  .row .col-4 {
    width: 100%;
  }
  
  .questions .assessment-wrapper .assessment-item {
    width: 22%;
  }
}


/* - - - - - -  P R O F I L E  E D I T  - - - - - - - */
.assessment-wrapper .form-wrapper{
  width:100%;
}
.assessment-wrapper .form-wrapper h2 {
  width:88%;
}

.profile-edit, 
.profile-edit-link,
.profile-edit-assessment 
{
  position: relative;
  cursor:pointer;
  padding:4px 24px 4px 4px;
  text-decoration: none;
}
.profile-edit-assessment {
  color:#222;
  font-size:11px;
}
.profile-edit:hover {
  background:rgba(250, 177, 83, 0.5);
}
.profile-edit:before,
.profile-edit-link:before,
.profile-edit-assessment:before 
{
    content: "\f040";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 18px;
    padding-right: 0.1em;
    position: absolute;
    top: 4px;
    right: 4px;
}
.assessment-edit-form .questions_wrapper {
  height:420px;
  overflow-y:scroll;
}
.assessment-edit-form .question {
  display:table;
  width:22%;
  margin:1%;
  height:50px;
  float:left;
  border:2px solid #999;
  font-size:11px;
  cursor:pointer;
}
.assessment-edit-form .question.active {
  border:2px solid #fab153;
}
.assessment-edit-form .question .inner {
  display: table-cell;
  vertical-align: middle;
}
.assessmet-edit-error {
  display:none;
  color:#C00;
  margin-bottom:20px;
}