body{
	color: #505050;
	font-size: 18px;
	background-color: #17423B;
}

.navbar-default{
	background:#fff; 
}

.widget{
	background: #fff;
	padding: 20px 30px;
	border-radius: 10px;
}

.art_title {
	font-size: 9px;
	text-align: center;
	color: #98a6ad !important;
	height: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	width: 100%;
}

.art_footer {
	font-size: 11px;
	text-align: center;
	color: #98a6ad !important;
	height: 15px;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 10px;
	width: 100%;
}

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

.text-bold {
	font-weight:bold;
}

.panel-heading span{
	margin-left: 5px;
}

.panel-heading span:first{
	margin-left: 0;
}

.categoryDiv{
	padding: 5px;	
	border-radius: 6px;	
	padding-top:20px;
	cursor:hand;
	border:1px solid #ccc;
	margin-top:-1;
	
}

.categoryDiv:hover{
	font-weight:bold;
	background-color: #FFF8DC;
}

.categoryDiv:hover h3{
	font-weight:bold;
}

.page-header {
	margin: 20px 0;
}

.std-info .row{
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.std-info .row:last-child{
	border-bottom: 0;
}

.std-info .text-label{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	vertical-align: middle;
}

.btn-login{
	width: 200px;
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 110%;
}

.enrol.navbar-default .navbar-nav>li>a{
	height: 70px;
	line-height: 40px;
}

.enrol .navbar-brand{
	height: 70px;
	line-height:70px; 
	font-weight:bold;
	padding: 2px 15px;
}

.enrol .navbar-brand img{
	height: 65px;
}

.enrol .navbar-brand span{
	font-size:30px;
}

.enrol.navbar-default .navbar-nav>.active>a, 
.enrol.navbar-default .navbar-nav>.active>a:focus, 
.enrol.navbar-default .navbar-nav>.active>a:hover{
	font-weight: bold;
}

.pic-container{
	padding: 10px;
	border: 1px solid #ccc;
}

.profile-pic{
	width:192px;
	height:256px; 
	background:#efefef;
	margin:auto;
	border-radius: 5px;
}

.idcard-pic{
	width:320px;
	height:256px; 
	background:#efefef;
	margin:auto;
	border-radius: 5px;
	display: inline-block;
}

.green-btn{
	background-color: #2cc64d;
	border: 1px solid #2ab949;
	color: #fff;
}

.green-btn:hover,
.green-btn:focus{
	font-weight:bold;
	color: #fff;
}

.card-subject-table td, .card-subject-table th{
	padding: 5px;
	border: 1px solid #000;
	text-align: center;
}

.card-subject-table{
	width: 100%;
}

.card-subject-table th{
	font-weight:bold;
}

.card-std-table td{
	padding: 5px;
	border: 1px solid #000;
	text-align: left;
}

.card-subject-table td > ul {
	text-align: left;
}
.card-subject-table td > ul > li{
	list-style-type:cjk-ideographic;
	margin: 2px;
}