#login-container {
	max-width: 400px;
}

.fill-height {
	height: 100%;
	min-height: 100%;
}

#map {
	height: 400px;
	width: 100%;
	border: 1px solid #e9e9e9;
}

#device-table {
	margin-top: 15px;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.slider-addon {
	display: table-cell;
}

.slider-addon:last-child {
	padding-left: 7px;
}

.btn-group-wrap {
	margin-top: -5px;
	text-align: center;
	vertical-align: middle;
}

div.btn-group {
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: inherit;
	display: inline-block;
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.progress {
	margin-bottom: 0 !important;
}

.widget .widget-body.medium {
	height: 420px;
}

.widget .widget-body.large {
	height: 550px;
}

rd-loading, .no-device-loaded {
	position: absolute;
	z-index: 5000;
	background-color: #FFFFFF;
	top: 0;
	bottom: 0;
	left: 15px;
	right: 15px;
	opacity: 0.8;
	border: 1px solid #e9e9e9;
}

rd-loading > .loading {
	margin: 40% auto;
}

.growl-container.growl-fixed.top-right {
	top: 75px;
}

.widget .widget-header > div.row > div > em.material-icons {
	vertical-align: middle;
}

.widget .widget-header > div.row > div > button > em.material-icons {
	margin-right: 0;
}

.widget-header > div.row > div {
	margin-bottom: 0px;
}

label.btn-toggle-bar {
	padding-bottom: 1px;
}

#reload-button {
	padding-bottom: 1px;
}

ul.sidebar .sidebar-main .menu-icon {
	margin-right: 23px;
	padding-right: 0;
	cursor: pointer;
}

ul.sidebar .sidebar-list .menu-icon {
	margin-right: 3px;
	padding-right: 0;
}

.row.header .user > .item em {
	font-size: 20px;
	line-height: 55px;
}

#forgot-pw-btn {
	margin-top: 15px;
}

// Rules for sizing the icon.
.material-icons.md-18 {
	font-size: 18px !important;
}
.material-icons.md-24 {
	font-size: 24px !important;
}
.material-icons.md-36 {
	font-size: 36px !important;
}
.material-icons.md-48 {
	font-size: 48px !important;
}

// Rules for using icons as black on a light background.
.material-icons.md-dark {
	color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26);
}

// Rules for using icons as white on a dark background.
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
	color: rgba(255, 255, 255, 0.3);
}