
.tvo-datetime {
	position: relative; // create a container for the

	// label to the left of the text box..
	.input-group-addon {
		width: 85px;
		height: 34px;
		line-height: 14px;
		padding-top: 9px;
		float: left;
	}

	& > * {
		display: inline-block;
	}

	// no outline
	* {
		outline: none;
	}

	// better style for picking a date.
	.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
		border: 0;
	}

	// text box
	input.datetime-picker-input[type="text"] {
		min-width: 135px;
		width: 55%;
		padding-left: 7px;
		padding-right: 7px;
		display: inline-block;
		float: left;

		//border: none;
		outline: none;
		//margin-top: 2px;
		//margin-bottom: 0;
	}

	// calendar button
	.btn-open-calendar {
		display: inline-block;
		height: 34px;
		border-left: none;
		vertical-align: baseline;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

	// fix the width of the calendar drop down.
	ul.dropdown-menu {
		width: 280px;
	}
}
