table#pagamentos{width: 100%;border-collapse: collapse;}
#pagamentos tr:nth-of-type(odd){background: #eee;}
#pagamentos th{background: #333; color: white; font-weight: bold;font-size: 15px; }
#pagamentos td, th{padding: 6px;border: 1px solid #ccc;}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table, thead, tbody, th, td, tr{display: block;}
	#pagamentos thead tr{position: absolute;top: -9999px;left: -9999px;}
	#pagamentos tr{border: 1px solid #ccc;}
	#pagamentos td{position: relative;padding-left: 50%;}
	#pagamentos td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;}
	#pagamentos td:nth-of-type(1):before { content: "#"; }
	#pagamentos td:nth-of-type(2):before { content: "Nº Documento"; }
	#pagamentos td:nth-of-type(3):before { content: "Descrição"; }
	#pagamentos td:nth-of-type(4):before { content: "Data Documento"; }
	#pagamentos td:nth-of-type(5):before { content: "Data Vencimento"; }
	#pagamentos td:nth-of-type(6):before { content: "Moeda"; }
	#pagamentos td:nth-of-type(7):before { content: "Valor Inicial"; }
	#pagamentos td:nth-of-type(8):before { content: "Saldo"; }
	#pagamentos td:nth-of-type(9):before { content: "Desconto PP"; }
	#pagamentos td:nth-of-type(10):before { content: "Saldo Após Pagamento"; }
	#pagamentos td:nth-of-type(11):before { content: "Valor a Pagar"; }
	#pagamentos .text_right{text-align:left;}
	#pagamentos .autoCalc{width:auto!important;}
}
@media only screen and (min-width: 1024px),{
	#pagamentos .text_center{text-align: center;}
	#pagamentos .text_right{text-align:right;}
}

@media only screen and (max-width: 415px){
	#pagamentos .autoCalc{height:50px;}
	#pagamentos td:before{font-size: 13px;}
}
#pagamentos .descricao_input{height: 30px;}
.payment_block{text-align: center;padding-bottom: 30px;}
.payment_block .border_inside{border:1px solid #333;padding-top:30px;padding-bottom:30px;}
.payment_block .border_inside p{margin-bottom:20px;font-size: 15px;}
.title_payment_block{margin-top:50px;}
.form-header{padding-bottom:30px;}
.error{color:red;}
.payment_image{margin-bottom: 20px;}
.space_right_10{margin-right:10px}
.nice_toogle_button.botao_vermelho{padding: 0 5px;}
.article-post p {margin-bottom: 10px;}
.notice-error-div {border-left: 4px solid #dc3232;background: #fff;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);margin: 0 0 30px;padding: 1px 12px;}
.form_input_disabled{border: none;background: transparent;width: 100%;cursor:default;}
.valores_doc{text-align:right;}