.login-main-text{
    padding: 60px;

}

.unreaded_button {
      position: fixed;
      top: 20em;
      right: 2em;
      width:10%;
      z-index:999;

}

.login-main-text h2{
    margin-top: 0px;
    font-weight: 300;
}


body, footer {
  font-family: 'Poppins', sans-serif;
  font-size:10px;
# background: linear-gradient(135deg, #F0F0F0, #D1D1D1);
  margin: 0;
            

}

.customer_logo {
    position:relative;
    left:50%;
    margin: 10px;
    width:20%;
    height:20%;
}

.main_logo {
    width:100%;
    height:95vh;
}


div {
    background:inherit;
    font-family:inherit;
  overflow: hidden;


}

.middle{
    width:95%;
    margin-left:50px;
    padding-bottom:10px;
}

.login{
    width: 60%;
    float: right;
    overflow-x: hidden;
}

.footer {
   margin-top: 20px;

}

div.top-right {

  position: right;
  float: right;
  overflow: hidden;
  height: auto;

}

ul.nav {
  list-style-type: none;
  height: auto;
}


li.nav a.active{
    background-color: green;
}


li.nav {

  float: left;
  text-align: center;
  height: auto;
}

li.nav a {

  display: block;
  color: black;
  text-align: center;
  text-decoration: none;

}
li.nav.active {
  background-color: green;
}


div.right {
    float: right;

    word-wrap:break-word;
    width:40%;

}

div.left {
    float: left;
    width:50%;
    overflow-x: hidden;
}

.center {

    text-align: center;
    overflow-x: hidden;

}
.with_help .tiptext {
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 12px;

    visibility: hidden;
}

.with_help:hover .tiptext {
    border-radius: 6px;
    padding: 10px 10px;
    margin: 5px;
    visibility: visible;
}