.page-login {
  font-size: 15px;
  padding: 64px 24px;
  padding-top: 45px;
  overflow-y: auto;
  height: auto;
  min-height: 100%;
  background-size: cover !important;
  background-image: url('../../../images/bg/001.jpg') !important;
}

body.page-login:before {
background-image: -webkit-linear-gradient(to right, #2fac66 0%, #2fac66 25%, #2daae1 25%, #2daae1 50%, #e5493a 50%, #e5493a 75%, #96c11f 75%, #96c11f 100%);
width: 100%;
background-image: linear-gradient(to right, #2fac66 0%, #2fac66 25%, #2daae1 25%, #2daae1 50%, #e5493a 50%, #e5493a 75%, #96c11f 75%, #96c11f 100%);
position: absolute;
height: 2px;
left: 0 !important;
top: 0 !important;
content: '';
z-index: 1; 
}

@media (min-width: 1400px) {
  body.page-login {
	  padding-top: 90px;
  }
}

@media (min-width: 1600px) {
  body.page-login {
	  padding-top: 120px;
  }
}



.page-login .logo {
  width: 220px !important;
}

.page-login .login_page_wrapper {
margin-top: 45px !important;
}

@media only screen and (max-width: 767px) {
  body.page-login {
    padding: 24px;
  }
}

.page-login .login_page_wrapper {
  width: 360px;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.page-login .md-card-content {
	min-height: 400px;
}

.page-login .md-card-content .btn-toggle {
	position: relative !important;
	right: -30px;
	top: -15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
 .page-login .user_avatar {
    background-image: url("../img/avatars/user@2x.png");
    background-size: 64px 64px;
  }
}
.page-login .login_heading {
  text-align: center;
  margin-bottom: 32px;
}

.page-login .md-btn {
	margin-top: 35px !important;
	background: var(--color-primary) !important;
}

.page-login .recuperar-senha {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	text-align: right !important;
}

.page-login .recuperar-senha a:hover {
	color: #2b2b2b !important;
}

.page-login form .uk-form-row:not(.uk-flex),
.page-login form .uk-form-row:not(.container-buttons) {
	margin-bottom: 13px !important;
	margin-top: 13px !important;
}



/* SGAP */

ul.icons-sgap {
	margin-top: 25px;
}

ul.icons-sgap li {
	text-align: center !important;
	cursor: pointer !important;
}

ul.icons-sgap span.icon img {
	width: 80px !important;
	display: block !important;
}
ul.icons-sgap span.text,
ul.icons-sgap span.text > * {
	font-size: 13px !important;
	text-align: center !important;
	font-weight: 600 !important;
	
}

.uk-panel.instituto {
	min-width: 90px;
	position: relative;
	z-index: 10 !important;
	left: 05px;
	top: 90px;
	background-color: #fff !important;
	box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
	-moz-box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
	-webkit-box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
}

.uk-panel.instituto img {
	max-width: 100px !important;
}


.js-modulo-login {
	background: #fff !important;
}

.js-modulo-login  {
	min-width: 140px;
}

.js-modulo-login img {
	width:  30px !important;
	position: relative;
	margin-top: -3px;
	margin-right: 5px;
}

.js-modulo-login span.texto {
	min-width:  90% !important;
	padding-left: 10px;
}
.js-modulo-login *,
.js-modulo-login  {
	font-size: 14px !important;
	text-align: center !important;
	font-weight: 600 !important;
	color: #4D7737;
}

.js-modulo-login *, 
.js-modulo-login .uk-display-block {
	display: inline !important;
}

.js-modulo-login + .btn-toggle img {
	max-width: 35px !important;
	position: absolute !important;
	margin-top: -15px;
	margin-left: 15px;
	opacity: 0.3 !important;
	-webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
	 
	/* Rotate div */
    -ms-transform: rotate(25deg); /* IE 9 */
    -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
    transform: rotate(25deg);
	
}

.js-modulo-login + .btn-toggle img:hover {
	opacity: 1 !important;
	width: 35px !important;
	margin-left: 10px;
	-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
	 
	/* Rotate div */
    -ms-transform: rotate(-05deg); /* IE 9 */
    -webkit-transform: rotate(-05deg); /* Chrome, Safari, Opera */
    transform: rotate(-05deg);
}

	
@media (max-width: 540px) {
	
	.page-login #login_card {
		  min-width: 340px !important;
		  margin-left: -13px;
	}
	
	.uk-panel.instituto {
		min-width: 70px;
		position: relative;
		z-index: 10 !important;
		left: -5px;
		top: 90px;
		background-color: #fff !important;
		box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
		-moz-box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
		-webkit-box-shadow: -7px 7px 5px rgba(0,0,0,.08), 2px 2px 5px rgba(0,0,0,.08);
	}

	
	.uk-panel.instituto img {
		max-width: 80px !important;
	}
}