/*//////////////////////////////////////////////////////////////////


[ FONT ]*/





@font-face {


  font-family: Poppins-Regular;


  src: url('../fonts/poppins/Poppins-Regular.ttf'); 


}





@font-face {


  font-family: Poppins-Bold;


  src: url('../fonts/poppins/Poppins-Bold.ttf'); 


}





@font-face {


  font-family: Poppins-Medium;


  src: url('../fonts/poppins/Poppins-Medium.ttf'); 


}





@font-face {


  font-family: Montserrat-Bold;


  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 


}





/*//////////////////////////////////////////////////////////////////


[ RESTYLE TAG ]*/





* {


	margin: 0px; 


	padding: 0px; 


	box-sizing: border-box;


 /* width: 100%;  */


}





body, html {


	height: 100%;


	font-family: Poppins-Regular, sans-serif;


}





/*---------------------------------------------*/


a {


	font-family: Poppins-Regular;


	font-size: 11px;


	line-height: 1.7;


	color: #666666;


	margin: 0px;


	transition: all 0.4s;


	-webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


}





a:focus {


	outline: none !important;


}





a:hover {


	text-decoration: none;


  color: #57b846;


}





/*---------------------------------------------*/


h1,h2,h3,h4,h5,h6 {


	margin: 0px;


}





p {


	font-family: Poppins-Regular;


	font-size: 12px;


	line-height: 1.7;


	color: #666666;


	margin: 0px;


}





ul, li {


	margin: 0px;


	list-style-type: none;


}








/*---------------------------------------------*/


input {


	outline: none;


	border: none;


}





textarea {


  outline: none;


  border: none;


}





textarea:focus, input:focus {


  border-color: transparent !important;


}





input:focus::-webkit-input-placeholder { color:transparent; }


input:focus:-moz-placeholder { color:transparent; }


input:focus::-moz-placeholder { color:transparent; }


input:focus:-ms-input-placeholder { color:transparent; }





textarea:focus::-webkit-input-placeholder { color:transparent; }


textarea:focus:-moz-placeholder { color:transparent; }


textarea:focus::-moz-placeholder { color:transparent; }


textarea:focus:-ms-input-placeholder { color:transparent; }





input::-webkit-input-placeholder { color: #999999; }


input:-moz-placeholder { color: #999999; }


input::-moz-placeholder { color: #999999; }


input:-ms-input-placeholder { color: #999999; }





textarea::-webkit-input-placeholder { color: #999999; }


textarea:-moz-placeholder { color: #999999; }


textarea::-moz-placeholder { color: #999999; }


textarea:-ms-input-placeholder { color: #999999; }





/*---------------------------------------------*/


button {


	outline: none !important;


	border: none;


	background: transparent;


}





button:hover {


	cursor: pointer;


}





iframe {


	border: none !important;


}








/*//////////////////////////////////////////////////////////////////


[ Utility ]*/


.txt1 {


  font-family: Poppins-Regular;


  font-size: 13px;


  line-height: 1.5;


  color: #999999;


}





.txt2 {


  font-family: Poppins-Regular;


  font-size: 13px;


  line-height: 1.5;


  color: #666666;


}








/*//////////////////////////////////////////////////////////////////


[ login ]*/





.limiter {


  width: 100%;


  margin: 0 auto;


}





.container-login100 {


  width: 100%;  


  min-height: 100vh;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  flex-wrap: wrap;


  justify-content: center;


  align-items: center;


  padding: 15px;


  background: #343a40;


  background: -webkit-linear-gradient(-135deg, #0b1ad0, #343a40);


  background: -o-linear-gradient(-135deg, #0b1ad0, #343a40);


  background: -moz-linear-gradient(-135deg, #0b1ad0, #343a40);


  background: linear-gradient(-135deg, #0b1ad0, #343a40);


}





.wrap-login100 {


  width: 100%;


  background: #fff;


  border-radius: 10px;


  overflow: hidden;





  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  flex-wrap: wrap;


  justify-content: space-between;


  padding: 10px 10px 10px 10px;


}





/*------------------------------------------------------------------


[  ]*/


.login100-pic {


  width: 316px;


}





.login100-pic img {


  max-width: 100%;


}








/*------------------------------------------------------------------


[  ]*/


.login100-form {


  width: 290px;


}





.login100-formconsulta {


  width: 100%;


}


.login100-form-title {


  font-family: Poppins-Bold;


  font-size: 13px;


  color: #333333;


  line-height: 1.0;


  text-align: center;





  width: 100%;


  display: block;


  


}





.login100-form-esquerda {


  font-family: Poppins-Bold;


  font-size: 18px;


  color: #333333;


  line-height: 1.0;


  text-align: center; 


  width: 100%;


  display: block;


  padding-bottom: 25px;


}














.login100-form-title-erro {


  font-family: Poppins-Bold;


  font-size: 24px;


  color: #d81010;


  line-height: 1.2;


  text-align: center;





  width: 100%;


  display: block;


  padding-bottom: 40px;


}





/*---------------------------------------------*/





.wrap-inputdentrolocaliza {


  position: relative;


  width: 85%;


  z-index: 1;


  margin-bottom: 10px;


  margin: 0 auto;


  text-align: center;


}





.wrap-input100 {


  position: relative;


  width: 100%;


  z-index: 1;


  margin-bottom: 10px;





}











.input100 {


  font-family: Poppins-Medium;


  font-size: 15px;


  line-height: 1.5;


  color: #666666;





  display: block;


  width: 100%;


  background: #e6e6e6;


  height: 50px;


  border-radius: 25px;


  padding: 0 30px 0 68px;


}





.inputdentrologinlocalizado {


  font-family: Poppins-Medium;


  font-size: 15px;


  line-height: 1.5;


  color: #666666;





  display: block;


  width: 100%;


  background: #e6e6e6;


  height: 50px;


  border-radius: 25px;


  text-align: center;


  


}





.inputdentrologin {


  font-family: Poppins-Medium;


  font-size: 10px;


  line-height: 1.5;


  color: #666666;





  display: block;


  width: 100%;


  background: #e6e6e6;


  height: 30px;


  border-radius: 25px;


  padding: 0 30px 0 75px;


  text-align: justify;


  margin: 0 auto;


  


}





.inputdentrologincodigo {


  font-family: Poppins-Medium;


  font-size: 14px;


  line-height: 1.5;


  color: #666666;





  display: block;


  width: 100%;


  background: #e6e6e6;


  height: 40px;


  border-radius: 25px;


  padding: 0 30px 0 118px;


  text-align: justify;


  margin: 0 auto;


  


}








.inputdentrorecupera {


  font-family: Poppins-Medium;


  font-size: 15px;


  line-height: 1.5;


  color: #666666;





  display: block;


  width: 100%;


  background: #e6e6e6;


  height: 50px;


  border-radius: 25px;


  padding: 0 30px 0 120px;


  text-align: justify;


  margin: 0 auto;


  


}





/*------------------------------------------------------------------


[ Focus ]*/


.focus-input100 {


  display: block;


  position: absolute;


  border-radius: 25px;


  bottom: 0;


  left: 0;


  z-index: -1;


  width: 100%;


  height: 100%;


  box-shadow: 0px 0px 0px 0px;


  color: rgba(87,184,70, 0.8);


  


  


  


}





.input100:focus + .focus-input100 {


  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;


  animation: anim-shadow 0.5s ease-in-out forwards;


}





@-webkit-keyframes anim-shadow {


  to {


    box-shadow: 0px 0px 70px 25px;


    opacity: 0;


  }


}





@keyframes anim-shadow {


  to {


    box-shadow: 0px 0px 70px 25px;


    opacity: 0;


  }


}





.symbol-input100 {


  font-size: 15px;





  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  align-items: center;


  position: absolute;


  border-radius: 25px;


  bottom: 0;


  left: 0;


  width: 100%;


  height: 100%;


  padding-left: 15px;


  pointer-events: none;


  color: #666666;





  -webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


  transition: all 0.4s;


}





.input100:focus + .focus-input100 + .symbol-input100 {


  color: #57b846;


  padding-left: 28px;


}





/*------------------------------------------------------------------


[ Button ]*/


.container-login100-form-btn {


  width: 100%;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  flex-wrap: wrap;


  justify-content: center;


  padding: 2px;


}



.login100-form-btnvermelho {


  font-family: Montserrat-Bold;


  font-size: 8px;


  line-height: 1.5;


  color: #fff;


  text-transform: uppercase;





  width: 70%;


  height: 30px;


  border-radius: 25px;


  background: #f50000;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  justify-content: center;


  align-items: center;


  padding: 0 25px;





  -webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


  transition: all 0.4s;


}








.login100-form-btnamarelo {


  font-family: Montserrat-Bold;


  font-size: 8px;


  line-height: 1.5;


  color: #fff;


  text-transform: uppercase;





  width: 70%;


  height: 30px;


  border-radius: 25px;


  background: #dc9325;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  justify-content: center;


  align-items: center;


  padding: 0 25px;





  -webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


  transition: all 0.4s;


}











.login100-form-btnazul {


  font-family: Montserrat-Bold;


  font-size: 8px;


  line-height: 1.5;


  color: #fff;


  text-transform: uppercase;








  width: 70%;


  height: 30px;


  border-radius: 25px;


  background: #466eb8;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  justify-content: center;


  align-items: center;


  padding: 0 25px;





  -webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


  transition: all 0.4s;


}





.login100-form-btnazul:hover {


  background: #333333;


}











.login100-form-btn {


  font-family: Montserrat-Bold;


  font-size: 8px;


  line-height: 1.5;


  color: #fff;


  text-transform: uppercase;





  width: 70%;


  height: 30px;


  border-radius: 25px;


  background: #57b846;


  display: -webkit-box;


  display: -webkit-flex;


  display: -moz-box;


  display: -ms-flexbox;


  display: flex;


  justify-content: center;


  align-items: center;


  padding: 0 25px;





  -webkit-transition: all 0.4s;


  -o-transition: all 0.4s;


  -moz-transition: all 0.4s;


  transition: all 0.4s;


}





.login100-form-btn:hover {


  background: #333333;


}











/*------------------------------------------------------------------


[ Responsive ]*/











@media (max-width: 992px) {


  .wrap-login100 {


    padding: 20px 90px 33px 85px;


  }





  .login100-pic {


    width: 35%;


  }





  .login100-form {


    width: 100%;


  }


}





@media (max-width: 768px) {


  .wrap-login100 {


    padding: 20px 80px 33px 80px;


  }





  .login100-pic {


    display: none;


  }





  .login100-form {


    width: 100%;


  }


}





@media (max-width: 576px) {


  .wrap-login100 {


    padding: 20px 15px 33px 15px;


  }


}








/*------------------------------------------------------------------


[ Alert validate ]*/





.validate-input {


  position: relative;


}





.alert-validate::before {


  content: attr(data-validate);


  position: absolute;


  max-width: 70%;


  background-color: white;


  border: 1px solid #c80000;


  border-radius: 13px;


  padding: 4px 25px 4px 10px;


  top: 50%;


  -webkit-transform: translateY(-50%);


  -moz-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  -o-transform: translateY(-50%);


  transform: translateY(-50%);


  right: 8px;


  pointer-events: none;





  font-family: Poppins-Medium;


  color: #c80000;


  font-size: 13px;


  line-height: 1.4;


  text-align: left;





  visibility: hidden;


  opacity: 0;





  -webkit-transition: opacity 0.4s;


  -o-transition: opacity 0.4s;


  -moz-transition: opacity 0.4s;


  transition: opacity 0.4s;


}





.alert-validate::after {


  content: "\f06a";


  font-family: FontAwesome;


  display: block;


  position: absolute;


  color: #c80000;


  font-size: 15px;


  top: 50%;


  -webkit-transform: translateY(-50%);


  -moz-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  -o-transform: translateY(-50%);


  transform: translateY(-50%);


  right: 13px;


}





.alert-validate:hover:before {


  visibility: visible;


  opacity: 1;


}





@media (max-width: 992px) {


  .alert-validate::before {


    visibility: visible;


    opacity: 1;


  }


}