#signin {
	text-align: left;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#mainViewport {
	padding-top: 20px;
}

#update-auth-form {
	text-align: left;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#mainViewport {
	text-align: left;
}

.row-space {
	height: 15px;
}

tbody#userlist tr.deleted-user {
	background-color: #FF0000;
}

tbody#userlist tr.active-user {
	/* background-color:transparent; */
	
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8);
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
	display: block;
}

.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {from { transform:scale(1)rotate(0deg);
	
}

to {
	transform: scale(1) rotate(360deg);
}

}
@-webkit-keyframes spin2 {from { -webkit-transform:rotate(0deg);
	
}

to {
	-webkit-transform: rotate(360deg);
}

}
.center-block {
	position: fixed;
	top: 50%;
	height: 20px;
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
}

textarea.rawdata {
	white-space: pre;
	word-wrap: normal;
	overflow-x: scroll;
}
.actionContainer {
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	padding: 4px;
}
.hidden-template {
	display: none;
}
.selection_helper{
	color: gray;
	font-style: italic;
}