body {
	background-color: #f2f2f2;
}
a {
	
}
a:hover {
	color: purple !important;
}
.container-header {
	background-color: #fff;
	padding: 10px 0px;
}
.box-header {
	display: table;
	width: 100%;
}
	.box-header-logo {
		display: table-cell;
		width: 1%;
		vertical-align: middle;
	}
		.box-header-logo img {
			height: 50px;
		}
	.box-header-menu {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
	}
	.box-header-account {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
		width: 50px;
		position: relative;
	}
.box-header-menu ul {
	padding-left: 0px;
	list-style: none;
	margin-bottom: 0px;
}
	.box-header-menu ul li {
		display: inline-block;
		margin-right: 20px;
		position: relative;
	}
		.box-header-menu ul li a {
			display: block;
			color: #fff !important;
			padding: 10px 0px;
		}
.box-account {
	position: absolute;
	right: 0px;
	top: 50px;
	background-color: #fff;
	border-radius: 10px;
	text-align: left;
	width: 250px;
	box-shadow: 0px 0px 4px 0px #bfbfbf;
	padding: 10px 0px;
	z-index: 9999;
}
.box-account ul {
	list-style: none;
	padding-left: 0px;
}
	.box-account ul li a {
		display: block;
		color: #333;
		padding: 7px 20px;
	}
		.box-account ul li a:hover {
			background-color: #f5f5f5;
		}

.container-header {
	box-shadow: 0px 0px 3px 2px #cdcccc;
	background: #7418b9;
}

.container-web-search {
	position: relative;
	height: 325px;
}

.container-web-search{
	background-image: url(../../images/bgsearch.jpg);
	background-position: center center;
	background-size: cover;
	filter: brightness(0.5);
}
.box-search-job {
	margin-top: 60px;
}
.box-search-job h4 {
	color: #fff;
	font-weight: bold;
}
.box-search-field {
	display: table;
	width: 100%;
}
	.bsf-input {
		display: table-cell;
		vertical-align: middle;
	}
		.bsf-input input {
			height: 45px;
		    font-size: 16px;
		    border-radius: 5px !important;
		}
	.bsf-button {
		display: table-cell;
		vertical-align: middle;
		width: 1%;
		padding-left: 5px;
	}
		.bsf-button button {
			height: 45px;
			border-radius: 5px;
			width: 100px;
		}
.container-register {
	margin-top: 30px;
	background-color: #fff;
	padding: 20px;
}
.box-register-type {
	background-color: #5111a6;
	padding: 50px;
	text-align: center;
	font-size: 20px;
	box-shadow: 0px 0px 3px 0px #bbbbbb5c;
	color: #fff;
}
	.box-register-type i {
		font-size: 50px;
		margin-bottom: 10px;
	}
	.box-register-type:hover {
		cursor: pointer;
		background-color: #2e0269;
	}
.box-register-type.brt-company {
	background-color: #3f51b5;
}
	.box-register-type.brt-company:hover {
		background-color: #0e2081;
	}
.container-register {
	padding: 30px 70px;
}
	.container-register h4 {
		margin-bottom: 20px;
	}
.form-field {
	margin-bottom: 10px;
}

#btn_register {
	margin-top: 10px;
}

.btn-full {
	width: 100%;
}
.btn-theme {
	background: #5111a6;
	border-color: #5111a6;
	padding: 10px 20px;
}
	.btn-theme:hover, .btn-theme:active, .btn-theme:focus {
		background: #2b065d !important;
	}

.container-register h4.noenter {
	margin-bottom: 5px;
}
.container-register p.noenter {
	margin-bottom: 20px;
}
.form-field label {
	color: #bebebe;
    font-weight: normal;
    font-size: 12px;
}

.container-myaccount {
	margin-top: 20px;
}

.box-sidebar {
	background: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #ddd;
}
	.box-sidebar ul {
		padding-left: 0;
		list-style: none;
	}
		.box-sidebar ul li a {
			display: block;
			padding: 10px 20px;
			color: #595959;
			border-left: 2px solid transparent;
		}
			.box-sidebar ul li a:hover, .box-sidebar ul li.active a {
				background-color: #f5f5f5;
				border-left: 2px solid #7418b9;
			}
			.box-sidebar ul li a i {
				width: 25px;
			}
.box-content {
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}
	.box-content h4 {
		margin-top: 0px;
	}

.box-pp {
	padding: 10px 50px;	
	position: relative;
}
.wrap-pp {
	height: 160px;
	width: 160px;	
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #e9e9e9;
}
	.box-pp img {
		width: 100%;
	}
	.box-pp img:hover {
		cursor: pointer;
	}
		.box-pp:hover button {
			display: block;
		}
	.box-pp button {
		display: none;
		position: absolute;
	    bottom: 25px;
	    left: 50%;
	    margin-left: -34px;
	}
	.box-pp input {
		position: absolute;
	    bottom: 25px;
	    width: 72px;
	    left: 95px;
	    z-index: 99;
	    opacity: 0;
	    cursor: pointer;
	}

.container-company {
	background-color: #fff;
	padding-bottom: 50px;
}
.container-job-list {
	background: #fff;
	padding-top: 30px;
}
.job-list-wrapper {
	margin-top: 30px;
	margin-bottom: 50px;
}
.box-job {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	height: 245px;
	position: relative;
	box-shadow: 0 8px 20px 0 rgba(0,0,0,.06);
	margin-bottom: 30px;
}
	.box-job:hover {
		cursor: pointer;
		background-color: #f9f9f9;
	}
.box-job-img {
	margin-bottom: 10px;
}
.box-job-img img {
	height: 70px;
	border: 1px solid #e9e9e9;
}
.box-job-title {
	font-size: 16px;
    margin-bottom: 10px;
    color: #08192a;
    font-weight: bold;
}
.box-job-type {
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-size: 12px;
	font-style: italic;
	color: grey;
}
.box-job-salary {
	margin-top: 5px;
	font-weight: bold;
	color: #000;
}

.company-list {
	background: #fff;
	padding: 20px;
}
h3.home-title {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.container-lowongan-list a {
	color: #868686 !important;
}

.box-company {
	text-align: center;
}
.box-company img {
	height: 100px;
	display: inline-block;
}

.container-pencaker {
	background: radial-gradient(circle at center, #7418b9 0, #662c91, #47007c 100%);
	padding: 50px 0px;
}
	.container-pencaker .home-title {
		margin-bottom: 50px;
		color: #fff;
	}
.box-pencaker {
	position: relative;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 30px;
}
	.box-pencaker-img {
		border-radius: 50%;
		width: 120px;
		height: 120px;
		overflow: hidden;
		display: inline-block;
		border: 5px solid #451d63;
	}
		.box-pencaker-img img {
			width: 100%;
		}
	.box-pencaker-content {
		border-radius: 10px;
		background-color: #0000004f;
		padding: 20px;
		padding-top: 75px;
		margin-top: -60px;
		color: #fff;
		height: 270px;
	}
	.box-pencaker-name {
		font-size: 22px;
	}
		.box-pencaker-department {
			margin-top: 10px;
			font-size: 16px;
			color: grey;
		}
		.box-pencaker-education {
			font-size: 14px;
			color: grey;
		}
.box-pencaker-btn {
	position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
}
	.box-pencaker-btn button {
		border-radius: 20px;
		background: #00000073;
    	padding: 10px 30px;
	}
	.home-title-right {
		float: right;
		margin-top: -69px;
		font-size: 15px;
	}
		.home-title-right a {
			color: #fff !important;
			font-weight: bold;
		}
		.home-title-right a:hover {
			color: black !important;
		}

.footer {
	background: #303030;
    padding: 40px 0px;
    color: #fff;
    margin-top: 30px;
}
.sosmed {
	display: inline-block;
    padding: 3px 7px;
    font-size: 22px;
    background: #444444;
    width: 60px;
    margin-bottom: 3px;
    text-align: center;
}
.content-footer-sosmed a {
	color: #dbeeff;
}
.partner-link {
	padding-left: 0px;
	list-style: none;
}
	.partner-link a {
		color: grey;
		margin-bottom: 5px;
    	display: block;
	}
		.partner-link a:hover {
			color: #fff;
		}
.copyright {
	text-align: center;
    padding: 12px;
    background: #303030;
    color: grey;
    font-size: 12px;
    border-top: 1px solid #484848;
}

.submenu {
	display: none;
	background-color: #2e2e2e;
    position: absolute;
    z-index: 999;
    padding: 10px 0px;
    border-radius: 5px;
    left: 0px;
    top: 35px;
    width: 195px;
}
	.submenu li {
		display: block !important;
		margin-right: 0px !important;
	}
		.submenu li a {
			display: block;
			padding: 7px 12px !important;
		}
			.submenu li a:hover {
				background-color: #141414;
			}
.box-header-menu ul li:hover > ul {
	display: block;
}

.container-aki {
	margin-top: 50px;
	margin-bottom: 50px;
}
.box-aki {
	text-align: center;
	padding: 35px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 3px;
    height: 300px;
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / 15%);
}
	.aki-icon {
		margin-bottom: 10px;
	}
		.aki-icon i {
			color: #5a12a4;
			font-size: 30px;
		}
	.aki-label {
		background: #4caf50;
	    display: inline-block;
	    padding: 5px 10px;
	    border-radius: 5px;
	    font-size: 12px;
	    margin-bottom: 12px;
	    color: #fff;
	}
	.aki-title {
		font-size: 16px;
	    margin-bottom: 15px;
	    font-weight: bold;
	}
	.aki-description {
		margin-bottom: 30px;
    	color: #7e7e7e;
	}
	.aki-button button {
		border-radius: 20px;
	    padding: 7px 15px;
	    background: #4c024c;
	}

.page-title {
	margin-top: 30px;
	font-size: 20px;
}
.job-list-wrapper a {
	color: #333;
}

.lowongan-img img {
	width: 100%;
}
	.lowongan-photo img {
		height: 70px;
	}
.lowongan-wrapper {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
.low-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.low-company {
	font-size: 14px;
}
.low-salary {
	margin-top: 5px;
	font-weight: bold;
}
.low-button {
	float: right;
	margin-top: -73px;
}
	.low-button button {
		border-radius: 5px;
		padding: 10px 25px;
		background: #4c024c;
		font-size: 16px;
	}

.home-title-job {
	margin-top: -36px;
}
.home-title-job.home-title-right a {
	color: #333 !important;
}
	.home-title-job.home-title-right a:hover {
		color: purple !important;
	}

.page-title-candidate {
	color: #fff;
	margin-top: 0px;
}

.box-search-candidate {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
	.bsc-input {
		display: table-cell;
		vertical-align: middle;
	}
		.bsc-input input {
			height: 45px;
			border-radius: 5px !important;
		}
	.bsc-btn {
		display: table-cell;
		width: 1%;
		padding-left: 5px;
	}
		.bsc-btn button {
			height: 45px;
		    border-radius: 5px;
		    width: 100px;
		}

.box-candidate-profile {
	display: table;
	width: 100%;
	margin-top: 50px;
}
	.bcp-img {
		display: table-cell;
		width: 100px;
		vertical-align: midle;
	}
		.bcp-img-wrapper {
			border-radius: 50%;
			width: 150px;
			height: 150px;
			overflow: hidden;
			border: 5px solid #e9e9e9;
		}
		.bcp-img img {
			width: 100%;
		}
	.bcp-description {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
	}
		.bcp-description-name {
			font-size: 24px;
		}
		.bcp-description-education {
			font-size: 20px;
			color: grey;
		}
		.bcp-description-institution {
			margin-top: 10px;
			font-size: 16px;
			color: grey;
		}

.container-candidate-profile {
	background: #fff;
	padding: 30px 0px;
	margin-top: 30px;
}
	.box-contact ul {
		list-style: none;
		padding-left: 0px;
	}
	.box-contact ul li {
		font-size: 16px;
	}
	.box-contact ul li i {
		width: 20px;
	}
.panel-profile {
	margin-top: 30px;
    margin-bottom: 10px;
}
	.panel-profile-title {
	    background: #7418b9;
	    padding: 15px;
	    color: #fff;
	    font-size: 16px;		
	}
	.box-profile-job {
		margin-top: 10px;
	}
	.profile-job-list {
		margin-bottom: 10px;
	}
	.profile-job-list {
		box-shadow: 0px 0px 5px -1px #a5a5a587;
	    background: white;
	    padding: 20px;
	}
	.pjl-name {
		font-size: 16px;
		font-weight: bold;
	}
	.pjl-date {
		color: grey;
	}

.panel-profile-sidebar {
	font-size: 14px;
	text-align: center;
}
	.pps-count {
		font-weight: bold;
		font-size: 20px;
	}
	.pps-wrapper {
		text-align: center;
	}
	.pps-sret {
		display: inline-block;
		height: 100%;
		width: 1px;
		background: #d7d7d7;
		height: 50px;
	}
	.panel-profile-sidebar .alert {
		margin-top: 20px;
		text-align: left;
	}

.container-article {
	background: #fff;
	padding: 20px;
	margin-top: 20px;
}

.container-etiket-book {
	text-align: center;
}
.container-etiket-book .form-field {
	text-align: left;
}

.badge-verified {
	display: inline-block;
    margin-left: 10px;
    background: #139713;
    width: 20px;
    height: 20px;
    line-height: 1;
    border-radius: 50%;
    font-size: 10px;
    padding: 5px;
    vertical-align: middle;
    color: #fff;
}

.container-scanner {
	position: fixed;
	z-index: 99999999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-top: 20px;
	background: #000000e8;
}
	.scanner {
		display: inline-block;
	}

	.qrPreviewVideo {
		max-width: 100%;
	}

.box-apply {
	display: table;
	width: 100%;
	padding: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}
	.box-apply-image {
		display: table-cell;
		width: 100px;
	}
		.box-apply-image img {
			width: 100%;
		}
	.box-apply-content {
		display: table-cell;
		vertical-align: top;
		padding-left: 20px;
	}
	.boc-name {
		font-size: 18px;
		font-weight: bold;
	}
	.boc-department {
		font-size: 14px;
	}
	.boc-education {
		color: #979797;
	}
	.boc-apply-note {
		font-size: 12px;
		font-style: italic;
	}
	.box-content a {
		color: #333;
	}
	.boc-btn-profile {
		float: right;
	}
.menu-xs {
	float: right;
    margin-top: 8px;
    background: #9d36eb;
    padding: 2px 13px;
    font-size: 24px;
    color: #fff;
}

.slideshow {
	height: 500px;
	overflow: hidden;
}

.slideshow img {
	width: 100%;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px;
}

.container-header-lowongan {
	position: relative;
}
.img-header-lowongan {
	background-image: url("../../images/bglowongan.jpg");
	background-color: #cccccc;
	height: 550px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	filter: brightness(0.5);
}

.container-lowongan-search {
	position: absolute;
    top: 100px;
    width: 100%;
    color: #fff;
    font-size: 30px;
}
.cls-title {
	font-size: 46px;
	line-height: 1.2;
    font-weight: bold;
}
.cls-subtitle {
	font-size: 14px;
	margin-top: 20px;
}

.bsj-title {
	font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.bsj-subtitle {
	font-size: 14px;
	margin-top: 10px;
	color: #fff;
}

.box-search {
	margin-top: 30px;
	position: relative;
}
	.box-search input {
		padding: 30px 20px;
		border-radius: 3px !important;
	}
	.box-search button {
		position: absolute;
	    right: 8px;
	    top: 8px;
	    border-radius: 5px;
	    font-size: 18px;
	}

.container-lowongan-list {
	margin-top: 50px;
}

.container-slideshow-search {
	position: relative;
}
.wrap-search-job {
	position: absolute;
	top: 15px;
	width: 100%;
}

.sret {
	border-top: 1px solid #c3c3c3;
    margin-bottom: 75px
}

.container-article-field {
	margin-bottom: 10px;
}

.first-news-img img {
	width: 100%;
}
.first-news-txt h3 {
	font-weight: bold;
}

.box-news {
	display: table;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 0px;
}
	.box-news:nth-of-type(1) {
		border-top: none;
		padding-top: 0px;
	}
	.box-news-img {
		display: table-cell;
		width: 100px;
		vertical-align: middle;
	}
		.box-news-img img {
			width: 100%;
		}
	.box-news-txt {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.5;
		padding: 0px 15px;
		box-shadow: 0 8px 25px 0 rgba(0,0,0,.06);
		background: #fff;
	}
		.box-news-txt a {
			color: #000;
		}
			.box-news-txt a:hover {
				text-decoration: underline !important;
			}

.container-blog {
	margin-top: 80px;
}
.fnt-category {
	font-size: 12px;
	margin-top: 10px;
}
	.fnt-category a {
		color: #333;
		font-weight: normal;

	}
	.fnt-title {
		color: #000;
	}
		.fnt-title:hover {
			color: #000;
			text-decoration: underline !important;
		}

	.fnt-p {
		color: #6b6b6b;
	}
	.first-news-txt {
		box-shadow: 0 8px 25px 0 rgba(0,0,0,.06);
		padding: 20px;
		background: #fff;
	}

.img-article-category {
	height: 250px;
	overflow-y: hidden;
	background: #fff;
}


@media (max-width: 767px) {
	.home-title-job {
		margin-top: 0px;
	    float: none;
	    font-size: 12px;
	}

	.slideshow {
		height: auto;
	}

	.box-header-menu, .box-header-account {
		display: none;
	}

	.box-header-account {
	    position: absolute;
	    top: 89px;
	    z-index: 9999;
	    left: calc(50% - 60px);
	}

	.box-header-menu {
		display: none;
	    position: absolute;
	    top: 70px;
	    z-index: 9999;
	    background: #9c27b0;
	    width: 100%;
	    left: 0px;
	    padding-left: 0px;
	    padding-bottom: 15px;
	}
	.box-header-menu ul {
		padding-left: 0px;
		margin-top: 75px;
	}

	.box-header-menu ul.submenu {
		margin-top: -35px;
	    left: 10px;
	    width: 100%;
	    position: relative;
	    background: #6a2076;		
	}
	.box-header-menu ul li {
		display: block;
		text-align: center;
	}
	.box-header-menu a {
		padding: 0px 10px;
	}
	.cls-title {
		font-size: 32px;
	}
	.bsj-title {
		font-size: 17px;
	}
}