/* topbar */
#topbar .navbar {
	margin: 0;
}

#topbar #setting li a {
	cursor: pointer;
}

/* login */
.login-form {
	width: 340px;
	margin: 50px auto;
}
.login-form form {
	margin-bottom: 15px;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;
}
.login-form h2 {
	margin: 0 0 15px;
}
.form-control, .btn {
	min-height: 38px;
	border-radius: 2px;
}
.btn {        
	font-size: 15px;
	font-weight: bold;
}

/* toolbar */
#toolbar .navbar-btn{
	margin: 0;
}

#toolbar .search_menu,
#toolbar #action li a {
	cursor: pointer;
}

#toolbar #action li a#loan_delete {
	background: #d9534f;
	color: #fff;
}

#toolbar #action li a#loan_delete:hover {
	background: #c9302c;
}

/* page */
#loan-search .row > div {
	/*display: flex;*/
}
#client label, #loan-search label {
	float: left;
	width: 100px;
}

#loan-search input[type=number] {
	width: 75px;
	text-align: center;
}

#loan-table > div {
	margin: auto;
}

#loan-table .ui-jqgrid-hbox {
	padding: 0 !important;
}

#loan-table table.ui-jqgrid-htable, #loan-table table.ui-jqgrid-btable {
	width: 100% !important;
}

#client hr {
	margin-top: 0;
}

#client .form-group {
	margin-bottom: 5px;
}

#client .form-control {
	width: auto;
	display: inline-block;
	z-index: 0;
}

#client .form-check-input {
	width: 17px;
	height: 17px;
}

#client .input-group .form-control {
	width: 100%;
	padding: 6px 16px;
}

#client .input-group.input-two .form-control {
	width: 50%;
}

#client .input-group .unit1 {
	position: absolute;
	right: 6px;
	top: 10px;
	z-index: 1;
}

#client .input-group .unit2 {
	position: absolute;
	left: 6px;
	top: 10px;
	z-index: 1;
}

#client .col-xs-6 .input-group .form-control {
	min-width: 100px;
}

#repay-table input {
	width: 100px;
}

#repay-table .select_repay_box input {
	width: 20px;
}

@media (min-width: 1200px){
	#client .input-group {
		width: calc(100% - 100px);
		float: right;
	}
}