@font-face {
	font-family: 'Ubuntu Regular';
	font-style: normal;
	font-weight: 400;
	src: url(https://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}

body {
	font-family: 'Ubuntu Regular', 'Verdana', sans-serif;
	/*background-color: #fafafe;*/
}
body > nav.navbar {
	border-radius: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
a.navbar-brand {
	padding: 7px;
}

body>main {
	margin-top: 10px;
}

body>footer {
	background-color: #4f4f4f;
	color:#fff;
	padding:10px 0;
	font-size: 12px;
}
body>footer div.humansoft {
	text-align: right;
}
body>footer div.humansoft>a {
	color: #fff;
}

.courseaction-listing .table {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.courseaction-listing .table>thead>tr>th {
	padding: 10px;
}
.courseaction-listing .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: none;
}


input.required, textarea.required, .bootstrap-select.required>button {
	background: #fefefe url('/public/admin/img/required.gif') no-repeat right;
}
select[multiple].required {
	background: url('/public/admin/img/required.gif') no-repeat top right 4%;
}

/* >>> datepicker >>> */
.ui-datepicker-trigger {
	padding:0px;
	padding-left:5px;
	vertical-align:baseline;
	position:relative;
	top:4px;
	cursor: pointer;
	width: 21px;
	height: 16px;
}
.ui-datepicker-header {
	background: none;
	border: 2px solid transparent;
}
ui-datepicker td a {
	text-align: center;
}
.ui-widget-content .ui-state-default {
	background: none;
	border: none;
	border-radius: 2px;
    text-align: center;
}
.ui-widget-content .ui-state-active {
	color: white;
	font-weight: bold;
	background: blue;
}
.ui-widget-content .ui-state-hover {
	background: #bbb;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	border: 1px solid #ddd;
}
div.ui-datepicker {
	border: none;
	box-shadow: 0 8px 16px rgba(0,0,0,0.25);
	padding: .2em .2em;
}
.ui-slider>.ui-state-default {
	background: #ccc;
}
.ui-datepicker-buttonpane>button {
	font-size: 10px;
}
/* <<< datepicker <<< */
.input-group-addon {
	padding: 5px 8px;
	width: 20px;
	cursor: pointer;
}

.courseaction-listing .pagination { margin:0 0 0 -0.4em; border-radius:0; }
.courseaction-listing .pagination>li { border:none; border-radius:0; }
.courseaction-listing .pagination>li>a { margin:0.4em 0 0 0.4em; border:none; border-radius:0; }

.courseaction-listing .btn {
	border:none;
	border-radius:0;
	min-width:3.5em;
	background-color:#ccc;
	color:inherit;
}
.courseaction-listing .btn:focus,
.courseaction-listing .btn:hover,
.courseaction-listing .pagination>.active>.btn {
	background-color:#555; color:#fff;
}
tfoot>tr.paginate {
	text-align: center;
}

.courseaction-detail > .form-group > div {
	padding-top: 7px;
}

.captcha > a {
	cursor: pointer;
}