* { -webkit-font-smoothing: antialiased; }
body { font-size:13px; }

.btn { border-radius:0;    margin-bottom: 2.5pt; }

.round-top { border-top-left-radius:4px !important; border-top-right-radius:4px !important; }
.flat-btm { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.flat-top { border-top-left-radius:0 !important; border-top-right-radius:0 !important; }

.row.padded-top { margin-top:15px; }
.row.padded-bottom { margin-bottom:15px; }

.modal-footer { margin-top:0; }

.row.btn-wrapper .col-md-1,
.row.btn-wrapper .col-md-2,
.row.btn-wrapper .col-md-3,
.row.btn-wrapper .col-md-4,
.row.btn-wrapper .col-md-5,
.row.btn-wrapper .col-md-6,
.row.btn-wrapper .col-md-7,
.row.btn-wrapper .col-md-8,
.row.btn-wrapper .col-md-9,
.row.btn-wrapper .col-md-10,
.row.btn-wrapper .col-md-11,
.row.btn-wrapper .col-md-12 { margin-bottom:15px; }

.sp-select-panel .list-group a { cursor:pointer; }
.sp-select-panel .list-group a.disabled { color:#ccc; }
.sp-select-panel .list-group a.disabled:hover { background:none; cursor:default; }

.row.btn-wrapper .pagination-records {
	line-height: 30px;
	margin: 0;
	border: 1px solid #ccc;
	background:#428bca;
	color:#fff;
}

h1 { 
	font-family:Century Gothic, sans-serif; 
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	color:#585858;
	margin:0 0 15px;
}

@media (min-width:768px) {
	.row.btn-wrapper .col-md-6 { width:50%; float:left; }
	.row.btn-wrapper .col-md-4 { width: 33.33333333%; float:left; }
}

@media (max-width:767px) {
	.row.btn-wrapper .col-md-4 > .btn-responsive { width:50%; margin-left:-4px; }
	.row.btn-wrapper .col-md-4 > .btn-responsive:first-child { margin-left:0; }
	.row.btn-wrapper .col-md-4 > .btn-responsive.btn-full-width { width:100%; margin:0; }
	.row.btn-wrapper .col-md-4.text-right { text-align:center; }
}

h5.notifications { 
	position:fixed;
	top:0; left:0;
	margin:0;
	width:100%;
	display:none;
	color:#fff;
	padding:15px 12px;
	text-align:center;
	z-index:998;
	cursor:pointer;
}
#login h5.notifications { 
	left:50%; 
	margin:0 0 0 -250px; 
	width:500px; 
	border-bottom-right-radius:5px; 
	border-bottom-left-radius:5px; 
}
h5.notifications.error { background-color: #d9534f; }
h5.notifications.success { background-color: #5cb85c; }

@media (max-width:767px) { h5.notifications { width:100%; margin:0; left:0; border-radius:0; } }

.login {
	background-image: url('../img/login-bg.jpg'); 
	background-position:top right;
	background-repeat:repeat;
}

.login .login-wrapper {
	background:#fff;
	height:455px;
	padding:15px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}
.login .login-wrapper select { margin-bottom:15px; }

@media (min-width:768px) { 
	.login .login-wrapper { width:33.33333333%; margin-left:33.33333333%; }
}
@media (max-width:767px) {
	.login .login-wrapper { }
}

header { border-bottom:1px solid #ccc; margin-bottom:15px; }
header .row { position:relative; min-height:74px; }

header .logo { 
	position:absolute; 
	top:0; left:0; 
	width:74px; height:74px;
	padding:5px; 
	border-right:1px solid #ccc; 
	z-index:997;
}
header .logo a img { width:100%; height:100%; }

header .center { padding:0 0 0 74px ; }
header .nav-messages { 
	position: absolute;
	top: 37px; right: 60px;
	width: 60px; height: 37px;
	border-left: 1px solid #ccc;
	line-height: 37px;
	text-align: center;
}
header .nav-messages a { color:#585858; }
header .nav-messages a:hover { color:#428bca; text-decoration:none; }
header .nav-messages a .label { background-color:#585858; }
header .nav-messages a:hover .label { background-color:#428bca; }
header .center .blue-bar { height:37px; line-height:36px; border-bottom:1px solid #ccc; padding:0 15px; background:#428bca; color:#fff; font-size: medium; }
header .nav.user-nav > li, header .nav.user-profile > li { float:left; }
header .nav.user-nav > li > a, header .nav.user-profile > li > a {
	font-family:Century Gothic, sans-serif; 
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:8px 15px;
	color:#585858;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}
header .nav.user-nav > li > a { border-left:1px solid #ccc; }
header .nav.user-nav > li:first-child > a { border-left:0; margin-left:0; }
header .nav.user-nav > li:last-child > a { border-right:1px solid #ccc; }
header .nav > li > a:hover { background:none; color:#428bca; }
header .nav > li.active > a { color:#428bca; }
header .nav > li > .dropdown-menu { border-color:#ccc; }
header .nav > li.open > a, header .nav > li.open > a:hover, header .nav > li.open > a:focus {
	background-color: #fff;
	border-color: #ccc;
	color:#428bca;
}
header .nav.user-nav > li > .dropdown-menu, header .nav.user-profile > li > .dropdown-menu {
	border-radius:0;
	font-size:12px;
	border-top:0;
	margin:1px 0 0 0;
	width:auto;
	padding:0;
}
header .nav.user-nav > li:first-child > .dropdown-menu { left:-1px; }
header .nav.user-nav > li > .dropdown-menu > li > a, header .nav.user-profile > li > .dropdown-menu > li > a {
	font-family:Century Gothic, sans-serif; 
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	padding:3px 15px;
	background:#fff;
	color:#585858;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	border-bottom:1px solid #ccc;
}
header .nav.user-nav > li > .dropdown-menu > li > a:hover, header .nav.user-profile > li > .dropdown-menu > li > a:hover { color:#428bca; }
header .nav.user-profile > li > .dropdown-menu > li > a > i.glyphicon { margin-right:7px; }
header .nav.user-nav { 
	float:left; 
	width:100%;
	padding-right:120px;
}
header .nav.user-profile { 
	position:absolute; 
	top:37px; right:0; 
	border-left:1px solid #ccc;
}

header .btn-toggle-mobile-nav {
	float:left;
	display:none;
	width:100%; height:37px;
	text-align:center;
	font-family:Century Gothic, sans-serif; 
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:8px 120px 8px 0;
	cursor:pointer;
	color:#585858;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}
header .btn-toggle-mobile-nav:hover {
	color:#458bca;
	text-decoration:none;
}

header .nav.mobile { 
	display:none;
	position:absolute;
	top:75px; left:0;
	width:100%;
	max-height:300px;
	overflow-y:auto;
	z-index:999;
}
header .nav.mobile > li { display:block; }
header .nav.mobile > li > a {
	font-family:Century Gothic, sans-serif; 
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:8px 15px;
	background:#fff;
	color:#585858;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	border-bottom:1px solid #ccc;
}
header .nav.mobile > li > a:hover { color:#458bca; }
header .nav.mobile > li.active > a { color:#458bca; }
header .nav.mobile > li.open > a, header .nav.mobile > li.open > a:hover, header .nav.mobile > li.open > a:focus { background-color:#fff; border-color:#ccc; }
header .nav.mobile > li > .dropdown-menu {
	position:relative;
	float:none;
	width:100%;
	margin:0;
	border-radius:0;
	border-top:0;
	box-shadow:none;
	padding:0;
}
header .nav.mobile > li > .dropdown-menu > li > a {
	font-family:Century Gothic, sans-serif; 
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	padding:6px 15px;
	background:#fff;
	color:#585858;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	border-bottom:1px solid #ccc;
}
header .nav.mobile > li > .dropdown-menu > li:last-child > a { border-bottom:0; }
header .nav.mobile > li > .dropdown-menu > li > a:hover { color:#428bca; }

@media (max-width:767px){ 
	header .center .messages { font-size:12px; }
	header .nav.user-nav { display:none; } 
	header .nav.user-profile > li > .dropdown-menu { box-shadow: none; }
	header .nav.user-profile > li > .dropdown-menu > li > a { font-size:15px; padding:8px 15px; }
	header .nav.user-profile > li > .dropdown-menu > li:last-child > a { border-bottom:0px; }
	header .btn-toggle-mobile-nav { display:block; }
}

.table { margin-bottom:15px; font-size:14px; }
.table > thead > tr { background:#428bca; }
.table > thead > tr > td { color:#fff; font-weight:700; }
.table > thead > tr > td > a { color:#fff; font-weight:700; cursor:pointer; }
.table > thead > tr > th, .table.table-bordered > thead > tr > td { border-bottom-width: 1px; }
.table > tbody > tr > td > a.btn,
.table > tbody > tr > td label.btn { color:#585858; padding:0; }
.table > tbody > tr > td > a.btn:hover,
.table > tbody > tr > td label.btn:hover { color:#428bca; }
.table > thead > tr > td.two-line { line-height:12px; }

ul.pagination { margin:0; font-size:12px; }
ul.pagination .count a { background:#585858; color:#fff; }

.tabs .col-sm-1 { margin-bottom:15px; padding:0; }
.tabs .col-sm-1:first-child { padding-left:15px; }
.tabs .col-sm-1:last-child { padding-right:15px; }
.tabs .tabs-item {
	position:relative;
	display:block;
	padding:10px 0;
	cursor:pointer;
	border:1px solid #ccc;
	border-left:0;
	text-align:center;
}
.tabs .col-sm-1:first-child .tabs-item { border-left:1px solid #ccc; }
.tabs .tabs-item:hover { background:#f5f5f5;text-decoration:none; }
.tabs .tabs-item.active { background:#585858;color:#fff !important; }
.tabs .tabs-item.active:hover { background:#333; }
.tabs .tabs-wrap { border:1px solid #ccc; padding:15px; }
.tabs .tabs-item .label-scholars { 
	position:absolute;
	top:5px; right:5px;
	font-size:14px;
}

@media (max-width:767px) {
	.tabs .tabs-item { border-right:1px solid #ccc; }
	.tabs .col-sm-3 { padding:0 15px; }
}

form.form-horizontal { margin: 0 0 15px 0; }
form.form-horizontal .form-group { margin-bottom:5px; }
form.form-horizontal .form-group .text-sm { font-size:12px; }
form.form-horizontal .form-group .error-label { padding:5px 0; } 
form.form-horizontal .notifications { display:none; padding:7px 0 0 5px; }
form.form-horizontal .notifications.success { color:#5cb85c; }
form.form-horizontal .notifications.failed { color:#d9534f; }
form.form-horizontal .form-group .preloader {
	display:none;
	background:url(../img/icon-preloader.gif) no-repeat center center;
	background-size:20px 20px;
	width:20px; height:20px;
	position:absolute;
	top:6px;
	left:-15px;
}
form.form-horizontal .form-group .list-group.current-sp-list { margin:35px 0 5px; }
form.form-horizontal .form-group .list-group-item { padding:6px 12px; }
form.form-horizontal .form-group .list-group-item .close {
	float:none;
	position: absolute;
	right: 10px;
	top: 3px;
}
form.form-horizontal .form-group .btn.btn-add-sp { position:absolute; top:0; right:15px; }
form.form-horizontal .form-group .list-group.add-sp-list { display:none;position:absolute; top:0; right:-230px; margin:0; }
form.form-horizontal .form-group .list-group.add-sp-list li { min-width:240px; }
form.form-horizontal .form-group .checkbox { padding-top:0; min-height:20px; }
form.form-horizontal .form-group .checkbox label { font-size:12px; }
form.form-horizontal .form-group .checkbox-group h5 { margin:2px 0 2px; }
form.form-horizontal .form-group h5.title-header { 
	background:#428bca; 
	color:#fff; 
	font-weight:700;
	padding:5px 7px; 
}
form label.error { color:#d9534f; font-size:12px; padding-left:7px; }
form select.error, form input.error, form textarea.error { border:1px solid #d9534f; }
form.form-horizontal .form-group .error-label { padding:5px 0; } 
form.form-horizontal .form-group .padding-right-0 { padding-right:0; }
form.form-horizontal .form-group .padding-left-5 { padding-left:5px; }
form.form-horizontal .form-group .date-day { padding-right:0; width:25%; }
form.form-horizontal .form-group .date-month { padding:0 5px;width:40%; }
form.form-horizontal .form-group .date-year { padding-left:0;width:35%; }
form.form-horizontal .form-group .btn.form-control { padding:8px 10px; }
form.form-horizontal .form-group .btn-insert { display:none; }
form.form-horizontal .form-group .list-group .list-group-item { cursor:pointer; }
form.form-horizontal .form-group .list-group .list-group-item .list-add { float:left; margin-right:10px; color:#ccc; }
form.form-horizontal .form-group .list-group .list-group-item .list-add:hover { color:#585858; }
form.form-horizontal .form-group .btn-refresh { display:none; }
form.form-horizontal .form-group .datepicker { cursor:pointer; }
form.form-horizontal .form-group .form-control-static { font-size: 14px; padding: 5px 0; float:left; }

@media (min-width:768px) {
	form.form-horizontal .form-group label.two-line { line-height:13px; padding-top:4px; }
}
@media (max-width:767px) {
	form.form-horizontal .form-group .padding-right-0 { padding-right:15px; margin-bottom:5px; }
	form.form-horizontal .form-group .padding-left-5 { padding-left:15px; }
	form.form-horizontal .form-group .date-day,
	form.form-horizontal .form-group .date-month,
	form.form-horizontal .form-group .date-year { width:auto; padding:0 15px; margin-bottom:5px; }
	form.form-horizontal .form-group .date-year { margin-bottom:0; }
	form.form-horizontal .form-group .error-label { padding: 5px 15px 0; }
	form.form-horizontal .form-group.btn-wrapper { margin:15px 0 5px; }
	form.form-horizontal .form-group.btn-wrapper > div { padding:0; }
	form.form-horizontal .form-group.btn-wrapper .btn { width:50%; margin-left:-4px; }
	form.form-horizontal .form-group.btn-wrapper .btn:first-child { margin-left:0; }
	form.form-horizontal .form-group .btn-refresh { width:100%; }
	form.form-horizontal .form-group.btn-wrapper.single .btn { width:100%; max-width:100% !important; }
}

.panel.dd-values { display:none; }
.panel .list-group .list-group-item.selected { background:#f5f5f5; }
.panel .list-group .list-group-item a { color:#585858; }
.panel .list-group .list-group-item a:hover { color:#428bca; }
.panel .panel-heading { font-size: medium!important; }
.panel .panel-heading a { color:#fff;font-size: medium!important; }

#profile-pic, #institute-logo, #programme-logo { width:50%; height:auto; margin-bottom:5px; }

@media (max-width:767px) {
	#profile-pic, #institute-logo, #programme-logo { width:100%; height:auto; margin-bottom:5px; }
}

#item-filter a.active { color:#428bca; }
#item-filter a { color:#585858; }

#options #option-contents a { color:#585858; }
#options #option-contents a:hover { color:#428bca; }

.tab-box { padding:15px; margin:10px 0; border:1px solid #ddd; }
.tab-content { padding:15px; border:1px solid #ddd; border-top:0; }
.tab-content.no-content { padding:11px 15px; }

#progress { margin-top:10px; }
#progress .tab-content .two-line { line-height:12px; }
#progress .tab-content h1.text-small { font-size:16px; text-decoration: underline; }
#progress .tab-content .margin-top { margin-top:15px; }
#progress .tab-content .line-bottom { border-bottom:2px solid #ddd; padding-bottom:10px; margin-bottom:15px; }
#progress .tab-content .btn-update { margin-right:15px; float:right; }
#progress > div > .tab-content { margin-bottom:15px; }
#progress .btn.add-sem { 
	position: absolute;
	right: 15px;
	top: 0;
	line-height: 41px;
	padding: 0 12px;
}

@media (min-width:768px) {
	#progress .tab-content .two-line { line-height:13px; padding-top:4px; }

}

@media (max-width:767px) {
	#progress .subjects .col-md-3 { margin-bottom:5px; }
}

.pseudo-label { text-align: right; font-weight: bold; }

#selected-scholars .selected-item-list { margin-top:-7px; }
#selected-scholars .selected-item { display:inline-block; float:left; margin-right:7px; border:1px solid #ddd; background:#f2f2f2; padding:0 5px; line-height:24px; margin-top:7px; }
#selected-scholars .selected-item .close { margin-left:5px; float:none; }
#selected-scholars .selected-item.remove-all { background:#fc3b3b; color:#fff; padding:0 10px; }
#selected-scholars .selected-item.remove-all:hover { cursor:pointer; background:#ff0000; }

#progress-term-details .col-sm-2 { margin-bottom:8px; }
#progress-scholar-id { position:relative; }
#progress-scholar-id > .glyphicon { position: absolute; top: 10px; right: 25px; }
@media (min-width: 768px) {
	#progress-term-details { margin:15px 15px 0 15px; border:1px solid #ccc; padding:15px; }
	#progress-term-details .col-sm-2 { margin-bottom:0; }
	#progress-term-results { margin:0 15px 15px; border:1px solid #ccc; border-top:0; padding:15px; }
}

.preloader {
    display:    none;
    position:   fixed;
    z-index:    1100;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .5 ) 
                url(../img/icon-preloader.gif)
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}
body.loading .preloader {
    display: block;
}

.form-group .label-div { 
    margin-bottom:0; 
    padding-top:6px; 
    padding-bottom:6px; 
}

.datepicker.form-control[readonly],
.monthpicker.form-control[readonly] {
	cursor:pointer !important;
}

.btn-link .glyphicon-trash { color:#d9534f; }

/* Beyond here development start by Yayasan Peneraju */