a {
	color: #00a8bf;
    text-decoration: none;
    background-color: transparent;
	letter-spacing: 0.6px;
}

.font-weight-bold {
	font-weight: 600 !important;
}

.btn-serie2 {
	color: #FFFFFF;
    background-color: #00a8bf;
    border-color: #00a8bf;
    font-size: 18px;
    width: 100%;
}

.btn-serie2:hover {
	color: #FFFFFF;
}

.serie2-input {
	border-radius: 50rem !important;
	border:1px solid #00a8bf;
	color: #1F1F1F;
	background-color: #ffffff;
}

.serie2-input-icon span i {
	color: #00a8bf;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
	color:#171717 !important;
	background-color: #ffffff !important;
}

.was-validated .form-control:valid, .form-control.is-valid {
	color:#171717 !important;
	background-color: #ffffff !important;
}


.login-form {
	/*height:650px;*/
}

.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
  display: none; }

.login.login-4.login-signin-on .login-signup {
  display: none; }

.login.login-4.login-signin-on .login-signin {
  display: block; }

.login.login-4.login-signin-on .login-forgot {
  display: none; }

.login.login-4.login-signup-on .login-signup {
  display: block; }

.login.login-4.login-signup-on .login-signin {
  display: none; }

.login.login-4.login-signup-on .login-forgot {
  display: none; }

.login.login-4.login-forgot-on .login-signup {
  display: none; }

.login.login-4.login-forgot-on .login-signin {
  display: none; }

.login.login-4.login-forgot-on .login-forgot {
  display: block; }

.login.login-4 .login-form {
  width: 100%;
  max-width: 450px; }


.login .background {
	background: url(https://novavet.pt/vetgo/media/local/bg/bk2.jpg) bottom right no-repeat;
    background-size: cover;
}

.login .box {
	justify-content: left;
    align-items: center;
	padding-left: 10%;
}

.login .box .login-form {
	background-color: #ffffffbd;
    border:none;
    box-shadow:none;
}


.login .user-icon {
	width:80px;
	margin-bottom: 20px;
}

.login .accept {
	display: flex;
    align-items: flex-start;
}

body {
	text-rendering: optimizeLegibility;
    font-family: 'Roboto' !important;
}


h1, h2 {
    text-transform: initial;
    font-family: 'Roboto';
	font-weight: 300;
}


@media (max-width: 575.98px) {
  .login.login-4 .login-form {
    width: 100%;
    max-width: 100%; }
	
	.login .background {
		background: none;
	}
	
	.user-icon {
		width: 80px !important;
		margin-bottom: 20px;
	}
	
}




/* Extra small devices (phones) */
@media screen and (max-width: 575px) {
  	.login .box {
		padding-left: 0px;
	}
	.user-icon {
		width: 80px !important;
		margin-bottom: 20px;
	}
}

/* Small devices (tablets) */
@media screen and (min-width: 576px) and (max-width: 767px) {
  /* Your CSS for small screens */
}

/* Medium devices (laptops) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* Your CSS for medium screens */
}

/* Large devices (desktops) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* Your CSS for large screens */
}

/* Extra large devices (large desktops) */
@media screen and (min-width: 1200px) {
  /* Your CSS for extra large screens */
}