.login{
	width: 28%;
	/*min-height: 500px;*/
	font-size: 13px;
	min-width: 500px;
	background: url('../../img/login/bg-white.png');
	position: absolute;
	left: 50%; 
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: 1.3s linear;
	-moz-transition: 1.3s linear;
	-ms-transition: 1.3s linear;
	-o-transition: 1.3s linear;
	transition: 1.3s linear;
}

.login input, .bt{
	width: 100%;
	color: #fff !important;
}

.aviso-login{
	width: 500px;
}



.content-form{
	overflow: hidden;
	display: block;
	padding: 4px;
	-webkit-transform: 1s linear;
}

#form-cadastrar input[type=submit], #form-redefinirsenha  input[type=submit]{
	margin-bottom: 30px;
}

#login form{
	padding: 50px 36px 0;
	text-align: center;
  	overflow: hidden;
}

#logo{
	margin-bottom: 30px;
}

.cpf{
	background: url('../../img/login/username.png')  10px  center no-repeat;
}

.password{
	background: url('../../img/login/password.png') 10px  center no-repeat;
}

.nome{
	background: url('../../img/login/nome.png') 10px center no-repeat;
}

.email{
	background: url('../../img/login/e-mail.png') 10px center no-repeat;
}

.back{
   background: url('../../img/login/back.png') 0px center no-repeat;
  display: block;
  vertical-align: middle;
  margin-right: 10px;
  width: 7px;
  height: 42px;
  float: left;
}


 input[type=text],
 input[type=password],
.bt{
	/*width: 100%;*/
	margin-bottom: 12px;
	padding: 12px 37px;
	color: #6d6e71;
	border: 1pt solid #fff;
    font-family: 'proxima_novasemibold';
}

.bt{
	margin-top: 30px;
	margin-bottom: 0px;
}

.bt:hover, .bt:active{
	color: #fff;
}

 a{
	color: #fff;
}

 input[type=submit], .bt{
	float: right;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
	border: none;
	padding: 17px;
	font-family: 'proxima_novasemibold';
	text-transform: uppercase;
	background: #0e6394;
}

hr{
	width: 100%;
	float: left;
	border: none;
	background: none;
	border-top: 1pt solid #fff;
	margin: 20px 0;
}

.side{
	width: 50%;
	float: left;
}

.side-left{
	display: inline-block;
	vertical-align: middle;
}

.redes-sociais{
	line-height: 42px;	
	text-align: left;
	color: #fff;
}

.icons-sociais{
	text-align: right;
}

.icons-sociais a{
	margin-right: 1px;
}

.icons-sociais a:last-child{
	margin-right: 0px;
}

.preencha-campos{
	width: 100%;
	text-align: left;
	color: #fff;
	float: left;
	margin-bottom: 10px;
}

::-webkit-input-placeholder {
   color: #fff;
   line-height: 16px;
   font-size: 14px;
   text-transform: uppercase;
}

:-moz-placeholder {
   color: #fff;
   line-height: 16px;
   font-size: 11px;
   text-transform: uppercase;
}

::-moz-placeholder {
   color:  #fff; 
   opacity: 1;
   line-height: 16px;   
   font-size: 11px; 
   text-transform: uppercase;
}

:-ms-input-placeholder {  
   color:  #fff;
   line-height: 16px;
   font-size: 14px;  
   text-transform: uppercase;
}
/*
---------------

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


.text-left{
	text-align: left
}


.icon-red *{
	fill: #ea6052;
}

.icon-green *{
	fill: #43d480;
}

.icon-gray *{
	fill: #6c6d70;
}

.icon-small svg{
	width: 20px !important;
	height: 20px !important;
}

/*

	ARQUIVOS ENVIADOS


*/

.user-image-mini{
	float: left;
}

.enviar-arquivo{
  padding: 9px 40px !important;	
  margin: 0 !important;
  font-size: 11px !important;
}

.ui-datepicker-prev, .ui-datepicker-next{
	position: absolute;
	top: 20px;
	color: #fff;
	
}

.ui-datepicker-next{
	right: 0px;
}

.icon img{
	max-width: 26px;
	max-height: 26px;
}


#response-in-bt{
	margin-top: 0px;
}

.keep-bottom{
	width: 310px;
	display: table-cell; 
    position: relative;
    vertical-align: bottom;
}

.flip{
	width: 205px;
	font-size: 16px;
	margin-left: -4px;
	margin-right: 20px;
	display: inline-block;
	border: 1pt solid #e3e9ea;
	border-top: none !important;
	-webkit-perspective: 1000;
}

.flip:hover{
	/*transform: rotateY(180deg);*/
}

.fliper{
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
}


.l-orange{
	background: #f39c12;
}

.l-orange-1{
	background: #e67e22;
}

.l-orange-2{
	background: #e67e22;
}

.l-orange-3{
	background: #d35400;
}

.l-orange-4{
	background: #e74c3c;
}

.l-orange-5{
	background: #c0392b;
}

.flip label{
	width: 100%;
	float: left;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0;
	border-top: 1pt solid #e3e9ea;
	border-bottom: 0px;
}

.bt-gray{
	cursor: pointer;
	background: #868689 !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.bt-gray:hover{
	background: rgba(134, 134, 137, 0.4) !important;
}

.bt-comprar-bg{
	background: #f1f4f5;
}

.pagamentos{
	padding: 0 20px;
}

.total-creditos{
	font-size: 20px;
	color: #fff;
}

.pagamentos .flip:last-child{
	margin-right: 0px !important;
}

.total-price{
	font-size: 20px;
}

.card-flip {
  position: relative;
  display: inline-block;
  margin-right: 16px;
}

.card-flip-front,
.card-flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.card-flip-back a{
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-ms-transition: .2s linear;
	-o-transition: .2s linear;
	transition: .2s linear;
}

.card-flip-back a:hover{
	opacity: 0.4
}

.card-flip-back label:first-child{
	font-size: 15px;
	padding: 8px 0;
	text-transform: none;
}

.card-flip-front {
  -webkit-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
  
  z-index: 1; /* for IE 9 */
}
:hover > .card-flip-front {
  -webkit-transform: perspective(600px) rotateY(180deg);
  transform: perspective(600px) rotateY(180deg);
}

.card-flip-back {
  -webkit-transform: perspective(600px) rotateY(-179deg);
  transform: perspective(600px) rotateY(-179deg);
}
:hover > .card-flip-back {
  -webkit-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);

  z-index: 2; /* for IE 9 */
}


/* Instance-specific example styles */

.card-flip {
  height: 300px;
  width: 200px;
}

.card-flip-front, .card-flip-back{
	background: #fff;
}

.bg-gray{
	background: #f1f4f5;
}

.bg-gray a{
	width: auto !important;
	margin-bottom: 20px;
	display: block
}

.frame-none{
	display: none;
}