/* Overides
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@import url('https://fonts.googleapis.com/css?family=Heebo:100|Inconsolata');

body {
	background: #ffffff url(../xms_systems_vanilla/404.jpg) no-repeat fixed center center!IMPORTANT;
	-webkit-background-size: cover!IMPORTANT;
	-moz-background-size: cover!IMPORTANT;
	-o-background-size: cover!IMPORTANT;
	background-size: cover!IMPORTANT;
	color:#000000!IMPORTANT;
}

h2 {
	font-family: 'Inconsolata', verdana;
	padding-left: 5px;		
}

.wrapper {
	padding: 0px;
	max-width: 1280px!IMPORTANT;
	margin: 0 auto 0px;
	z-index: -2;
}

p {
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Heebo', sans-serif!IMPORTANT;
	font-size: 2em!IMPORTANT;
	font-weight: bolder;
}

html {
	font-family: 'Droid Sans'!IMPORTANT;	
}
h1 {
	font-family: 'Heebo', sans-serif!IMPORTANT;	
	font-size: 4em!IMPORTANT;
}

h2, h3, h4, h5, h6 {
	font-family: 'Inconsolata', verdana!IMPORTANT;	
	padding-left: 5px!IMPORTANT;	
}

.container {
	/*background: rgba(250,250,250,0.8); /*white*/	
}

div.valign-middle {
	display: flex;
	align-items: center;
    justify-content: center;
	text-align: center;
}

/* Action Button */
.button.button-action,
button.button-action,
input[type="submit"].button-action,
input[type="reset"].button-action,
input[type="button"].button-action {
  color: #000;
  background-color: #8cff1a;
  border-color: #8cff1a; }
.button.button-action:hover,
button.button-action:hover,
input[type="submit"].button-action:hover,
input[type="reset"].button-action:hover,
input[type="button"].button-action:hover,
.button.button-action:focus,
button.button-action:focus,
input[type="submit"].button-action:focus,
input[type="reset"].button-action:focus,
input[type="button"].button-action:focus {
  color: #000;
  background-color: #72e600;
  border-color: #72e600; }
  
/* Ok Button */
.button.button-ok,
button.button-ok,
input[type="submit"].button-ok,
input[type="reset"].button-ok,
input[type="button"].button-ok {
  color: #FFF;
  background-color: #8add88;
  border-color: #8add88; }
.button.button-ok:hover,
button.button-ok:hover,
input[type="submit"].button-ok:hover,
input[type="reset"].button-ok:hover,
input[type="button"].button-ok:hover,
.button.button-ok:focus,
button.button-ok:focus,
input[type="submit"].button-ok:focus,
input[type="reset"].button-ok:focus,
input[type="button"].button-ok:focus {
  color: #FFF;
  background-color: #77d774;
  border-color: #77d774; }  
  
/* Danger Button */
.button.button-danger,
button.button-danger,
input[type="submit"].button-danger,
input[type="reset"].button-danger,
input[type="button"].button-danger {
  color: #FFF;
  background-color: #ff6666;
  border-color: #ff6666; }
.button.button-danger:hover,
button.button-danger:hover,
input[type="submit"].button-danger:hover,
input[type="reset"].button-danger:hover,
input[type="button"].button-danger:hover,
.button.button-danger:focus,
button.button-danger:focus,
input[type="submit"].button-danger:focus,
input[type="reset"].button-danger:focus,
input[type="button"].button-danger:focus {
  color: #FFF;
  background-color: #ff0066;
  border-color: #ff0066; }