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



table {
margin-top: 10px;
    margin-left: 5%;

    height: auto;
     width: 85%;
   
    text-align: center;
    margin-top: 3%;
}


th {     font-size: 15px;     font-weight: bold;     padding: 35px;     background:rgba(35,43,85,0.95) ;
          color: black;  }
    
td {    padding: 5px;     background: 	#F5F5F5 ;     border-bottom: .5px solid #fff;
    color: black;    border-top: 1px solid transparent; width: inherit; 
	    height: inherit; }

tr:hover td { background:rgba(35,43,85,0.75) ; color: floralwhite;  }


button{
    margin-left: 5%;
}

.flexsearch--input {
  color: black;
  float: left;
  padding-top: 8px;
  width: 10%;
  height: 35px;
  border: none;
  border-radius: 10px;
  margin-top: -8px;
  background: #F8F8FF;
  margin-left: 80px;
}

.btn-signup {
  float: left;
  font-weight: 1000;
  text-transform: uppercase;
  font-size: 9px;
  text-align: center;
  color: #ffffff;
  padding-top: 8px;
  width: 10%;
  height: 35px;
	border: none;
	border-radius: 20px;
  margin-top: 23px;
  background-color: #1059FF;
    
}

input.btn-signin {
  float: left;
  padding-top: 8px;
  width: 100%;
  height: 35px;
	border: none;
	border-radius: 20px;
  margin-top: -8px;
    background: #DCDCDC;
    color: black;
}

.btn-animate {
  float: left;
margin-left: 2%;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  color: rgba(255,255,255, 1);
  padding-top: 8px;
  width: 10%;
  height: 35px;
	border: none;
	border-radius: 20px;
  margin-top: -10px;
  background-color: rgba(16,89,255, 1);
  left: 0px;
  top: 0px;
  transition: all .5s ease, top .5s ease .5s, height .5s ease .5s; 
}

.btn-animate-grow {
  width: 130%;
  height: 625px;
  position: relative;
  left: -55px;
  top: -420px;
  color: rgba(255,255,255,0);
  background-color: rgba(255,255,255,1);
}

input.btn-signup:hover, input.btn-signin:hover {
    cursor: pointer; 
    background-color: #0F4FE6;
    transition: background-color .5s; 
}