File: public/assets/less/apple/plugins/_bootstrap_timepicker.less

/* Plugin - Bootstrap Timepicker */

.bootstrap-timepicker.input-group {
	display: table;
	width: 100%;
	
	& > .form-control {
		display: table-cell;
		width: 100%;
	}
	& .input-group-addon {
		display: table-cell;
		width: 20px;
	}
}
.bootstrap-timepicker-widget.dropdown-menu {
	padding: 5px !important;
	
	&.open {
		border: none !important;
		max-width: 240px;
	}
	&:before {
		display: none !important;
	}
}
.bootstrap-timepicker .bootstrap-timepicker-widget.dropdown-menu + .form-control {
	border-radius: 4px 0 0 4px;
}
.bootstrap-timepicker-widget {
	& .form-control,
	& input {
		width: 40px !important;
		border: 1px solid #d3d8de;
		box-shadow: none;
		font-size: 12px;
		line-height: 1.42857143;
		height: 34px;
		padding: 0;
		display: block;
		background-color: #fff;
		background-clip: padding-box;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		color: #495057;
		
		&:focus {
			border-color: #5db0ff;
			outline: 0;
			box-shadow: 0 0 0 0.125rem rgba(52, 142, 227, 0.3);
		}
	}
	& table td {
		padding: 5px !important;
	}
	& table td a {
		padding: 5px 0 !important;
		margin: -5px 0 !important;
		border-radius: 4px !important;
	}
	& table td a:hover,
	& table td a:focus {
		background: @blue !important;
		border: none !important;
		color: #fff;
	}
	& table td input {
		border-radius: 4px !important;
	}
	& .glyphicon.glyphicon-chevron-up:before {
		content: '\f077';
	}
	& .glyphicon.glyphicon-chevron-down:before {
		content: '\f078';
	}
}