/*--------------------------------------------------------------Mid Start--------------------------------------------------------------------------*/


.mid{
  float: left;
  min-width: 75%;
  margin-left: 12.5%;
}


.login,.register{
  padding: 5%;
  width: 40%;
  border-radius: 5px;
  margin: 6% 0 8% 22.5%;
  border: 1px solid #ececec;
}
.login input[type=text] ,.login input[type=password]{
  width: 230px;
}


.login h5{
  padding: 0;
  font-size: 14px;
  display: inline-block;
  color: #a0a0a0;
  text-decoration: underline !important;
  cursor: pointer;
}
.login h5:hover{
  color: #000;
}


#loginSubmit{
  width: 100%;
}





.register{
  width: 60%;
  margin: 2% 15%;
}

.register table{
  width: 100%;
}


.register table tr td:first-child{
  width: 25%;
}

.register table tr td:not(:first-child){
  width: 75%;
}


.register-title{
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 75px;
}

.register-title h5{
  width: 100% !important;
}

.register h5{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e4e1e1;
  display: block;
  color: #353748;
  font-size: 18px;
  width: 50%;
  text-align: center;
}

.register input[type=text] ,.register input[type=password]{
  width: 90%;
  margin-left: 5%;
  border-color: #e4e1e1;
}

.register select, .register textarea{
  width: 95% !important;
  margin-left: 5%;
  border-radius: 5px;
  border-color: #e4e1e1;
}

.register textarea{
  width: 92.5% !important;
  margin-left: 5% !important;
}

#registerSubmit{
  margin-left: 5% !important;
  width: 95%;
}


.login table,.register table{
  border-collapse:separate;
  border-spacing: 0 2em;
}

.login table tr,.register table tr{
  text-align: right !important;
  font-weight: normal;
}





@media only screen and (max-device-width: 1279px) {

.mid{
  min-height: 550px;
  width: 90%;
  margin-left: 5%;
  display: flex;
  align-items: center;
}

.login,.register{
  padding:2% 2%;
  width: 100%;
  border-radius: 5px;
  margin: 90px 0 8% 0%;
  box-shadow: none;
  border: 1px solid #ececec;
}

.login h1,.register h1{
  font-size: 30px;
  padding: 0 15px;
}



.register table tr td:first-child{
  width: 20%;
}

.register table tr td:not(:first-child){
  width: 70%;
}


.register input[type=text] ,.register input[type=password]{
  width: 90%;
  margin-left: 0%;
  border-color: #e4e1e1;
}

.register select, .register textarea{
  width: 98% !important;
  margin-left: 0%;
  border-radius: 5px;
  border-color: #e4e1e1;
}

.register textarea{
  width: 93% !important;
  margin-left: 0% !important;
}

#registerSubmit{
  margin-left: 0% !important;
  width: 98%;
}


}