* {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}

#logout
{
	cursor: pointer;
}

#messagebox
,#dimmer .wrapper
{
	display: flex;
}
#dimmer .wrapper
,input[type="number"]
{
	width: 100%;
}
#dimmer .wrapper
{
	height: 100%;
}
html,body
{
	height: 100%;
}
@font-face {
	font-family: 'Gotham';
	src: url('/fonts/Gotham-Book.eot');
	src: url('/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype')
		,url('/fonts/Gotham-Book.woff') format('woff')
		,url('/fonts/Gotham-Book.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham';
	src: url('/fonts/Gotham-Bold.eot');
	src: url('/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype')
		,url('/fonts/Gotham-Bold.woff') format('woff')
		,url('/fonts/Gotham-Bold.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}
body,button,input,textarea,select,table
{
	font-family: 'Gotham';
	font-size: 14px;
}
input,textarea,select,table
{
	border: none;
}

.error
{
	border-left: 2px solid red !important;
	animation-name: flash;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}
@keyframes flash {
	0% { background-color: red; }
	25% { background-color: red; }
	100% { background-color: white; }
}

#messagebox {
	height: 100px;
	padding: 8px;
	justify-content: center;
	align-items: center;
}
.disabled {
    background-color: rgba(0,0,0,.4) !important
}
.button[name='reset_password'] {
    border: none;
    background-color: transparent;
    font-size: 75%;
    color: red;
}
#dimmer {
	display: none;
	position: fixed;
	background-color: rgba(255,255,255,.5);
	width: 100%;
	height: 100%;
	z-index: 100;
}
.spinner {
  width: 128px;
  height: 128px;
  margin: auto;
  background-color: #f04187;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 32px;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}