@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'MuseoSans-500';
  src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),  url('../fonts/MuseoSans-500.otf')  format('opentype'),
	     url('../../fonts/MuseoSans-500.woff') format('woff'), url('../fonts/MuseoSans-500.ttf')  format('truetype'), url('../fonts/MuseoSans-500.svg#MuseoSans-500') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Geogrotesque-Medium';
  src: url('../fonts/Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Geogrotesque-Medium.otf')  format('opentype'),
	     url('../fonts/Geogrotesque-Medium.woff') format('woff'), url('../fonts/Geogrotesque-Medium.ttf')  format('truetype'), url('../fonts/Geogrotesque-Medium.svg#Geogrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Geogrotesque-Regular';
  src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Geogrotesque-Regular.otf')  format('opentype'),
	     url('../fonts/Geogrotesque-Regular.woff') format('woff'), url('../fonts/Geogrotesque-Regular.ttf')  format('truetype'), url('../fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-300';
  src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),  url('../fonts/MuseoSans-300.otf')  format('opentype'),
	     url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.ttf')  format('truetype'), url('../fonts/MuseoSans-300.svg#MuseoSans-300') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-700';
  src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),  url('../fonts/MuseoSans-700.otf')  format('opentype'),
	     url('../fonts/MuseoSans-700.woff') format('woff'), url('../fonts/MuseoSans-700.ttf')  format('truetype'), url('../fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {

    font-family: 'MuseoSans-500';
    font-size: 14px;
    color: #979797;
    background: #fff;
    height:auto;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4 {
    font-weight: normal;
    padding-bottom: 20px;
    font-family: 'Geogrotesque-Medium';
    color: #000;
    font-size: 25px;
}

h1, h2, h3, h4, ul, p {
    margin: 0;
    padding: 0;
}

.md-button {
       font-family: 'MuseoSans-700';
}

/*.site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}*/

#header {
    box-shadow: 0 4px 3px -1px rgba(0, 0, 0, 0.30);    
    background: #3F51B5;
    color: #f2f2f2; 
    padding-top:70px;
    padding-bottom:12px;
 }
#header h1 {
    font-weight: normal; color: #fff; 
    font-size: 26px; margin:0; text-transform:uppercase;
}

 
.mainBody {
     
    padding:60px 20px 20px;
    text-align:center; 
}

.intallerHead {
    padding-bottom:30px;
}

.intallerHead img{ 
    width:160px;
    margin-bottom:10px;
}

.intallerHead h2{ 
    margin:0;
    color: #3F51B5;
}

.intallerActions .md-button {
    width:150px;
    margin-bottom:20px;
    padding:6px 6px; color:#fff !important;
}

.md-dialog-container h2 {

    text-align:center; color:#fff;

}

.dialogBody {
    
    font-size: 16px;
}

.md-dialog-container md-dialog-actions .md-button{
    background: #3F51B5 !important; color:#fff !important; margin:0;
}

.md-dialog-container md-dialog-actions {

   padding:0 20px 20px;

}

.footer {
    background: #3F51B5; 
    color: #fff;
    height: 30px;
    font-size: 12px;
}

.md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled] {
    background-color: rgba(63, 81, 181, 0.4) !important;
}
 
.footerLabel {
    font-size: 16px;
    font-weight: normal;
    margin: 0px !important; }