.dt-length {
	height: 30px;
	border: 1px;
	margin-right: 10px;
	float: left;
	}
.dt-search {
	height: 30px;
	border: 1px;
	float: right;
	}
.dt-info {
	height: 50px;
	border: 1px;
	margin-right: 10px;
	vertical-align: text-bottom;
	float: left;
	}
.dt-paging {
	height: 30px;
	border: 1px;
	float: right;
	}
.dt-paging-button {
	height: 30px;
	}
.marquee {
	color: white;
	white-space: nowrap;
	margin-left: 0%;
	margin-right: 10%;
	overflow: hidden;
	font-weight: normal;
	}
/* For datepicker to get just a time input */
.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
	display: none;
	}
.only-timepicker .datepicker--time {
	border-top: none;
	}
/* Note: this index is based upon style.css for developr.
 *       88, 89, or 90:	Positioned elements at normal level
 *       98 or 99:	Positioned for menus, drop-down menus
 *       100:		Elements over drop-down menus
 *       1000:		Dragged elements
 *       999000:	Scrollbars
 *       999100:	Tooltips
 *       999200:	Open selects
 *       999300:	Modal windows
 *       999400:	Notifications
 *       999500:	Tooptips over modals and notifications
 *       999600:	Open selects over modals and notifications
 */
.ontop {
	z-index: 999700;
	}

/* This is for the marquee, but can be used elsewhere */
.blink {
	color: red;
	font-weight: normal;
	animation: blinker 1.5s linear infinite;
	}
@keyframes blinker {
	0%   {	opacity: 0.0; }
	30%  {	opacity: 1.0; }
	70%  {	opacity: 1.0; }
	100% {	opacity: 0.0; }
	}

.ampm {
	font-size: 0.75em;
	font-weight: normal;
	}

.invert {
	filter: invert(100%);
	}

.expShadow {
	box-shadow: -1px 1px 5px 5px rgba(173,216,230,0.75);
	-webkit-box-shadow: -1px 1px 5px 5px rgba(173,216,230,0.75);
	-moz-box-shadow: -1px 1px 5px 5px rgba(173,216,230,0.75);
	}