/**
here you can put your own css to customize and override the theme

PENTING: Jangan pake id atau class global
*/

/* --- CSS GLOBAL --- */
.portlet-body .caption { padding:10px 0;}
.portlet-body .caption > span.caption-subject { font-size: 16px;}
.portlet-body .caption > i { display: inline-block; float: left; font-size: 15px; margin-right: 5px; margin-top: 3px; font-weight: 300;}
.ver-inline-menu{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important ;}

.note.note-default { background-color: #eee;}
.note p { margin-bottom: 5px;}
.note p > i { margin-right: 3px;}

/* --- CSS BEASISWA --- */
#tblBeasiswa tr > th { background-color: #eef4f7; border-bottom: 2px solid #ddd;}
#tblBeasiswa .table-striped > tbody > tr:nth-of-type(2n) { background-color: #f9f9f9;}
#tblBeasiswa .table-striped > tbody > tr:nth-of-type(2n+1) { background-color:transparent;} 
#tblBeasiswa .accordion { margin-bottom: 0;}
#tblBeasiswa .accordion .panel .panel-heading, #tblBeasiswa .accordion .panel .panel-title .accordion-toggle {
	padding: 0;
}
 #tblBeasiswa .accordion .accordion-toggle span.name { font-weight: bolder;}
.tabBeasiswa { border:none;}
.tabBeasiswa span { display: inline-block; padding: 8px;}
.detail_beasiswa span{ font-size: 14px; }

#beasiswa_timeline .form-wizard .steps > li > a.step > .desc { padding: 0;}
#beasiswa_timeline .form-wizard .steps > li > a.step > .number { width:30px; height:30px; padding:4px; margin-right: 5px;}
#beasiswa_timeline .form-wizard .steps > li.done > a.step .number { background-color: #26a69a;}
#beasiswa_timeline .form-wizard .steps > li.active > a.step .number { background-color: #ff5722;}
#beasiswa_timeline .form-wizard .steps > li > a.step{ padding: 0;}
#beasiswa_timeline .progress { height: 5px;}
#beasiswa_timeline .form-wizard .progress { margin-bottom: 10px;}

#frmBeasiswa .form-body { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
#frmBeasiswa .form-bordered .form-group > div { padding:5px 10px;}
#frmBeasiswa .form-bordered .form-group .control-label { padding-top: 10px;}

/* --- CSS TBQ --- */
#tblTbq tr > th { background-color: #eef4f7; border-bottom: 2px solid #ddd; vertical-align: middle;text-align: center;padding:2px 0; }
#tblTbq tr > th[rowspan] { padding: 0; }
#frmTbq > tbody> tr > td:last-child {font-weight: 600; color:#666;}
#frmTbq > tbody> tr:last-child > td{ background-color: #f5f5f5; border-bottom: 1px solid #f2f5f8;}


@media (max-width: 767px) {
	#beasiswa_timeline .form-wizard .steps > li { width: 33.3333%; margin-left:0; float: left; }
	#beasiswa_timeline .form-wizard .steps > li > a.step {text-align: center; margin-bottom: 0;}
	#beasiswa_timeline .form-wizard .steps > li > a.step > .desc { display: block;font-size: 12px;margin-top: 5px; }

	#tblTbq tr > th {
		font-size: 12px;
		white-space: pre-wrap;
	}
}