.containernv {
  padding: 16px;
}

/* The Modal (background) */
.modalnv {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,25,51,.7);
  padding-top: 50px;

}

/* Modal Content/Box */
.modal_contentnv {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #888;*/
  width: 100%;
  height: 600px;
   /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Close Button (x) */
.closenv {
  position: absolute;
  right: 35px;
  top: 5px;
  font-size: 40px;
  font-weight: bold;
  color: white;
}

.closenv:hover,
.closenv:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfixnv::after {
  content: "";
  clear: both;
  display: table;
  color: white;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn, .signupbtn {
     width: 30%;
  }
}

.refnv {
background-color: rgb(245,245,245);

}

.refnvc {
height: 535px;

}

.eko {
position: absolute; 
top: 93%; 
left: 19px;
width: 92%;
}

.eko2 {
font-family: 'Cuprum', sans-serif;
font-size: 16px;
letter-spacing: 1px; 

}

.eko3 {
font-family: 'Cuprum', sans-serif;
font-size: 18px;
letter-spacing: 1px;

}


.subnva {
height: 55px !important; 

}

.fontnv {
font-family: 'Cuprum', sans-serif;

}

.ptnv {
padding: 0px !important;

}

.intnv {
border-bottom: 2px solid #E0E0E0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
background-color: white !important;
border-radius: 0px !important;
padding: 5px !important;
margin: 0px !important;
font-family: 'Roboto Slab', serif !important;
letter-spacing: .4px;
font-size: 13px !important;

}


.intnv:focus {
box-shadow: none !important;
border-color: black !important;

}



/*   Reset Password   */

.containerrsnv {
background-color: rgb(245,245,245);
padding: 30px;
}

.popresetnv {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,25,51);
  padding-top: 100px;

}


.modal_popcontentnv {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  /*border: 1px solid #888;*/
  width: 100%;

}

.popclosenv {
  position: absolute;
  right: 40px;
  top: 10px;
  font-size: 40px;
  font-weight: bold;
  color: white;
}

.popclosenv:hover,
.popclosenv:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */

.fgtnv {
background-color: rgb(245,245,245);
padding: 40px 30px 40px 30px !important;
border-radius: 5px;
box-shadow: 0 0 0 2px #606060, 0 0 5px black;
}

.rsintnv {
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
letter-spacing: .8px;
border-radius: 0px !important;
height: 45px !important;
background: #f1f1f1;
background-clip: unset !important;
box-shadow: 0 0 0 2px transparent !important;

}

.rsintnv:focus {
background-color: #ddd !important;
outline: none;
box-shadow: none !important;
border-color: transparent !important;
}

/*   Reset Password   */