/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Nunito Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans Regular'), url('fonts/NunitoSans-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Nunito Sans ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans ExtraLight'), url('fonts/NunitoSans-ExtraLight.woff') format('woff');
    }

    @font-face {
    font-family: 'Nunito Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans Light'), url('fonts/NunitoSans-Light.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Nunito Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans SemiBold'), url('fonts/NunitoSans-SemiBold.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Nunito Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans Bold'), url('fonts/NunitoSans-Bold.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Nunito Sans ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans ExtraBold'), url('fonts/NunitoSans-ExtraBold.woff') format('woff');
    }

    @font-face {
    font-family: 'Nunito Sans Black';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans Black'), url('fonts/NunitoSans-Black.woff') format('woff');
    }
    

@font-face {
  font-family: "Poppins";
  src: url('../assets/fonts/poppins/Poppins-Regular.ttf');
}
@font-face {
  font-family: "Poppins Light";
  src: url('../assets/fonts/poppins/Poppins-Light.ttf');
}
@font-face {
  font-family: "Poppins Medium";
  src: url('../assets/fonts/poppins/Poppins-Medium.ttf');
}
@font-face {
  font-family: "Poppins Semibold";
  src: url('../assets/fonts/poppins/Poppins-SemiBold.ttf');
}
@font-face {
  font-family: "Poppins Bold";
  src: url('../assets/fonts/poppins/Poppins-Bold.ttf');
}
@font-face {
  font-family: "Poppins Extra Bold";
  src: url('../assets/fonts/poppins/Poppins-ExtraBold.ttf');
}
@font-face {
  font-family: "Poppins Black";
  src: url('../assets/fonts/poppins/Poppins-Black.ttf');
}



body,
.btn {
    font-family: 'Poppins';
   font-size: .88rem;
}
@media (max-width:767px){
	body {
		font-size: 14px;
	}	
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito Sans ExtraBold';
	font-weight:normal;
}
.p-0 {
    padding: 0 !important;
}
html body .p-l-30 {
    padding-left: 30px;
}
.color-table.info-table thead th {
    background-color: #1976d2 !important;
    font-family: 'Nunito Sans SemiBold';
}
.color-table.info-table thead .sorting:after{
	color: #fff;
}

.m-b-200 {
	*margin-bottom: 300px;
	*margin-bottom: 100px;
}
.w-150 {
	width: 150px !important;
}
.w-120 {
	width: 120px !important;
}
.w-100 {
	width: 100px !important;
}
.m-w-950 {
	/*max-width: 950px;
	margin: 0 auto;*/
}
.min-w-btn{
	min-width: 80px;
	text-align: center;
}

/*.topbar {
    background: #124789;
}
.topbar .navbar-header {
    background: #124789;
}*/
.topbar .profile-pic {
    height: 30px;
    object-fit: cover;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {    
    font-family: 'Poppins' !important;
    color: #3E4149 !important;
}
.topbar .navbar-light .navbar-nav .nav-item.active > a.nav-link span{    
    position: relative;
}
/*.topbar .navbar-light .navbar-nav .nav-item.active > a.nav-link span:after {
    position: absolute;
    background: #095BC7 none repeat scroll 0 0;
    bottom: -7px;
    content: " ";
    height: 2px;
    left: 0;
    margin-left: 0;
    width: 18px;
}*/
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover span, 
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus span{
	/*border-bottom: 2px solid #095BC7;*/
}
.topbar .navbar-light .navbar-nav .nav-item:last-child > a.nav-link:hover span, 
.topbar .navbar-light .navbar-nav .nav-item:last-child > a.nav-link:focus span{
	border-bottom: 0;
}

.topbar .navbar-light .navbar-nav .nav-item.menu-daftar a,
.topbar .navbar-light .navbar-nav .nav-item.menu-masuk a{
    line-height: normal;
    color: #fff !important;
    border-radius: 10px;
    margin-top: 14px;
    padding: 7px 20px !important;
    line-height: 19px;
}
.topbar .navbar-light .navbar-nav .nav-item.menu-daftar a{
	background-color: #EC3232;
}
.topbar .navbar-light .navbar-nav .nav-item.menu-masuk a{
	background-color: #0ED56B;
	margin-left: 10px;
}
.topbar .navbar-light .navbar-nav .nav-item.menu-daftar a span,
.topbar .navbar-light .navbar-nav .nav-item.menu-daftar a i,
.topbar .navbar-light .navbar-nav .nav-item.menu-masuk a span,
.topbar .navbar-light .navbar-nav .nav-item.menu-masuk a i  {
    color: #fff !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link i{
	width: 25px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
.topbar .navbar-light .navbar-nav .nav-item > .nav-link .input-group{
	/*margin-top: 2%;*/
	margin-top: 1%;
}
.topbar .navbar-light .navbar-nav .nav-item > .nav-link .input-group-addon {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-right: 0;
    font-size: 14px;
    padding-right: 0;
}
.topbar .navbar-light .navbar-nav .nav-item >.nav-link input{
	border: 1px solid rgba(0,0,0,.15) !important;
    border-left: 0 !important;
    font-size: 14px;
    color: #495057;
    font-weight: 300;
    /*min-width: 500px;*/
    min-width: 350px;
}
.topbar .navbar-light .navbar-nav .nav-item >.nav-link input:focus{
	border: 0;
 }
 .right-sidebar .rpanel-title {
    background: #fff !important;
    color: #124789 !important;
    border-bottom: 2px solid #124789;
    margin: 0 10px;
}
.right-sidebar .rpanel-title span {
    margin-top: 3px;
}
.page-wrapper {
    background: #f5f6fa;
}
.page-titles{
    padding: 3em 1em;
}
.page-title-out {
	background-image: url('../assets/img/title.png');
	background-size: cover;
    background-position: left;
}
.page-title-out h3.judul {
	color: #FFFFFF;
    font-family: "Poppins Bold" !important;
    font-size: 24px !important;
}
.page-titles .breadcrumb li,
.page-titles .breadcrumb li a,
.page-titles .breadcrumb .breadcrumb-item.active {
	color: #fff;
	font-family: "Poppins" !important;
}
.mt-title-bursa{
	margin-top: 40px;
}

@media (max-width:767px){
	.page-title-out img{
		width: 100%;
	}
	.page-titles {
	    padding: 1.5em 1em 3.6em;
	}
	.page-titles h3 {
	    font-size: 16px !important;
	}
	.page-titles .breadcrumb {
	    font-size: 12px !important;
	}
	.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	    font-size: 8px !important;
	}

	.mt-title-bursa {
	    margin-top: -2em;
	}
}

/*CSS Footer*/
	.footer .container-fluid {
		padding-bottom: 1% !important
	}
	.footer .bawah {
		background: transparent;
		/*border-top: 1px solid #d8d8d8;*/
		color: #fff;
		font-size: 12px;
		font-family: "Poppins Light";
		padding-top: .8em;
    	padding-bottom: .8em;
	}
	.footer .bawah span {
		font-family: "Poppins" !important;
	}
	.footer p {
		color: #fff;
		margin-bottom: 0.4em;
	}
	.footer span {
		margin-left: 0.4em;
	}
	.footer .input-group-addon{
		background-color: #3884d7;color: #fff;border: 0;
	}
	footer .footer-info {
		margin-bottom: 2%;
	}
	footer .footer-info h3{
		position: relative;
		color: #fff;
    	font-family: "Poppins Bold";
		font-size: 18px;
		line-height: 30px;
    	margin-bottom: 1.6em;
	}
/*	footer .footer-info h3:after {
	    position: absolute;
	    background: #095BC7 none repeat scroll 0 0;
	    bottom: -7px;
	    content: " ";
	    height: 2px;
	    left: 0;
	    margin-left: 0;
	    width: 26px;
	}*/
	footer .footer-info h4 {
		color: #444647;
		font-weight: 600;
	}
	footer .footer-info {
		color: #3a3a3a;
	}
	footer .footer-info .tlp{
			margin-top:15; 
			margin-bottom:15px;
	}
	footer .footer-info .link-terkait a{
		display: block;
		font-family: "Poppins Light" !important;
		line-height: 2;
		color: #fff;
	}
	footer .footer-info .link-terkait a .fa{
		color: #fff;
		font-size: 10px !important; 
		margin-right: .5em;
	}

/*Css Footer*/

.topbar ul.dropdown-user li .dw-user-box .u-img img {
    height: 85px;
    object-fit: contain;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/*Warna-warna*/
	ul#gmembertopcolors{
	    display:block
	}
	ul#gmembertopcolors li{
	    display:inline-block
	}
	ul#gmembertopcolors li:first-child{
	    display:block
	}
	ul#gmembertopcolors li a{
	    width:50px;
	    height:50px;
	    display:inline-block;
	    margin:5px;
	    color:transparent;
	    position:relative
	}
	ul#gmembertopcolors li a.working:before{
	    content:"\f00c";
	    font-family:"FontAwesome";
	    font-size:18px;
	    line-height:50px;
	    width:50px;
	    height:50px;
	    position:absolute;
	    top:0;
	    left:0;
	    color:#ffffff;
	    text-align:center
	}

	.top-default{
	    background:#124789;
	}
	.top-tosca{
	    background:#127588;
	}
	.top-redbata{
	    background:#98171c;
	}
	.top-ungu{
	    background:#a74075;
	}
	.top-orange{
	    background: #e3832f;
	}
	.top-ungu2{
	    background:#643e71;
	}
	.top-hijau{
	    background:#3e5871;
	}
	.top-hijau2 {
		background: #316558;
	}
	.top-abu {
		background: #343e3d;
	}

	ul#gmemberbodycolors{
	    display:block
	}
	ul#gmemberbodycolors li{
	    display:inline-block
	}
	ul#gmemberbodycolors li:first-child{
	    display:block
	}
	ul#gmemberbodycolors li a{
	    width:50px;
	    height:50px;
	    display:inline-block;
	    margin:5px;
	    color:transparent;
	    position:relative
	}
	ul#gmemberbodycolors li a.working:before{
	    content:"\f00c";
	    font-family:"FontAwesome";
	    font-size:18px;
	    line-height:50px;
	    width:50px;
	    height:50px;
	    position:absolute;
	    top:0;
	    left:0;
	    color:#6c6c6c;
	    text-align:center
	}
	.body-default {
	    background:#f7f7f7;
	}
	.body-tosca{
	    background:#e8f6f7;
	}
	.body-redbata{
	    background:#f8eeed;
	}
	.body-ungu{
	    background:#f8ebf2;
	}
	.body-orange{
	    background: #f8f3ed;
	}
	.body-ungu2{
	    background:#f9f2f9;
	}
	.body-hijau{
	    background:#f0f8fa;
	}
	.body-hijau2 {
	    background: #f2f8f4;
	}
	.body-abu {
	    background: #f3f8f4;
	}
/*Selesai Warna*/

/*Style Login*/
	.judul-login {
		color: #fff;
		text-align: center;
		margin-top: 36%;
		padding-left: 10%;
		padding-right: 10%;
	}
	.login-register .judul-login h3{
		font-family:'Viga Regular' !important;
		color: #fff;
		font-size: 32px;
		margin-bottom:3%;
	}
	.login-register .judul-login h1{
		font-family:'Viga Regular' !important;
		color: #fff;
		font-size: 55px;
		margin-bottom: 5%;
	}
	.login-hrms {
		margin-bottom: 0; background-color: transparent;
		box-shadow: none !important;
		border: none; padding-top: 6%;
	}
/*Style Login Finish*/

/* Start CSS Left Sidebar*/
	.leftbar .list-group .list-group-item {
	    border-right: 0px;
	    border-left: 0px;
	    border-radius: 0px;
	    border-color: #ededed !important;
	}
	.leftbar .list-group .list-group-item:last-child {
		border-bottom: 0;
	}
	.leftbar .list-group .list-group-item a {
	    color: #6c6c6c;
	    display: block;
	}
	.leftbar .list-group .list-group-item a .mdi{
		margin-right: .4em;
	}
	.leftbar .list-group .list-group-item a .mdi img{
		margin-top: -2%;
		max-width: 20px;
	}
	.leftbar .list-group .list-group-item.active, 
	.leftbar .list-group .list-group-item:hover {
	    background: #fff !important;
	    border-left: 0.4em solid #1976d2 !important;
	    padding-left: 14px;
	}

	.leftbar .d-flex {
		padding:10px 20px 20px 20px;
	}
	.leftbar .d-flex .foto-user img {
	    width: 60px;
	    height: 60px;
	    object-fit: cover;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.leftbar .d-flex h4 {
		margin-top: 5px;
		margin-bottom: 0.1em;
		text-transform: capitalize;
	}
	.leftbar .d-flex img {
		width: 20px;
	}

	.leftbar.lowker-side .form-group:first-child,	
	.leftbar.lowker-side .form-group.pertama {
	    margin-top: 2em;
	}
	.leftbar.lowker-side .form-group {
	    margin-bottom: 1em;
	}
/* Finish CSS Left Sidebar*/


/* Start CSS Right Sidebar*/
	.img-circle-100 {
		border-radius: 50%;
		width: 100px;
		height: 100px;
		object-fit: contain;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.img-circle-200 {
		border-radius: 50%;
		width: 200px;
		height: 200px;
		object-fit: contain;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.rightbar .info-karir {
		padding: 2% 5%;
		text-align: left;
		font-size: 16px;
		color: #136edc;
		font-weight: 400;
	}
	.rightbar .info-karir td {
		vertical-align: middle;
		padding: 7px 5px;
	}
	.rightbar .info-karir .col-2,
	.rightbar .info-karir .col-10 {
		padding-top: 5px !important;
	}
	.rightbar .info-karir .col-10 {
		padding-left: 7px;
	}
	.rightbar .card-title {
		text-transform: capitalize;
	}

/* Finish CSS Right Sidebar*/

/*CSS Beranda*/ 
	
	.judul-widget .widget-title {
	    position: relative;
	    font-family: 'Nunito Sans ExtraBold';
	    color: #121212;
	    font-size: 24px;
	    line-height: 30px;
	    margin-bottom:10px;
	}
	.judul-widget .widget-title:after {
	    position: absolute;
	    background: #095BC7 none repeat scroll 0 0;
	    bottom: -7px;
	    content: " ";
	    height: 2px;
	    left: 0;
	    margin-left: 0;
	    width: 26px;
	}
	.leftbar .judul-widget .widget-title {
	        font-size: 21px;
	}
	@media (max-width:767px){
		.judul-widget .widget-title,
		.leftbar .judul-widget .widget-title  {
		    font-size: 19px;
		}
	}


	.card-info-bursa.card-info-bursa-admin{
		margin-bottom: 0;
	}
	.card-info-bursa table{
		margin-bottom: 0;
	}
	.card-info-bursa table td{
    	vertical-align: middle;
		border-top:0;
    	padding-top: 0;
    	padding-bottom: 0;
	}
	.card-info-bursa table td:first-child{
		border-right: 1px solid #e9ecef;
		width: 20%;
		padding-right: 1.7em;
	}
	.card-info-bursa.card-info-bursa-admin table td:first-child{
		padding-right: 1em;
	}
	.card-info-bursa table td:last-child{
		padding-left: 1.7em;
	}
	.card-info-bursa.card-info-bursa table td:last-child {
	    padding-right: 0;
	}
	.card-info-bursa table td img{
		height: 3em;
		width: auto;
	}
	.card-info-bursa.card-info-bursa-admin table td img {
	    height: 2em;
	}
	.card-info-bursa table h2{
    	font-family: 'Nunito Sans ExtraBold';
    	margin-bottom: 0;
		color: #095BC7;
		font-size: 34px;
    	line-height: 40px;
	}
	.card-info-bursa table p{
		margin-bottom: 0;
		color: #121212;
	}

	.customtab2.tab-beranda-bursa li a.nav-link {
		font-family: 'Nunito Sans ExtraBold';
	    font-size: 17px;
	    font-weight: normal;
	}

	.card.list-pengumuman {
		box-shadow: 0px 0px 20px 0px #0000000D !important;
	    border-radius: 5px !important;
	    border-bottom: 0 !important;
	    margin-bottom: 0em;
	    padding-bottom: .5em;
	    padding-top: 0;
	    margin-bottom: 30px !important;
	}
	.card.list-pengumuman:first-child{
		border-top-left-radius: 10px !important;
		border-top-right-radius: 10px !important;
	}
	.card.list-pengumuman:last-child{
		border-bottom-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	    border-bottom:0 !important;
	}
	.card.list-pengumuman .card-body{
		padding-bottom: 0;
	}
	.card.list-pengumuman .card-title{
		color: #121212;
	}
	.card.list-pengumuman .card-subtitle{
    	font-family: 'Nunito Sans Regular';
		color: #8A8A8A;
		margin-bottom: 1em;
	}
	.card.list-pengumuman .card-text{
		color: #8A8A8A;
	}
	.card.list-pengumuman .card-footer{
		border-top: 0;
	    border-radius: 0 !important;
	}

	.detail-pengumuman .card-text{
		color: #8A8A8A;
	}
	.detail-pengumuman .table td{
		border-top: 0;
		vertical-align: middle;
	}
	.detail-pengumuman .table td:first-child{
		padding-left: 0;
	}

	.card.list-lowker {
		box-shadow: none !important;
	}
	.card.list-lowker:last-child {
		margin-bottom: 0;
	}
	.card.list-lowker .card-body {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.card.list-lowker .table {
	    margin-bottom: 0;
	}
	.card.list-lowker .table td{
		padding: 0;
		border:0;
		vertical-align: middle;
	}
	.card.list-lowker .table td .card-text i{
		color: #30a9f9;
		margin-right: 7px;
		font-size: 13px;
	}
	.card.list-lowker .gambar {
		width: 150px;
		padding-right: 20px !important;
		padding-left: 0;
	}
	.card.list-lowker .gambar img {
		width: 100%;
		height: 150px;
		object-fit: contain;
		border: 1px solid rgba(0,0,0,.15);
    	border-radius: 10px;
	}
	.card.list-lowker .card-title{
		text-transform: capitalize;
	}
	.card.list-lowker .card-subtitle {
	    margin-bottom: 8px;
	    font-family: 'Nunito Sans Regular';
	    text-transform: uppercase;
	}
	.card.list-lowker .card-text img {
		width: 15px;
	    height: 17px;
	    object-fit: contain;
	    margin-right: 5px;
	}
	.card.list-lowker .card-body .btn {
		font-size: 14px;
	}
	.card.list-lowker .card-footer {
	    background-color: transparent !important;
	    border-radius: 0 !important;
	    text-align: right !important;
	    float: right;
	    width: 87%;
	    margin-left: 13%;
	    margin-top: -70px;
	    border-top: 1px solid #EFEFEF;
	    color: #8D9296;
	}
	.card.list-lowker .card-footer .fa {
		margin-right: 5px;
		color: #8D9296 !important;
	}
	.card.list-lowker .card-footer span:last-child{
		margin-left: 3em;
	}
	.card.list-lowker .card-footer a{
		color: #404852;
	}
	.card.list-lowker .card-footer a:last-child{
		margin-left: 1.5em;
	}

	.card.list-lowker .detail-lowker{
		border-top: 1px solid rgba(0,0,0,.125) !important;
	    margin-top: 2em;
	    padding-top: 2.2em;
	    /*padding-bottom: 1em;*/
	}
	.card.list-lowker .detail-lowker td:first-child {	    
		width: 40px;
	}
	.card.list-lowker .detail-lowker dl, 
	.card.list-lowker .detail-lowker ol, 
	.card.list-lowker .detail-lowker ul {
	    padding-inline-start: 15px;
	}
	@media (max-width:767px){
		.card-info-bursa table td:first-child {
		    width: 23%;
		    padding-right: 1.4em;
		    padding-left: 0;
		    text-align: center;
		}
		.card-info-bursa table td:last-child{
			padding-left: 1.4em;
		}
		.card-info-bursa table td img {
		    height: 2.4em;
		}
		.card-info-bursa table h2 {
		    font-size: 24px;
		    line-height: 30px;
		}

		.card.list-pengumuman .card-title {
		    font-size: 15px;
		}
		.card.list-pengumuman .card-subtitle {
		    font-size: 13px;
		}
		.card.list-pengumuman .card-text {
		    font-size: 12px;
		}

		.card.list-lowker h4.card-title {
		    font-size: 15px;
		}
		.card.list-lowker .detail-lowker {
		    margin-top: 1.5em;
		    padding-top: 1.5em;
		    font-size: 12px;
		}		
		.card.list-lowker .card-text:last-child {
		    margin-bottom: 0;
		    font-size: 12px;
		}
		.card.list-lowker .card-footer span,
		.card.list-lowker .card-footer a{
			display: inline-block;
	    	font-size: 11px;
		}
		.card.list-lowker .card-footer span:last-child {
		    margin-left: 0;
		}
		.card.list-lowker .btn:first-child{
			margin-top: 1em;
		}
		.card.list-lowker .detail-lowker td:first-child {
		    width: 30px;
		}
		.card.list-lowker .detail-lowker h2 {
		    font-size: 20px;
		}	  
		.card.list-lowker .detail-lowker h3 {
		    font-size: 18px;
		}
	}
/*CSS Beranda Selesai*/


.info-berandasaya .menu-atas {
	margin-top: 1%;
}
.info-berandasaya .menu-atas a{
	border: 1px solid rgba(141, 141, 141, 0.7);
	color: rgb(141, 141, 141);
	color: *#6c6c6c;
	padding: 5px 10px;
	margin-left: 5px;
	border-radius: 10px;
	font-size: 12px;
}

.abu-abu .card-header{
	background-color: #f9fbfb;
	border-bottom: 1px solid #f1f1f1;
	color: #424443;
}
.abu-abu .card-header h4 {
	margin-bottom: 0;
}
.abu-abu .form-group {
	margin-bottom: 0;
}
.abu-abu .form-group .form-control{
	margin-bottom: 25px;
}

.postingan {
	border-radius: 10px !important;
	border: 1px solid rgb(232, 232, 232, 0.5) !important;
}
.postingan .card-header{
	background-color: #f9fbfb;
	border-bottom: 1px solid #f1f1f1;
	color: #444444;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.postingan .card-body {
	padding: 0;
}
.postingan .card-body .form-control{
	padding: 1.25rem;
	border: 0;
}
.postingan .card-body textarea::-webkit-input-placeholder {
	color: rgba(219, 210, 210,1);
}
.postingan .card-body textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(219, 210, 210,1);
}
.postingan .card-body textarea::-moz-placeholder {  /* Firefox 19+ */
 color: rgba(219, 210, 210, 1);
}
.postingan .card-body textarea:-ms-input-placeholder {
  color: rgba(219, 210, 210, 1);
}
.postingan .card-body textarea::placeholder {
  color: rgba(219, 210, 210, 1);
}
.postingan .card-body textarea:focus {
  font-size: 18px;
}
.postingan .card-footer {
	background-color: #ffffff;
	border-top: 1px solid #f2f2f2;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mypost .card-header{
	background-color: #fff;
	border: 0;
	padding-bottom:0;
}
.mypost .card-header img{ 
	width: 50px;
	height: 50px;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.mypost .card-body{
	*padding:0;
	padding-bottom: 1.25rem;
	padding-top: .75rem;
}
.mypost .card-body img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	*padding-top: .75rem;
}
.mypost .card-body h1 {
	font-weight: 800;
	margin-top: 25px;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.mypost .card-body h2 {
	font-weight: 800;
	margin-top: 10px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.mypost .card-body a .m-b-1{
	margin-bottom: 1%;
}
.mypost .card-body p{
	*padding-left: 1.25rem;
	*padding-right: 1.25rem;
	*padding-top: 1.25rem;
	line-height: 1.7;
	text-align: justify;
} 
.mypost .card-body a p,
.mypost .card-body p a{
	color: #67757c;
}
.mypost .card-header .d-flex .notify .point {
    width: 15px;
    height: 15px;
    border-radius: 0;
    background-color: transparent;
    position: absolute;
    right: -10px;
    top: 0;
    background-size: 100% 100%;
}
.mypost .card-header .d-flex h4{
	margin-top: 5%;
}

.info-berandasaya table td {
	padding:8px;
}
.info-berandasaya .table {
	margin-bottom: 0;
}
.info-berandasaya .table td, 
.info-berandasaya .table th {
	border: 0;
	vertical-align: middle;
}

.data-pendukung {
	padding-bottom: 0;
}
.data-pendukung .row .col-md-3 .card{
	border-radius: 0;
	border: 1px solid #d8d8d8;
}
.data-pendukung .card-body {
	padding: 0;
}
.data-pendukung .card-body a img{
	width: 100%;
	height: 180px;
	object-fit: contain;
	cursor: zoom-in;
} 
.data-pendukung .row .col-md-3 .card-footer{
	background-color: #fff;
}

.show-profil {
	padding-bottom: 0;
}
.show-profil .card{
	border-radius: 0;
	border: 1px solid rgba(216,216,216,0.5) !important;
}
.show-profil .card-body {
	padding: 0;
}
.show-profil .card-body a img{
	width: 100%;
	height: 180px;
	object-fit: contain;
	cursor: zoom-in;
} 
.show-profil .card-footer{
	background-color: #fff;
}

.riwayat-jabatan {
	margin-bottom: 3%;
}
.riwayat-jabatan h4 {
	margin-top: 7%;
	font-weight: 600;
}
.riwayat-jabatan h3 {
	font-weight: 800;
	margin-bottom: 0;
}
.riwayat-jabatan .text-right {
	margin-top: 3%;
}
.riwayat-gaji .justify-content-md-center .col-lg-5 .input-group-addon {
	background-color: #fff;
	padding-top: 14px;
	padding-bottom: 14px;
	border-radius: 12px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.riwayat-gaji .justify-content-md-center .col-lg-5 input{
	border-left: 0;padding-left: 0;text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	border-radius: 12px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.abu-abu .riwayat-gaji .form-group .form-control{
	margin-bottom: 0;
}
.riwayat-gaji .border-bawah {
	border-bottom:1px solid rgba(0,0,0,.1);
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
.riwayat-gaji .border-bawah:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom: 1rem;
}

.rincian-gaji label {
	margin-top: 0.5em;
	color: #363636;
}
.rincian-gaji input::-webkit-input-placeholder {
	text-align: right;
	font-weight: 500;
	font-size: 18px;
	color: #363636;
}
.rincian-gaji input:-moz-placeholder { /* Firefox 18- */
  text-align: right;
	font-weight: 500;
	font-size: 18px;
	color: #363636;
}
.rincian-gaji input::-moz-placeholder {  /* Firefox 19+ */
 text-align: right;
	font-weight: 500;
	font-size: 18px;
	color: #363636;
}
.rincian-gaji input:-ms-input-placeholder {
  text-align: right;
	font-weight: 500;
	font-size: 18px;
	color: #363636;
}
.rincian-gaji input::placeholder {
  text-align: right;
	font-weight: 500;
	font-size: 18px;
	color: #363636;
}
.rincian-gaji .form-group .input-group-addon {
	background-color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}
.rincian-gaji input{
	border-left: 0;
}
.rincian-gaji .card {
    box-shadow: none !important;
}
.rincian-gaji .card-header {
    background-color: #78ddfb;
    border-radius: 0;
}
.rincian-gaji .card-header h4 {
    color: #fff;
}
.rincian-gaji .card-header a {
    color: #fff;
}
.rincian-gaji .card-body {
	padding: 0px 0;
}

.total-gaji {
	background-color: #2e87cb;
	margin-left: 0;
	margin-right: 0;
}
.total-gaji label {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.total-gaji .input-group-addon {
	background-color: transparent !important;
	color: #fff;
	border: 0;
    font-weight: 600;
}
.total-gaji input,
.total-gaji input:focus{
	border: 0;
	background-color: transparent;
	color: #fff;
    font-weight: 600;
}
.total-gaji input::-webkit-input-placeholder {
	color: #fff;
    font-weight: 600;
}
.total-gaji input:-moz-placeholder { /* Firefox 18- */
	color: #fff;
    font-weight: 600;
}
.total-gaji input::-moz-placeholder {  /* Firefox 19+ */
	color: #fff;
    font-weight: 600;
}
.total-gaji input:-ms-input-placeholder {
  	color: #fff;
    font-weight: 600;
}
.total-gaji input::placeholder {
	color: #fff;
    font-weight: 600;
}
.rincian-gaji .form-control:disabled, 
.rincian-gaji .form-control[readonly] {
    background-color: transparent;
    cursor: no-drop;
    opacity: 0.9;
}
.template-cv img {
	width: 100%;
	border: 1px solid #eaeaea;
	padding: 10px;
	cursor: zoom-in;
}
.template-cv button {
	background-color: #979797;
	border-radius: 7px;
	border: 0;
	padding: 5px 20px;
	margin: 5% auto 5%;
	color: #fff;
}


/*Hero section beranda*/
.hero-beranda {
	display: none;
}
.title-hero {
	font-family: "Poppins Bold";
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
/*Hero section beranda*/


/*CSS To Mobile Device*/
@media (max-width:767px){
	.m-b-200 {
	    /*margin-bottom: 500px;*/
	}
	.topbar ul.dropdown-user li a {
	    padding: 0px 15px !important;
	}
	.topbar ul.dropdown-user li a .mdi img{
		margin-top: -2%;
	    max-width: 20px;
	    margin-right: .4em;
	}

	.logo-mobile img {
		max-width: 170px;
	}
	.mypost .card-body img {
	    height: 170px;
	}

	.mypost .card-body h1 {
		margin-top: 15px;
	    margin-bottom: 0px;
	    text-transform: capitalize;
	    font-size: 20px;
	}	
	.mypost .card-body h2 {
	    font-size: 18px;
	}
	.mypost .card-body a .m-b-1{
		margin-bottom: 5%;
	}

	.search-box .app-search input {
	    margin-top: 16%;
	}
	.search-box .app-search .srh-btn {
	    margin-top: 16%;
	}

	footer .footer-info {
		margin-top: 5%;
		margin-bottom: 7%;
	}
	footer .footer-info h3 {
	    font-size: 16px;
	    font-weight: 600;
	    margin-top: 5%;
	    margin-bottom: 0.3em;
	}
	footer .footer-info .tlp{
		margin-top:0; 
		margin-bottom:0.5em;
	}
	.footer .bawah {
	    font-size: 12px;
	    padding-top: 5%;
	}
	footer .container-fluid {
		padding-bottom: 15px;
	}

	.judul-login {
	    margin-top: 10%;
	    margin-bottom: 10%;
	}
	.login-register .judul-login h1 {
		font-size: 30px;
	}
	.login-register .judul-login h3 {
	    font-size: 20px;
	    margin-bottom: 1%;
	}

	.riwayat-jabatan .text-right {
	    margin-top: 9%;
	}
	.riwayat-jabatan h4 {
	    margin-top: 5%;
	    margin-bottom: 1%;
	}
	.riwayat-jabatan h4 {
		    font-size: 16px;
	}
	.riwayat-jabatan h3 {
	    font-size: 18px;
	}
	.riwayat-jabatan .text-center {
	    text-align: left !important;
	}

	.data-pendukung .col-sm-6{
		width: 50%;
	}
	.data-pendukung .card-body a img {
	    height: 100px;
	}
	.data-pendukung .row .col-md-3 .card-footer {
	    padding: 5px;
	}
}

@media (max-width:767px){
	.d-m-center,
	.d-m-center .card.list-lowker .gambar {
		text-align: center;
		width: 100% !important;
	}
	.d-m-center .card.list-lowker{
		text-align: center;
	}
    .table-desk-perusahaan td {
        display: block;    
        padding-top: 0 !important;
    }
    .table-desk-perusahaan h3 {
        font-size: 15px;
    }
}

/*CSS To Tab/ Ipad Device*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.mypost .card-body img {
	    height: 250px;
	}

	.mypost .card-body h1 {
		margin-top: 15px;
	    margin-bottom: 0px;
	    text-transform: capitalize;
	    font-size: 24px;
	}
	.mypost .card-body h2 {
	    font-size: 20px;
	}

	.topbar .navbar-light .navbar-nav .nav-item > .nav-link input {
	    min-width: 0;
	}
	.topbar .navbar-light .navbar-nav .nav-item > .nav-link .input-group {
	    margin-top: 3%;
	}

	footer .container-fluid {
	    padding-bottom: 10px;
	}
	.footer .bawah {
	    padding-top: 10px;
	}
	.footer-info .logo-footer img {
		width: 100%;
	}
	footer .footer-info h3 {
    	font-size: 16px;
    }
    footer .footer-info h4 {
    	font-size: 14px;
	}
	.footer .bergabung {
		font-size: 14px;
	}

	.rightbar .card-body {
		padding-left: 15px;
		padding-right: 15px;
	}
	.rightbar .info-karir {
	    font-size: 14px;
	    padding: 0% 3%;
	}
	.rightbar .info-karir .col-2 img{
		width: 20px;
	}
	.rightbar .info-karir .col-10 {
		padding-left: 4px;
	}

	.leftbar .list-group .list-group-item a {
	    font-size: 14px;
	}

	.login-register .judul-login h3 {
		font-size: 22px;
	}
	.login-register .judul-login h1 {
	    font-size: 35px;
	}
	.judul-login p {
		font-size: 14px;
	}
	.judul-login {
	    margin-top: 55%;
	}

	.abu-abu .card-body label,
	.abu-abu .card-body .form-control-static {
		font-size: 14px;
	}

	.riwayat-jabatan {
		font-size: 14px;
	}
	.riwayat-jabatan h4 {
	    font-size: 14px;
	}
	.riwayat-jabatan h3 {
		font-size: 18px;
	}
	.riwayat-jabatan .text-right {
	    font-size: 14px;
	}
	.data-pendukung .card-body a img {
	    height: 100px;
	}
	.data-pendukung .row .col-md-3 .card-footer {
	    padding: 5px 7px;
	}
	.total-gaji label {
	    font-size: 16px;
	}
}
@media only screen and (min-width: 1024px) { 
	.laptop-hide {
		display: none;
	}
}
/*CSS To Laptop Device*/
/*@media only screen and (min-width: 1380px) and (max-width:1599px) {*/
@media only screen and (min-width: 1390px) {
	.login-hrms {
		padding-top: 17%;
	}
	.judul-login {
    	margin-top: 44%;
    }
}
@media only screen and (min-width: 1600px) {
	.login-hrms {
		padding-top: 22%;
	}
	.judul-login {
    	margin-top: 47%;
    }
}

.btn-cari {
	border-radius: 5px !important;
	background: #2FC77F !important;
	border-color: #2FC77F !important;
	color: #fff !important;
	font-family: "Poppins Light" !important;
	font-size: 11px !important;
	width: 100% !important;
}

.fcari {
	background-image: url(../assets/img/c1.svg) !important;
	background-repeat: no-repeat;
	background-position: 15px center;
}

.fmap {
	background-image: url(../assets/img/c2.svg) !important;
	background-repeat: no-repeat;
	background-position: 15px center;
}

.fkejuruan {
	background-image: url(../assets/img/c3.svg) !important;
	background-repeat: no-repeat;
	background-position: 15px center;
}

.logo-footer1 {
	border-radius: 0px 0px 10px 10px;
	background: #FFF;
	display: block;
	text-align: center;
	justify-content: center;
	padding: 20px 0;
	margin-top: -27px;
	width: 80% !important;
}

.kontak-footer tr td {
	color: #fff !important;
	padding-bottom: 7px;
}

.box-list {
	position: relative;
	left: 50%;
	padding-top: 70px !important;
	padding-bottom: 70px !important;
	margin-left: -50vw;
	width: 100vw !important;
	max-width: 100vw !important;
	background: url(../assets/img/bg2.png) !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.img-loker {
	height: 64px;
	width: 64px;
	border-radius: 5px;
	background: #FFF;
	display: flex;
	justify-items: center;
	text-align: center;
	justify-content: center;
}

.img-loker img {
	width: 70%;
}


@media (min-width: 1200px) {
	.container {
	    max-width: 1240px !important;
	}
}

.title-lkr {
	color: #FFF;
	font-family: "Poppins Bold";
	font-size: 36px;
	font-style: normal;
}

.p-lkr {
	color: #FFF;
	font-family: "Poppins";
	font-size: 18px;
	font-style: normal;
}

.title-section {
	color: #153A89;
	font-family: "Poppins Bold";
	font-size: 24px;
	font-style: normal;
}

.title-section a {
	color: #1967BE;
	font-family: "Poppins";
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	float: right;
}

.card-berita {

}

.img-post {
	width: 100%;
	height: 240px;
	object-fit: cover;
	background-position: center center;
	border-radius: 5px 5px 0 0;
}

.img-post-detail {
	width: 100%;
	height: 500px;
	object-fit: cover;
	background-position: center center;
	border-radius: 5px;	
}

.date-post {
	font-family: "Poppins";
	font-size: 12px;
	color: #8D9296;
	padding-left: 25px;
	background-image: url(../assets/img/tgl.svg);
	background-position: left center;
	background-repeat: no-repeat;
}

.post-title {
	font-family: "Poppins Bold";
	font-size: 18px;
	color: #000;
}

.detail-post-title {
	font-family: "Poppins Bold";
	font-size: 24px;
	color: #000;
}

.short-post {
	color: #8D9296 !important;
	font-family: "Poppins Light" !important;
	font-size: 14px;
	font-style: normal;
}

.btn-post-view {
	border-radius: 5px;
	background: #F5484C !important;
	border-color: #F5484C !important;
	color: #FFF;
	font-family: "Poppins Light";
	font-size: 11px;
	font-style: normal;
	padding: 10px 30px !important;
}

.wrap-2 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;	  
}

.list-lowker {
	padding: 20px;
	border-radius: 5px !important;
	background: #FFF !important;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05) !important; 
}

.pagination>li>a {
	color: #4D4D4D !important;
	text-decoration: none !important;
	padding: 5px 10px !important;
	font-size: 16px !important;
}

.pagination > .active > a {
	color: #fff !important;
	background: #1967BE !important;
}

.card-flex {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	 display: flex !important; 
	 flex-direction: row-reverse !important; 
	 flex-wrap: wrap !important;
	 text-align: left;
	 flex-direction: row !important;
} 
.card-flex .col-md-4 {
	float: left;
}


.p_img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	background-position: center center;
	border-radius: 5px 5px 0 0 !important;
}