.fontboldtitletop{
	font-weight: bold !important;
	font-size: 26px !important;
	margin-top: 10px;
}

body .ui-datagrid .ui-datagrid-content{
	border: none;
}

body .ui-panelgrid .ui-panelgrid-cell{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.ui-outputlabel.ui-widget{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.ui-outputlabel.ui-widget.fontbold{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/* PLACE HOLDER */
.centerz{
	text-align: center !important;
}
.rightz input{
	text-align: right;
}
/* ====================== */

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.radius15{
	border-radius: 15px;
	text-align: center;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.radius10{
	border-radius: 10px;
	text-align: center;
}

.fontitalic{
	font-style: italic;
	font: 8px;
}
.panelPending{
	background-color: red;
	color: red;
}

.fontsmall{
	font-size: 12px;
}

.fontboldtitle{
	font-weight: bold !important;
 	font-size: 24px !important;
}

.fontbold{
	font-weight:bold !important;
}
		
.fontboldprop{
	display: inline-block;
	font-weight:bold !important; 
	padding-top:-5px;
}
.fontTitle{
 	font-size: 24px !important;
}
 
.fontSubTitle{
 	font-size: 16px !important;
}
 
.fontboldSubTitle{
 	font-weight: bold !important;
 	font-size: 16px !important;
}
 
.fontboldgreen{
	color: #3cb371;
	font-weight: bold !important;
}
   
.roundedLabel{
	text-align: center;
	display: block;
	width: 180px;
	height: 25px;
	border-radius: 10px;
}
   
.roundedLabels{
	text-align: center !important;
	display: block;
	border-radius: 10px;
	color: white;
	padding: 5px 0;
}

.redLabels{
	text-align: center !important;
	display: block;
	border-radius: 10px;
	color: white;
	padding: 5px 0;
}

.roundedbutton{
	width: 120px;
	border-radius: 15px 50px;
}

.fontboldblue{
	color: #0080ff;
	font-weight: bold !important;
}

.fontboldred{	
	color: #e50000;
	font-weight: bold !important;
}
.redcolor{	
 		color: #e50000;
}
.greencolor{
	color: #3cb371;
}
.bluecolor{
	color: #0080ff;
}
.font16{
	font-size: 16px !important;
}

.fontBlack{
	color: black;
}
	
/* BUTTON */
.editDelete {
     float: right;
 }
.submitted{
	   font-weight: bold;
	   margin-top: 4px;
	   color: #3cb371;
	   margin-left: 15px;
	   text-align: left;
	   margin-top: 10px;
 }
.OTP{
	font-size: 16px; 
	font-weight: bold !important; 
	text-align: center;
	letter-spacing: 10px;
}  

.ui-inputfield.ui-inputmask.ui-widget.ui-state-default.ui-corner-all.OTP::-webkit-input-placeholder { 
	font-size: 14px;
	text-align:left;
	letter-spacing: 0px;
	font-weight: normal;
}
  
.ui-inputfield.ui-inputmask.ui-widget.ui-state-default.ui-corner-all.NPWP{
	font-size: 14px; 
	text-align: center;
	letter-spacing: 1px;
}  

.ui-inputfield.ui-inputmask.ui-widget.ui-state-default.ui-corner-all.NPWP::-webkit-input-placeholder { 
	font-size: 14px;
	text-align:left;
	letter-spacing: 0px;
	font-weight: normal;
}

.ui-inputfield.ui-inputmask.ui-widget.ui-state-default.ui-corner-all.NPWPright{
	font-size: 14px; 
	letter-spacing: 1px;
}  

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.accaktivasi{
 	border-radius: 40px; 
 	width: 500px; 
 	text-align: center; 
	margin: 0px 0px 0px -35px;
}

.deleted{
   font-weight: bold;
   margin-top: 15px;
   color: #e50000;
   margin-left: 15px;
   text-align: left;
}
   
.deleting{
	   font-weight: bold;
	   margin-top: 4px;
	   color: #DC143C;
	   margin-left: 17px;
 }

.editing{
	   font-weight: bold;
	   margin-top: 4px;
	   margin-left: 15px;
}
 
.ui-datagrid ui-widget{
  border: none;
}

.addplus{
	   margin-left: 18px;
	   margin-top: 4px;
}

.deleteButton{
	   margin-left: 5px;
	   margin-top: 10px; 
}

.editButton{
	   width: 100px;
	   height: 100px;
}

.editRight{
	   margin-left: 13px;
}

.editRightNew{
	   margin-left: 6px;
	   height: 20px;
	   margin-top: -5px;
}

.addDeleteDown{
	   margin-top: 20px;
}

.reasonDown{
	   margin-top: 10px;
	   margin-left: -4px;
}

 /* Column */
.financecol{
	text-align: center;
	width:70px;
}

.gradecol{
	text-align: center;
	width:70px;
}

.greenCol{
	 background-color: #e5ffe5;
	 margin-top : -8px;
}

.redCol{
	background-color: #ffe5e5;
}
  
.greyCol{
	background-color: #F5F5F5;
}

.blueCol{
	background-color: #e5f2ff; 
	margin-top: -7px;
}

.addLeft{
	margin-left: -20px;
}

.panelGridleft{
	margin-left: -3px;
}

.up5px{
	margin-top:-5px;
}

.tablerole{
	width: 50%;
}

/*==================================*/
#middle{
	position: relative; 
	top: 50%;
	vertical-align: middle;
}

#divColGrade{
	border-bottom: 1px solid; 
	height: 60px;
	margin-top: auto;
	margin-bottom: auto;
}

.yesno{
	text-align: center;
}

.labelfilter {
   color: #23818E;
   font-size: 11px !important;
}

.labelBlue{
	color: #23818E;
}

.closeButtonDialog {
	font-size:18px !important; 
	color: grey !important; 
	margin-left: 5px !important;
}

.rejectedLabel{
	text-align: center !important;
	display: block !important;
	border-radius: 10px !important;
	color: #90A4AE !important;
	padding: 5px 0 !important;
}

.rejectedBackground {
	background-color: #E4E9EB !important;
}

.pendingLabel{
	text-align: center !important;
	display: block !important;
	border-radius: 10px !important;
	padding: 5px 0 !important;
	color: #FAB42E !important;
}

.pendingBackground{
	background-color: #FFECC7 !important;
}

.verifiedLabel{
	text-align: center !important;
	display: block !important;
	border-radius: 10px !important;
	padding: 5px 0 !important;
	color: #26B769 !important;
}

.verifiedBackground {
	background-color: #DEF2E7 !important;
}

.left-font{
	text-align: left;
}

.center-font{
	text-align: center;
}

.right-font{
	text-align: right;
}