#ui-datepicker-div{



	background:#fff;



	color:#000;



	border: 1px solid #ddd;



}







.ui-datepicker-prev{



	margin-right:10px;



}







.ui-datepicker-calendar{



	padding:10px;



}















.ui-datepicker-header {



	background:#333;



	color:#fff;



	padding: 10px;



} 







.ui-datepicker-prev{



	float:left;	



}







.ui-datepicker-next {



	float:right;



}







.ui-resizable-se:after{



	content:'';



	background:#ddd;



	width:10px;



	height:10px;



	position:inherit;



	right:0;



}



.notif{



	background:#1e52e4;



	padding:10px;



	text-align: center;



	color: #fff;



}



.notif a{



	color:yellow;



}



.error{



	color:#FF0000;



	font-weight:bold;



}



.orientation{



	padding: 10px 0;



}



#certificate-container{



	display:block;



	background-size:cover!important;



	border:1px solid #ddd;



	position:relative;



	float:left;



	line-height:1;



	



}



#certificate-container input[type="number"]{



	padding:3px 0;



	width:40px;



	float:left;



}



.name-box,

.event-box,

.title-box{



	width: 280px;



	position:absolute;



	min-height:29px;

}





.name-box,

.signature_name-box{

	z-index:100;



}



.event-box{

	z-index:80;



}



.text-box{

	position:absolute;

	padding:10px;

	border : 1px dashed #ddd;

	z-index :50;

	min-width : 300px;



}



.text-box textarea{



	background:none;



	text-align:inherit;



	font-family:inherit;



	font-size:inherit;



	width:100%;



	border : 1px dashed #ddd;



	padding: 0;



	height:auto;

    max-height:inherit;

    line-height: 1.4;

	min-height:200px;

}



.advance-checkbox {

	width:100%;

	float:left;

	margin: 10px 0;

}



.advance-checkbox div{

	float:left;

	margin-right:20px;

}







.date-box{

	width: 100px;

	position: absolute;

	min-height:29px;

	z-index :70;

}









.text-box:active{

	background:#00000045;

	border-color :blue;

}



.text-box:active >.text-fields,



.text-box:hover >.text-fields,



.title-box:active >.title-fields,



.title-box:hover >.title-fields{



	display:block;



	z-index:999;



}







.text-fields{



	display:none;



	position:absolute;



	background:#ddd;



	z-index:1;



	min-width:280px;



	font-size:13px !important;



	text-align: center !important;



	font-family:"sans-serif";



}



.text-fields select,

.title-fields select{

	font-size: 12px;

	width: auto;

	float:left;

	padding:5px;

}

.signature-box p{

	margin: 0;

}





#logo-box,

#signature-box{

	position:absolute;

	min-height:50px;

	border: 1px dashed #ddd;

	z-index :50;

}



#logo-box img,

#signature-box img{

  width: 100%;

  height: auto;

  margin: 0;

}



.top-input{



	width:100%;



	float:left;



}



.bg-input,



.signature-input,



.logo-input{



	width:25%;



	float:left;



	margin-right:20px;



	border:1px solid #ddd;



	border-radius: 10px;



	padding:5px;



}



.archive-top{



	text-align :center;



	color:#fff;



}



.archive .wrap{



	max-width:1180px;



	width : 100%;



	margin: 10px auto;



}



.archive .entry{



	width:100%;



	float:left;



	padding:30px;



	border-bottom: 1px solid #ddd;



	margin-bottom:20px;



}



.archive .entry img{



	float:left;



	margin-right: 20px;



	margin-bottom: 20px;



	border: 1px solid #ddd;



}



.archive .grid-block{



	width:25%;



	float:left;



	display:inline-block;



	padding:20px;



	border: 1px solid #ddd;



	text-align:center;



}



.archive .grid-block h1,



.archive .grid-block .entry-title a{



	font-size : 2rem;



	color:#fff;



	



}







.archive .grid-block img{



	border: 1px solid #ddd;



	margin-bottom:20px;



	width:100%;



}







.pendaftaran{



    float:left;



    width: 100%;



    margin-top:20px;



}