@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);

html,
body{
  padding: 0;
  margin: 0;
  height: 100%;
  min-height: 100%;
  font-family: 'Open Sans', sans-serif;
  color: black;// #4f5f6f;
  overflow-x: hidden; 
}

.main-wrapper{
  width: 100%;
  position: absolute;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; 
}

.app{
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  //left: 0;
  background-color: #f0f3f6;
  box-shadow: 0 0 3px #ccc;
  -webkit-transition: left 0.3s ease, padding-left 0.3s ease;
          transition: left 0.3s ease, padding-left 0.3s ease;
  overflow: hidden; 
}

.app .content {
    padding: 60px 20px 75px 20px;
    min-height: 75vh;
}

.footer {
    background-color: #fff;
    position: absolute;
    width:100%;
    //left: 230px;
    //right: 0;
    text-align:center;
    bottom: 0;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.footer .footer-block {
    vertical-align: middle;
    margin:0 auto;
  }
  
.header{
  background-color: #3c8dbc;
  height: 50px;
  position: absolute;
  width:100%;
}