.mdl-layout {
  align-items: center;
  justify-content: center;
}
.mdl-layout__content {
	padding: 24px;
	flex: none;
}

.sem-button--fullwidth {
	width:100%;
	margin:1em auto;
}

.sem-button--large {
	height:3.5em;
}

.sem-button--iconlabel {
	margin-left: 10px;
}

.sem-button--icon
 { 
 	width: 24px; height: 24px; 
 }
 
.mdl-textfield {
	font-family: Roboto,sans-serif;
}

.mdl-card__supporting-text {
	font-family: Roboto,sans-serif;
}

.mdl-textfield__input {
	font-family: Roboto,sans-serif;
}

.mdl-typography--title {
	font-family: Roboto,sans-serif;
}

.mdl-card__supporting-text {
	font-family: Roboto,sans-serif;
}

.sem-banner--centered {
	background:url("./signup-or-banner.png") center center no-repeat;
	height:2em;
	margin:1.5em auto;
}

.sem-card--login > .mdl-card__title {
	color: #FFF;
	background-color:#EEE;
	height: 100px;
	min-height: 100px;
	padding: 0px;
}

.sem-card--login {
}

.sem-card--setup {
    background-color:rgba(255,12,0,0.15);
    padding: 12px;
}

.sem-card--slogin {
    background:rgba(0, 128, 255, 0.1);
    padding: 12px;
}

.sem-error--code {
	background-color:#EEE;
	overflow:auto;
	max-height:250px;
	
	font-family: Roboto,sans-serif;
}

.sem-mt-10{
    margin-top: 10px;
}
	
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
  url('fonts/roboto-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/roboto-latin-300.woff') format('woff'), /* Modern Browsers */
  url('fonts/roboto-latin-300.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
  url('fonts/roboto-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/roboto-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('fonts/roboto-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
  url('fonts/roboto-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/roboto-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('fonts/roboto-latin-italic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
  url('fonts/roboto-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/roboto-latin-500.woff') format('woff'), /* Modern Browsers */
  url('fonts/roboto-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
  url('fonts/roboto-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/roboto-latin-700.woff') format('woff'), /* Modern Browsers */
  url('fonts/roboto-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
   }