@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
/************************/
/* HIDE GOOGLE TRANSLATE*/
.goog-te-banner-frame.skiptranslate {
    display: none !important;
} 
/************************/

.login-logo{
	background: url(/images/fundo-final.jpg) center;
	/*height: 58vh;*/
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_login{
	background-color: #F6B024 !important;
    border-color: #F6B024 !important;
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
	color: white;
}

.bt_login:hover{
	background-color: #F6B024 !important;
    border-color: #F6B024 !important;
	color: white;
}

.bt_login:active{
	background-color: #F6B024 !important;
    border-color: #F6B024 !important;
	color: white;
}

.bt_registar{
	background-color: #BE2A2B !important;
    border-color: #BE2A2B !important;
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
	color: white;
}	

.bt_registar:hover{
	background-color: #BE2A2B !important;
    border-color: #BE2A2B !important;
	color: white;
}	

.bt_registar:active{
	background-color: #BE2A2B !important;
    border-color: #BE2A2B !important;
	color: white;
}	


.login-logo:before {
    content: "";
    background: linear-gradient(162deg, rgba(2, 0, 36, 0) 0%, rgba(190, 42, 43, 0.59) 0%, rgba(191, 62, 62, 0) 100%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
	height: 60vh;
	max-width: 768px;
    margin: 0 auto;
}

.login-box{
	height: 100%;
    background: linear-gradient(80deg, #BE2A2B, #c6434440);
}	


 /****** RESPONSIVO ***/
 
@media screen and (max-width: 375px) and (min-width: 100px) {
	.login-logo, .register-logo {
		padding-top: 50px;
		padding-bottom: 102px;
	}

}
@media screen and (max-width: 415px) and (min-width: 376px) {
	.login-logo, .register-logo {
		padding-top: 92px;
		padding-bottom: 124px;
	}
} 


@media (max-width: 768px){
	.login-box, .register-box {
		width: 100%;
		margin:0px;
		height: 100%;
		padding: 0;
	}
}


@media (min-width: 768px){
	.login-logo{
		/*background: url(/images/heart.jpg) top center !important;*/
	}	
}

/****************************************************************/
 html{
	/*
	background: -moz-linear-gradient(-45deg, #3d5566 0%, #60c3ff 100%); 
	background: -webkit-linear-gradient(-45deg, #3d5566 0%,#60c3ff 100%);
	background: linear-gradient(135deg, #3d5566 0%,#60c3ff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5566', endColorstr='#60c3ff',GradientType=1 );
	*/
}
html, body{
	margin: 0;
    height: 100%;
	/*background-image: url(/m/images/abertura.jpg);*/
	background-position: center;
	font-family: 'Source Sans Pro', sans-serif;
}

		
input[type='email'] {
    background-image: url(/images/user.png);
    background-position: 12px 9px;
    background-repeat: no-repeat;
	border: 1px solid #BE2A2B;
}
input[type='password'] {
    background-image: url(/images/lock.png);
    background-position: 12px 9px;
    background-repeat: no-repeat;
	border: 1px solid #BE2A2B;
}


.login-logo, .register-logo {
	text-align: center;
}
.login-logo h2{
	font-size: 18px;
    color: #4B86AF;
}

.field-icon {
	float: right;
    margin-right: 12px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #cecece;
}

.has-feedback .form-control {
    border-radius: 10px;
    padding: 14px 14px;
}

.btn.btn-flat {
	border-radius: 10px;
    padding: 10px 6px;
	text-transform: uppercase;
}

.login-box-body, .register-box-body {
    background: transparent;
    padding: 00px 30px;
    border-top: 0;
    color: #666;
	text-align: center;
	/*background: linear-gradient(80deg, #BE2A2B, #c6434440);*/
}

.login-box-msg, .register-box-msg {
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px 3px 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
}

.recupera_pass{
	font-family: 'Source Sans Pro', sans-serif;
	color: #BE2A2B !important;
	font-weight: 400;
}	

.login-box-body span.error{
	color:#ffffff;
}

.login_bottom{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
	/*margin-top: 10px;*/
}


.login_bottom p{
	margin-bottom:0px;
	font-family: 'Bebas Neue', cursive;
    font-size: 14px;
    color: rgba(43, 47, 59, 0.60) !important;
    font-weight: 300;
}

.recuperar_pwd{
	width: 100%;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 10px;
	/*margin-top: 15px;*/
	font-size: 13px;
}
.recuperar_pwd a{
	color:#fff;
}
.form-group {
    margin-bottom: 5px;
}


.modal.logout-modal {
  margin-top: 122px;
}

.modal.logout-modal .modal-dialog {
  overflow: visible;
}

.modal.logout-modal .modal-content {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  width: 90%;
}

.modal.logout-modal .modal-header {
  padding: 1rem 1rem 0 1rem;
  border-bottom: 0;
}

.modal.logout-modal .modal-header .modal-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #4b86af;
}

.modal.logout-modal .modal-header .project-name {
  text-align: center;
  font-size: 24px;
  color: #4b86af;
  padding: 0;
  margin: 0;
}

.modal.logout-modal .modal-body .desc {
  text-align: center;
  font-size: 14px;
  color: #707070;
  padding: 0;
  margin: 0px 40px;
}

.modal.logout-modal .modal-footer {
  padding: 0.95rem 0.95rem 0.55rem 0.95rem;
}
.modal.logout-modal {
  margin-top: 122px;
}

.modal.logout-modal .modal-dialog {
  overflow: visible;
}

.modal.logout-modal .modal-content {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  width: 90%;
}

.modal.logout-modal .modal-header {
  padding: 1rem 1rem 0 1rem;
  border-bottom: 0;
}

.modal.logout-modal .modal-header .modal-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #BE2A2B;
}

.modal.logout-modal .modal-header .project-name {
  text-align: center;
  font-size: 24px;
  color: #4b86af;
  padding: 0;
  margin: 0;
}

.modal.logout-modal .modal-body .desc {
  text-align: center;
  font-size: 14px;
  color: #707070;
  padding: 0;
  margin: 0px 40px;
}

.modal.logout-modal .modal-footer {
  padding: 0.95rem 0.95rem 0.55rem 0.95rem;
}
.modal .btn-primary.width140 {
	width: 140px;
    border-radius: 10px;
    padding: 10px 10px;
    margin: 0 auto;
	background-color: #be2a2b!important;
}
.waves-input-wrapper {
	margin:0 auto;
}
p.desc{
	text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}


.main-wrapper {
	 height: 100vh;  
}

.section {
	height: 100%;  
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.half1 {
	height: 60%;  
	width: 100%;
}

.half2 {
	height: 40%;  
	width: 100%;
	background: linear-gradient(160deg, #BE2A2B, #c6434400);
}

.caixa_alerta {
    background-color: #be2a2b !important;
    margin-bottom: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
	border: none !important;
    border-radius: 0 !important;
    color: white !important;
}

.fechar_alerta{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
	opacity: 0.8 !important;
	outline: none !important;
}	


.swal2-title{
	font-size: 18px !important;
}	

.swal2-styled.swal2-confirm {
	background-color: #BE2A2B !important;
	outline:none !important;
	font-size: 14px !important;
}

.swal2-html-container{
	font-size: 14px !important;
}	
			
.swal2-icon.swal2-success .swal2-success-ring {
	border: .25em solid rgb(152, 34, 34) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: #982222 !important;
}

.swal2-icon.swal2-success {
	border-color: #be2a2b !important;
	color: #be2a2b !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
	top: 2.275em !important;
	left: 0.8125em !important;
	width: 1.0625em !important;
}
		
		
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
	top: 1.975em !important;
	right: .5em !important;
	width: 2.2375em !important;
}

.swal2-icon {
	width: 4em !important;
	height: 4em !important;
}


.swal2-icon.swal2-info {
	border-color: #982222 !important;
	color: #982222 !important;
}


.swal2-icon .swal2-icon-content {
	font-size: 3.45em !important;
}


.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	top: 2.0125em !important;
	width: 1.9375em !important;
	height: 0.2125em !important;
	background-color: #be2a2b !important;
}

.swal2-icon.swal2-error {
	border-color: #be2a2b !important;
	color: #be2a2b !important;
}

.swal2-popup {
	width: 23em !important;
	padding: 1.00em !important;
}

@media screen and (max-height: 550px) {
	.half2 {
		background: transparent !important;
	}
	
	.login-box-body, .register-box-body {
		background: linear-gradient(80deg, #BE2A2B, #c6434440) !important;
	}
	
	.logo-main{	
		width: 125px !important;
		margin-top: 50px !important;
	}	
	
	.logo-coracoes{
		width: 100px !important;
		position: absolute !important;
		bottom: 0 !important;
		left: 40px !important;		
	}	

	.projeto{
		position: absolute !important;
		bottom: 0 !important;
		left: -10px !important;
	}		
}


@media screen and (min-height: 500px) and (max-height: 569px) {
	.half2 {
		background: transparent !important;
	}
	
	.login-box-body, .register-box-body {
		background: linear-gradient(80deg, #BE2A2B, #c6434440) !important;
	}	
}

@media only screen and (min-width: 500px) {
	.form-login	{
		width: 50%;
		margin: 0 auto;
	}	
}