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

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
select.select2me .merah {font-size:14px!important; background-color:#E50307!important}
*/
html body .print {background-color:#fff; font-family:Arial!important;}
li.merah {
  color: #E50307 !important;
}

.rounded {
	width:200px;
	height:50px;
	padding:8px 15px;
  	border-radius: 10px;
	border:1px dashed;
	font-size:23px;
	color:#aaaaaa;
	text-align:left;
	vertical-align:middle;
  	background: #fff; 
}
table {font-size:12px; font-weight:normal; font-family:Arial}
table.inline {display:inline-table !important;}
table.reg {font-size:22px; font-weight:normal; font-family:Arial}

table.reg {
	border:0;
	width:100%;
	padding-left:50px!important;
	padding-right: 20px!important;
}
table.reg tr td {padding:3px; vertical-align:top}
table.student_detail {
	border:0;
	width:100%;
}
table.student_detail tr td {
	padding:15px 15px 0 3px;
	border-bottom:1px solid #ccc;
}
table.payment_for {
	border:0;
	margin-left:50px!important;
	width:95%;
}
table.payment_for tr td {
	padding:15px 15px 0 3px;
	border-bottom:1px solid #ccc;
}
.under {text-decoration:underline;}
table.reg .grand {font:Arial!important; font-size:28px!important; font-weight:bold}
.padright50 {padding-right:20px!important;}
.right {text-align:right!important;}
.tc {margin-bottom:16px!important; margin-top:10px!important; font-size:22px; }
h4.mpdf {font-size:26px; font-weight:normal;}
.gt {margin-top:0px !important; margin-bottom:0px !important;}
img.logo {float:left; margin-left:0; margin-right:auto}
table.attendance tr td {vertical-align:middle; padding:3px 1px; font-family:Arial; font-size:14px;}
.centering {text-align:center;}
table.attendance tr td.padleft5 {padding-left:5px}
table.parents tr th, table.parents tr td {font-size:14px;}
span.red {color:#E50307!important;}
.merah {font-weight:bold !important; color:#F70105!important; font-size:14px!important}
/*p {position:relative; margin:0 0 10px 0!important;}*/
table tr td.expire {background:#B30002 !important; color:#fff}
table tr td.warning {background:#FBEE99 !important;}
#studentresult_filter, #studentresult_length, #studentresult_info, #studentresult_paginate {display:none!important;}
.modal-wide {
   width: 700px!important; 
 }
/* .dataTables_filter label, .dataTables_length {
  color: red;
}*/

/*maksudnya tetep join table, kan bisa pilih column mana aja dari setiap table yg ingin ditampilkan..gak harus ditampilkan semua dari setiap tablenya...misal:
Select tblKaryawan.nama_kar, tblKaryawan.alamat_kar, tblDepartemen.nama_departemen FROM tblKaryawan...lanjut dengan join*/