
/*==== Profile Page style ====*/
.profile-head ul li .profile-image img {
	width: 100px;
	height: 100px;
}

.profile-head h3, .profile-head p i {
	color: #005883;
}

.profile-head h3 {
	font-size: 20px;
	font-weight: 700;
}
.profile-cards {
	position: relative;
	margin-bottom: 16px;
	border-radius: 6px;
	background-color: #fff;
}

.profile-head p.position {
	font-size: 14px;
}

.profile-head p.position span {
	color: #888888;
	margin-right: 5px;
}

.c-header {
	color: #005883;
	font-size: 18px;
	font-weight: 500;
}
.profile-cards .c-header .comp-logo {
	max-width: 120px;
	max-height: 50px;
}
.profile-cards .section-list li {
	padding: 10px 40px 10px 0px;
}
.profile-cards .section-list li a {
	color: #333796;
}
.profile-cards li {
	font-size: 13px;
}
.profile-cards .section-list li a i {
	font-size: 11px;
}
.profile-cards li {
	font-size: 13px;
}

.profile-cards .section-list .sec-hds, .sec-hds {
	color: #888888;
	margin-bottom: 5px;
}

.g-list {
	padding: 10px 20px;
	border: 1px solid #E9E9E9;
	font-size: 13px;
	border-radius: 2px;
}

.g-list.overall-g {
	border: 1px solid #A2C7EF;
	color: #005883 !important;
}

.g-list.overall-g .grade {
	font-size: 20px !important;
}

.g-list.overall-g .sec-hds {
	font-size: 18px !important;
	color: #005883 !important;
}

.top-link-row a {
	font-size: 16px;
	font-weight: 600;
	color: #005883;
}

.btn-left {
	position: absolute;
	top: 40%;
	left: -5%;
	width: 38px;
	height: 38px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #005883;
	text-align: center;
	border-radius: 50%;
	line-height: 38px;
}

.btn-right {
	position: absolute;
	top: 40%;
	right: -5%;
	width: 38px;
	height: 38px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #005883;
	text-align: center;
	border-radius: 50%;
	line-height: 38px;
}

.btn-left:hover, .btn-right:hover {
	background: #005883;
	color: #fff;
}

.job-info-card h6 {
	color: #000;
	font-weight: 500;
	margin-top: 10px;
	font-size: 14px;
}

.employee-rec .badge-pill.badge-secondary {
	background: #EEF3FF;
	border: 1px solid #EEF3FF;
	font-weight: 400;
	color: #373A3C;
	font-size: 14px;
	padding: 5px 25px;
	margin: 5px 10px
}

p.comment-name {
	font-style: italic;
	color: #7C7C7C;
}

.c-body p, .c-body a {
	font-size: 13px;
}

.c-body a {
	color: #212529;
}

.c-body a.save-btn {
	color: #fff;
}

.qualified-status i {
	color: #00833E;
}

.font-weight-600 {
	font-weight: 600;
}

.profile-sidebar {
	/*position: absolute;
    width: 90%;
    left: 0;
    top: 0;*/
	position: sticky !important;
    top: 0;
}

.profile-sidebar .nav a {
	color: #474747;
	padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
	margin-bottom: 10px;
}
.profile-sidebar .nav a .fas{
	color: inherit;
}
.profile-sidebar .nav a.active,
.profile-sidebar .nav a:hover,
.profile-sidebar .nav a:active {
	color: #005883;
	background-color: #EEF3FF;
	border-radius: 25px;
}

.profile-head .badge {
	background-color: #CEFFE5;
	color: #098A52;
	font-size: 12px;
    font-weight: 500;
}

.profile-cards .lang-footer span {
	font-size: 12px;
	color: #7D7D7D;
}

.profile-cards .lang-footer img {
	width: 150px;
}

.lang-test-list li {
	position: relative;
}

/*.lang-test-list li::after {
	content:'';
	position: absolute;
	right: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #DBDBDB;
}

.lang-test-list li:nth-child(4)::after {
	display: none;
}*/

.lang-test-list p.grade,
.g-list p.grade  {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
}

.profile-cards .border-bottom {
	border-color: #F0F0F0 !important;
}

.top-gap {
	top: 120px !important;
  }

.profile-cards .table tr th,
.profile-cards .table tr td {
	font-size: 13px;
}

.profile-cards .table tr .btn {
    font-size: 12px;
    padding: 2px 15px;
    font-weight: 500;
}

.profile-cards .table tr .badge {
	background-color: #EEF3FF;
	border-color: #EEF3FF;
	font-weight: 400;
	font-size: 13px;
}

.profile-cards .table tr .badge.published {
	background-color: #CEFFE5;
    color: #098A52;
}
.profile .btn-block.btn-info {
	background-color: #CCE5FF;
	border: 1px solid #A2C7EF;
	color: #004085;
	font-size: 14px;
	font-weight: 500;
}

.profile .btn-block.btn-info:hover {
	opacity: 0.7;
}
.apply-btn-col .btn-primary {
	width: 120px;
}
@media (max-width: 1300px) and (min-width: 1200px) {
	.btn-left {
		left: -2%;
	}

	.btn-right {
		right: -2%;
	}
}

@media (max-width: 1100px) and (min-width: 992px) {
	.btn-left {
		left: -2%;
	}

	.btn-right {
		right: -2%;
	}
}

@media (max-width: 1030px) and (min-width: 768px) {
	.btn-left {
		left: 50%;
		top: 25px;
	}

	.btn-right {
		right: 38%;
		top: 25px;
	}
}

@media (max-width: 767px) {

	.profile-head ul li .profile-image {
		width: 100px;
		height: 100px;
	}

	.profile-head ul li .profile-image img {
		width: 100px;
		height: 100px;
	}

	.btn-left {
		right: 13%;
		left: auto;
		top: 5px;
		width: 27px;
		height: 27px;
		line-height: 27px;
	}

	.btn-right {
		right: 2%;
		top: 5px;
		width: 27px;
		height: 27px;
		line-height: 27px;
	}
	.profile-cards .c-header .comp-logo {
		display: block;
	}
}
.top-link-row span.post {
    color: #7D7D7D;
    font-size: 14px;
}
.top-link-row span.post span.post-name {
    color: #000;
    font-weight: 500;
}
.btn-prevs {
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 12px !important;
    padding: 2px 15px;
    font-weight: 500;
    color: #fff !important;
}
.btn-nxts {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 12px !important;
    padding: 2px 15px;
    font-weight: 500;
    color: #fff !important;
}
.btn-interview{
  position: absolute;
    top: 0;
    right: 20px;
    font-size: 12px !important;
    padding: 2px 15px;
    font-weight: 500;
    color: #fff !important;
}
.com-profile .container {
    border-radius: 6px;
    max-width: 800px;
    position: relative;
}
.com-profile .container.profile-head p {
    font-size: 13px;
}
