html, body {
	height: 100%;
	font-family: Poppin, sans-serif !important;
	
	background: no-repeat;
	background-color: #fff;
	background-image: linear-gradient(white, rgba(142, 3, 1,2));
}
.leftDivLogin {
	background: rgba(142, 3, 1,1) !important;
}
.login-footer {
	background: rgba(142, 3, 1,1) !important;
}
.label-material {
	color: #fff !important;
}
body.my-login-page {
	background-color: #f7f9fb;
	font-size: 14px;
}
.btn-primary {
  color: #fff;
  background-color: #0c4d91;
  border-color: #0c4d91;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0876ab;
  border-color: #0876ab;
}
.my-login-page .brand {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 40px auto;

	position: relative;
	z-index: 1;
}

.my-login-page .brand img {
	width: 100%;
}

.my-login-page .card-wrapper {
	width: 400px;
}

.my-login-page .card {
	border-color: transparent;
	box-shadow: 0 4px 8px rgba(0,0,0,.05);
}

.my-login-page .card.fat {
	padding: 10px;
}

.my-login-page .card .card-title {
	margin-bottom: 30px;
}

.my-login-page .form-control {
	border-width: 2.3px;
}

.my-login-page .form-group label {
	width: 100%;
}

.my-login-page .btn.btn-block {
	padding: 12px 10px;
}

.my-login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
}

@media screen and (max-width: 425px) {
	.my-login-page .card-wrapper {
		width: 90%;
		margin: 0 auto;
	}

	.login-left-panel {
		display: none !important;
	}
	.login-mobile-logo-mini {
		display: block !important;
	}

	html, body {
		height: 100%;
		font-family: Poppin, sans-serif !important;
		background: no-repeat;
		background-color: #fff;
	}
}

@media screen and (max-width: 320px) {
	.my-login-page .card.fat {
		padding: 0;
	}

	.my-login-page .card.fat .card-body {
		padding: 15px;
	}

	.login-left-panel {
		display: none !important;
	}

	.login-mobile-logo-mini {
		display: block !important;
	}
	html, body {
		height: 100%;
		font-family: Poppin, sans-serif !important;
		background: no-repeat;
		background-color: #fff;
	}

}
.btn-clinica {
	background-color: #8e0301 !important;
	color:#fff;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}


.loading:not(:required):after {
	content: '';
	opacity:0.5;
	display: block;
	font-size: 10px;
	width: 50px;
	height: 50px;
	margin-top: -0.5em;
	border: 15px solid #fff;
	border-radius: 100%;
	border-bottom-color: transparent;
	-webkit-animation: spinner 1s linear 0s infinite;
	animation: spinner 1s linear 0s infinite;
}