html, body {       
    height: 100%;
    margin: 0;
    padding: 0;
    font-family:"Roboto",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.55;
    color:#000;
    background-color:#fff
   }

   body {
    display: flex;
    flex-direction: column; 
   }

   h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:"Roboto",Helvetica,Arial,sans-serif;
    font-weight:700;
    line-height:1.2;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.1em
   }
   h1,.h1 {
    font-size:45px
   }
   h2,.h2 {
    font-size:37px
   }
   h3,.h3 {
    font-size:29px;
    font-weight:700
   }
   h4,.h4 {
    font-size:24px;
    font-weight:700
   }
   h5,.h5 {
    font-size:15px;
    font-weight:700
   }
   h6,.h6 {
    font-size:13px;
    font-weight:700
   }
   h1,.h1,h2,.h2,h3,.h3 {
    margin-top:0;
    margin-bottom:23px
   }
   p {
    margin:0 0 23px
   }
   .lead {
    margin-bottom:23px;
    font-size:17px
   }
   @media (min-width:768px) {
    .lead {
     font-size:22.5px
    }
   } 

.main, .container-fluid, .row {
  height: 100%;
}

.intro-left {
  height: 100%;
}
   .intro-right {
    height:100%;
    min-height:500px;    
    background-size:cover;
    background-color:#259bd8; 
    background-image: url(Common/images//login_back.jpg);       
    background-attachment: fixed;
   }

   .m-stack {
    display: table;
      table-layout: fixed;
      width: 100%;
      height: 100%;
  }
  
  .m-stack__item {
    height: auto;
    display: table-row;
    vertical-align: top;
  }
  
  .m-wrapper {
    overflow: hidden;
    display: table-cell;
vertical-align: middle;
padding: 20px;
  }

  .social {
    margin-top:40px
   }
   .social a {
    margin:0 10px 0 0;
    color:#333;
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:20px;
    line-height:40px;
    font-size:13px;
    text-align:center;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out;
    vertical-align:bottom;
    border:solid 1px #333
   }
   .social a i {
    vertical-align:bottom;
    line-height:40px
   }
   .social a:hover {
    background:transparent
   }
   .social a:hover.facebook {
    color:#259bd8;
    border-color:#259bd8
   }
  
   .social a:hover.email {
    color:#259bd8;
    border-color:#259bd8
   }
   .social a:hover.link {
    color:#259bd8;
    border-color:#259bd8
   }

   .credit {
    margin-top:10px;
    font-size:13px;
    color:#999
   }