.lkp-settings label{
	float:left;
	font-size : 17px;
	font-weight: bold;
}

.lkp-settings .half-box{
	width : 49%;
}
.lkp-settings .left{
	float:left;
}
.lkp-settings .right{
	float:right;
}
.lkp-settings .submit-settings{
	width: 100%;
	float:left;
	padding:20px;
}
.lkp-settings-wrap{
	width: 80%;
	float:left;
}


.lkp-metabox textarea{
	width:100%;
}


/*front end*/
.message-block{
    width:100%;
    float:left;
    margin:20px 0 40px;
}

.add-button,
.dashboard-button{
	text-decoration : none;
	float:left;
	margin-right:20px;
	padding: 5px 10px;
	background : #B99036;
	color: #fff;
	cursor:pointer;
}
.konfirm-button{
	text-decoration : none;
	margin-right:20px;
	padding: 5px 10px;
	background : #B99036;
	color: #fff;
	cursor:pointer;
}

.add-registrant{
	display: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    background: #f3f3f3;
    padding: 20px;
}
.link-back{
	padding: 10px;
	color:#fff;
	text-decoration :none;
	background : #029af2;
}
.konfirm-button:hover,
.link-back:hover,
.dashboard-button:hover{
	background : #333;
	color: #fff;
}

.notif{
	padding-left: 20px;
	border-left : 5px solid green;
	background : #f3f3f3;
}

.error{
	padding-left: 20px;
	border-left : 5px solid red;
	background : #f3f3f3;
}

.lkp-event{
	width:100%;
	float:left;
	margin-bottom:40px;
}
.lkp-event .head{
	width : 100%;
	float:left;
	border:1px solid #ddd;
	border-collapse : collapse;
}
.lkp-event .row{
	width : 100%;
	float:left;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-collapse : collapse;
}

.lkp-event .head{
	background: #333;
	color :#fff;
}
.lkp-event .block4{
	width:4%;
	float:left;
	padding :5px;
}
.lkp-event .block6{
	width:6%;
	float:left;
	padding :5px;
}
.lkp-event .block8{
	width:8%;
	float:left;
	padding :5px;
}
.lkp-event .block12{
	width:12%;
	float:left;
	padding :5px;
	word-break: break-word;
}
.lkp-event .block22{
	width:22%;
	float:left;
	padding :5px;
	word-break: break-word;
}
.lkp-event .block30{
	width:30%;
	float:left;
	padding :5px;
	word-break: break-word;
}
.lkp-event .block45{
	width:45%;
	float:left;
	padding :5px;
	word-break: break-word;
}
.lkp-event .grid-block{
	width:25%;
	float:left;
	padding:5px;
	color: #222;
	word-break: break-word;
	min-height:250px;
}

.lkp-event .grid-block a:hover{
	font-color: #0b3b57;
}
.lkp-event .grid-block .entry-title{
	font-size: 20px;
	margin-bottom : 10px;
	font-weight:300;
}
.lkp-event .grid-block .trainer,
.lkp-event .grid-block .info{
	width:100%;
	float:left;
}


.lkp-event .grid-block .trainer .avatar{
	width:25%;
	float:left;
}
.lkp-event .grid-block .trainer .name{
	width:75%;
	float:right;
	font-size: 13px;
}

.view-plt-peserta,
.dl-link,
.reg-link,
.edit-link,
.del-link,
.view-link,
.cert-link,
.registrant-link{
	border-radius: 15px;
	background:#b99036;
	color:#fff;
	font-size: 0.8em;
	margin: 0 5px;
	padding: 5px;
	text-decoration:none;
	float:left;
}
.view-plt-peserta:hover,
.dl-link:hover,
.reg-link:hover,
.cert-link:hover,
.edit-link:hover,
.del-link:hover,
.view-link:hover,
.registrant-link:hover{
	background-color: #0b3b57;
	color:#fff;
}

.dl-link::before{
	font-family : 'Dashicons';
	content: "\f316";
}
.reg-link::before{
	font-family : 'Dashicons';
	content: "\f10f";
}
.cert-link::before{
	font-family : 'Dashicons';
	content: "\f118";
}
.edit-link::before{
	font-family : 'Dashicons';
	content: "\f464";
}
.del-link::before{
	font-family : 'Dashicons';
	content: "\f158";
}
.view-plt-peserta::before,
.view-link::before{
	font-family : 'Dashicons';
	content: "\f177";
}
.registrant-link::before{
	font-family : 'Dashicons';
	content: "\f307";
}

.lkp-pagination{
	clear: both;
	font-size: 14px;
	margin: 40px 0;
}
.lkp-pagination a{
	background-color: #b99036;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}

.lkp-pagination .current{
	background-color: #333;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}
.lkp-pagination a:hover{
	background-color: #0b3b57;
	text-decoration: none;
}



.single-event .entry-content{
	width:100%;
	max-width:80%;
	margin : 20px auto;
}
.review-box,
.trainer-box{
	display : block;
	position:relative;
}
.review-box .rating .row,
.trainer-box .info{
	width:49%;
	float:left;
}
.trainer-box .rating{
	width:49%;
	float:right;
}
.review-box .rating .row,
.trainer-box .rating .row,
.trainer-box .block{
	width:100%;
	float:left;
}
.review-box .rating .col,
.trainer-box .rating .col,
.trainer-box .profile,
.trainer-box .certification{
	width:49%;
	float:left;
}
.trainer-box .rating,
.trainer-box .info,
.trainer-box .certification,
.trainer-box .profile{
	padding:5px;
}

.review-box .review{
	width:100%;
	float:left;
}
.review .review-row{
	width:100%;
	float:left;
	border-bottom: 1px solid #ddd;
}
.review-row .user{
	width:30%;
	float:left;
}
.review-row .ulasan{
	width:70%;
	float:right;
}


.star-rating::before{
	font-family: 'Dashicons';
	content :'\f155';
	color: gold;
}
.star-rating-empty::before{
	font-family: 'Dashicons';
	content :'\f154';
	color: #ddd;
}
.star-rating-half::before{
	font-family: 'Dashicons';
	content :'\f459';
	color: gold;
}
.trainer-box .avatar,
.trainer-box .nama,
.trainer-box .level{
	width:100%;
	float:left;
	text-align:center;
}
.trainer-box .nama{
	font-size:2.5rem;	
}
.event-box{
	width:100%;
	float:left;
	display:table;
}

.event-box .trainer{
    width:33%;
    display: table-cell;
	border-collapse:collapse;
}
.event-box .location,
.event-box .tanggal,
.event-box .biaya{
	width:22%;
	display: table-cell;
	border-collapse:collapse;
}
.event-box .avatar{
	width:50px;
	height:50px;
	overflow:hidden;
}
.event-box .trainer {
	max-height:50px;
	overflow : hidden;
}
.loc-icon::before,
.event-box .loc-icon::before{
	content : "\f230";
	font-family : 'dashicons';
	text-align:center;
	margin-right:5px;
}
.date-icon::before,
.event-box .date-icon::before{
	content : "\f508";
	font-family : 'dashicons';
	text-align:center;
	margin-right:5px;
}

.event-box .price-icon::before{
	content : "Rp.";
	font-family : 'dashicons';
	text-align:center;
	margin-right:5px;
}
.program-box{
	width:100%;
	float:left;
	margin:20px 0;
}
.program-box .program-menu{
	width:100%;
	float:left;
	background:#f3f3f3;
}
.program-menu button{
	border-radius:0;
	padding:10px;
	background : #B99036;
	color:#fff;
}
.program-menu button:hover{
	background : #333;
}

.program-box .program-content{
	width:100%;
	float:left;
	border:1px solid #ddd;
}
.program-box .summary_content{
	display: block;
	width:100%;
	float: left;
}
.program-box .description_content,
.program-box .materi_content,
.program-box .instructor_content,
.program-box .review_content{
	display : none;
	width:100%;
	float: left;
}

.program-box .head{
	display: none;
	background : #b99036;
	color:#fff;
	padding:5px 10px;
	border-radius : 0 15px 0 0;
}

.program-box .content{
	width: 100%;
	float:left;
	padding: 20px;
}

.post-edit-link{
	display:none;
}

.event-data .key{
	width:30%;
}
.event-data .token{
	font-size: 2em;
	font-weight:bold;
}
.event-data .description{
	font-size: 0.7em;
	font-style:italic;
}

.lkp-navigation{
	margin-top: 100px;
	width: 100%;
	float:left;
	background : #B99036;
	color:#fff;
	text-align: right;
}
.lkp-admin-navigation{
	width: 100%;
	float:left;
	background : #333;
	color:#fff;
	text-align: right;
}
.lkp-admin-navigation .wrap,
.lkp-navigation .wrap{
	max-width: 1140px;
	margin:0 auto;
}
.lkp-admin-navigation .menu-item,
.lkp-navigation .menu-item{
	padding: 10px;
	color:#fff;
}
.lkp-admin-navigation .menu-item a, 
.lkp-navigation .menu-item a{
	color:#fff !important;
}

.lkp-navigation .menu-item:hover,
.lkp-navigation .menu-item .current-menu-item{
	background: #333;
}

.lkp-admin-navigation .menu-item:hover,
.lkp-admin-navigation .menu-item .current-menu-item{
	background: #B99036;
}

input{
	background:#fff;
}

.member-dashboard .site-inner{
	padding-top:20px;
}

.description-text{
	font-style :italic;
	font-size : 1rem;
}

.list-program{
	width : 100%;
	float: left;
	display: block
}

.list-program .program-block {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding: 20px;
    
    margin: 10px;
    border: 1px solid #ddd;
}

.program-block h1{
	font-size: 2.4rem;
	min-height:65px;
}
.program-block .button{
    padding: 5px 10px;
}
.program-block img{
    border-radius:15px;
    width:200px;
    float:left;
    margin-right: 30px;
}
.filter-box{
	width:100%;
	float:left;
	display:block;
	margin: 10px 0;
	padding:10px;
	background-color:#B99036;
}
.filter-box select{
	width:23%;
	margin-right: 2%;
	background-color:#fff;
}
.filter-box input[type="submit"]{
	float: right;
	width: 23%;
	background: #9b7013;
}
[class^="content-plt"]{
	display:none;
	width:100%;
	padding:5px;
	float:left;
}
[class^="content-plt"] li{
    width:100%;
    float:left;
}
[class^="content-plt"] p{
    margin-bottom:0;
}
/* Certificate Styles
---------------------------------------------------------------------------------------------------- */


.ui-resizable-se:after{
	content:'';
	background:#ddd;
	width:10px;
	height:10px;
	position:inherit;
	right:0;
}


#certificate-container{
	display:block;
	background-size:cover!important;
	border:1px solid #ddd;
	position:relative;
	float:left;
	line-height:1;
}

@media only screen and (max-width: 812px) {
    .program-block{
        width:50% !important;
    }
}

@media only screen and (max-width: 415px) {
	.lkp-navigation{
		margin-top:0;
	}
	.lkp-event .head .block4,
	.lkp-event .head .block12,
	.lkp-event .head .block6,
	.lkp-event .head .block8,
	.lkp-event .head .block12,
	.lkp-event .head .block22,
	.lkp-event .head .block30,
	.lkp-event .head .block40,
	.lkp-event .head .block45{
		width:auto;
		float:left;
		padding: 0 5px;
	}
	
	.filter-box select,
	.filter-box input[type="submit"]{
	    width:100%;
	    padding:10px;
	}
	.lkp-event .grid-block{
	    width:100%;
	    min-height:0;
	    border:1px solid #ddd;
	    margin-bottom:20px;
	}
	.event-box .location, 
	.event-box .tanggal, 
	.event-box .biaya,
	.event-box .trainer,
	.review-box .rating .row, 
	.trainer-box .info,
	.review-box .rating .col, 
	.trainer-box .rating .col, 
	.trainer-box .profile, 
	.trainer-box .certification{
	    width:100%;
	    display:block;
	}

    .single-event .entry-content{
        max-width:100%;
    }
	.lkp-event .block4{
		width:10%;
		padding:0;
		float:left;
	}
	.lkp-event .block12,
	.lkp-event .block6,
	.lkp-event .block8,
	.lkp-event .block12,
	.lkp-event .block22,
	.lkp-event .block30,
	.lkp-event .block40,
	.lkp-event .block45{
		padding : 0;
		width:89%;
		float:right;
	}
	.lkp-event .row{
		padding:5px 0;
	}
	.program-block{
	    width:100% !important;
	    margin-bottom:40px;
	}
	
}