
@font-face {
  font-family: 'Roboto-Regular';
  src: url('/f/Roboto-Regular.eot');
  src: url('/f/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/f/Roboto-Regular.woff') format('woff'), url('/f/Roboto-Regular.ttf') format('truetype'), url('/f/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('/f/Roboto-Bold.eot');
  src: url('/f/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/f/Roboto-Bold.woff') format('woff'), url('/f/Roboto-Bold.ttf') format('truetype'), url('/f/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Italic';
  src: url('/f/Roboto-Italic.eot');
  src: url('/f/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('/f/Roboto-Italic.woff') format('woff'), url('/f/Roboto-Italic.ttf') format('truetype'), url('/f/Roboto-Italic.svg#Roboto-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

.login-evalue-image {
  cursor: pointer;
  padding-top: 30px;
  box-sizing: content-box !important;
}

.login-body {
  margin: 0px;
  background-color: #e2e0dd !important;
}

.login-top-border {
  background-color: #00548b;
  padding: 0px;
  height: 19px;
}

.login-form-container {
  background-color: white;
  border: 1px solid #c4ccd1;
  border-radius: 5px;
  margin: auto;
  width: 45%;
  max-width: 550px;
  min-width: 400px;
  margin-top: 50px;
  min-height: 465px;
  text-align: center;
}

.login-form-sub-container {
  text-align: left;
  width: 48%;
  margin: auto;
  padding-top: 8px;
  margin-bottom:30px;
}



.login-bottom {
  margin: auto;
  width: 45%;
  margin-top: 12px;
  margin-bottom: 20px;
  max-width: 550px;
  min-width: 400px;
}

hr.login-top {
  border:1px solid #f6f6f6;
}

div.medhubLink {
  float: left;
}

div.forgotPW {
  float: right;
}

a.medhubLink {
  font-family: 'Roboto-Bold';
  font-size: 12px;
  color: #606466;
  text-decoration: none;
}

a.medhubLink:visited {
  color: #606466;
}

a.medhubLink:hover {
  color: #00548b;
}

a.medhubLink:active {
  color: #00548b;
}

a.forgotPW {
  font-family: 'Roboto';
  font-weight:900;
  font-size: 12px;
  color: #606466;
  text-decoration: none;
}

a.forgotPW:visited {
  color: #606466;
}

a.forgotPW:hover {
  color: #00548b;
}

a.forgotPW:active {
  color: #00548b;
}

.loginLabel {
  font-family: 'Roboto';
  font-size: 12px;
  color: #636363;
  font-weight: normal;
}

input.form-control {
  color: #636363 !important;
  font-size: 12px;
}

input#AIInstitutionCode.form-control{
  padding:0px 6px 0px 6px;
  font-family: 'Roboto';
}

.medGreen {
  color: #508410;
}


input.login {
  color: white;
  font-family: 'Roboto';
  font-size: 16px !important;
  background-color: #508410 !important;
  font-weight: normal !important;
  width: 100%;
  height: 35px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
   transition: background 0.3s ease;
}

input.login:hover {
  background-color: #00548b !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: white;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
   transition: background 0.3s ease;
}

input.login:focus {
  background-color: #00548b !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: white;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
   transition: background 0.3s ease;
}

.disclaimer {
  font-family: 'Roboto';
  font-size: 12px;
  color: #636363;
  padding-top: 15px;
}

    div.gotoFull{
    	text-align:center;
    }
    a.gotoFull {
      font-family: 'Roboto';
	    font-weight:900;
      font-size: 12px;
      color: #606466;
      text-decoration: none;

    }

    a.gotoFull:visited {
      color: #606466;
    }

    a.gotoFull:hover {
      color: #00548b;
    }

    a.gotoFull:active {
      color: #00548b;
    }
/*phones*/
@media screen and (max-width: 414px) {
  .login-evalue-image {
    cursor: pointer;
    padding-top: 15px;
    width: 175px;
    box-sizing: content-box !important;
  }
  .login-form-container {
    background-color: white;
    border: 1px solid #c4ccd1;
    border-radius: 5px;
    margin: auto;
    width: 90%;
    min-width: 300px;
    margin-top: 5px;
    min-height: 415px;
    text-align: center;
  }
  .login-form-sub-container {
	  text-align: left;
	  width: 80%;
	  margin: auto;
	  padding-top: 8px;
	}

  .login-bottom {
    margin: auto;
    width: 90%;
    margin-top: 12px;
    min-width: 300px;
  }
  a.medhubLink {
    font-size: 8px;
  }
  a.forgotPW {
    font-size: 8px;
  }

.login-top-border {
  background-color: #00548b;
  padding: 0px;
  height: 4px;
}
hr.login-top {
  margin-top:5px;margin-bottom:5px;
}

}

/*tablets*/
@media screen and (max-width: 961px) {
    .login-form-sub-container {
  	  text-align: left;
  	  width: 80%;
  	  margin: auto;
  	  padding-top: 8px;
  	}
}
