@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900&display=swap');
.tempo-restante {
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    /*color:red;*/
    color:#FFFFFF;
    background-color:red;
    padding:5px 10px;
    font-size:22px;
    /*background-color:#999999;*/
    opacity:.8;
    font-weight:bold;
}
.no-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
h1,
h2,
h3,
p,
label,
input,
select,
a {
  font-family: 'Source Sans Pro', sans-serif;
}
input[type="text"], input[type="email"] {
  min-height: 70px;
  text-transform: uppercase;
}

input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="text"]:placeholder-shown,
input[type="tel"]:placeholder-shown,
input[type="email"]:placeholder-shown{
	text-transform: lowercase !important;
}

.collapsing {
    -webkit-transition: none!important;
    transition: none!important;
    display: none!important;
}

.modal-dialog.w700 {
    max-width:700px;
}

/*"Tick" de checkbox*/
.main .conteudo span.checkmark {
    position:relative;
}

.main .conteudo input:checked ~ .checkmark {
    background-color: #004b7f!important;
}

.main .conteudo input:checked ~ .checkmark:before {
    content: "";
    position: absolute;
    top: 45%!important;
    left: 15%!important;
    width: 18%!important;
    height: 50%!important;
    background: #FFFFFF!important;
    transform: rotate(-45deg)!important;
}

.main .conteudo input:checked ~ .checkmark:after {
    content: "";
    position: absolute;
    top: 6%!important;
    right: 24%!important;
    width: 18%!important;
    height: 90%!important;
    background: #FFFFFF!important;
    transform: rotate(42deg)!important;
}

/*Fim*/

/*Checkbox disabled (ícone de proibido)*/
.main .conteudo input:disabled ~ .checkmark:before {
    content: "";
    width: 4px;
    height: 24px;
    position: absolute;
    background-color: red;
    transform: rotate(45deg);
    top: 0px!important;
    left: 9px!important;
}

.main .conteudo input.inputConsulta.show{
	border: 2px solid green !important;
  position: relative;
  margin: -1px;
}

.main .conteudo .black {
    color:#000000;
}

.main .conteudo input.inputConsulta{
  position: relative;
  padding: 21px 51px !important;
}

.main .conteudo div.fake-input-div{
	position:relative;
}

.main .conteudo .instrucoes-component{
    color:#000;
    font-size:22px;
    margin-left:auto;
    width:350px;
}

.main .conteudo .default-form-style {
    display:flex;
    flex-direction:column;
    height:100%;
}

.main .conteudo .default-form-style .form-group {
    /*flex-grow: 1;
    flex-basis: 0;*/
}

.main .conteudo .instrucoes-component b {
    font-size: 26px;
}

.logo-sp-internas {
    position: absolute;
    /*top: -29px;*/
    top: -38px;
    left: 63px;
    /*width: 100px;*/
    width: 145px;
    /*height: 80px;*/
    height:auto;
}

.message-status-wrap h2 {
    font-size: 64px;
    color: #c9002f;
    font-weight: 900;
    text-align: center;
}

.message-status-wrap p {
    font-size: 42px;
    color:#003677;
    line-height:53px;
}

.boleto-btn {
    /*background-image: url('../img/icon-boleto-small.png');
    background-size:50px 30px;
    background-position:25px center;*/
    font-size: 25px;
    padding: 15px 40px;
    cursor: pointer;
}

.pronto p {
    font-size: 28px !important;
}

/* .main .conteudo span.fake-cursor-focus:before{
	content: "";
	width: 1px;
	height: 60px;
	background-color: #000;
	position: absolute;
	z-index: 2;
	transform: translate(30px, 40px);
	opacity: 0;	
	position:absolute;
	top: -20px;
	left: 0px;
} */

/* .main .conteudo span.fake-cursor-focus.show:before{
	opacity: 1;
} */

select {
  min-height: 70px;
  background-color: #fff !important;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
.horizontal-top {
  align-items: flex-start;
}
.just-between {
  justify-content: space-between !important;
}
.flex-end {
  align-self: flex-end;
}
.flex-center {
  align-self: center;
}
.horizontalAlign {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sinput{
	width: 65% !important;
	text-align: center;
}
.margin-auto{
	margin: 0 auto;
}
.alerta-upper{
	margin-top: 10px;
	color: #ff0000;
	text-transform: uppercase;
}
.alerta-upper span{
	font-size: 23px;
	text-transform: lowercase;
}
.info-consulta{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.comprime-titulo{
    line-height: 45px;
}
.text-bold {
    text-decoration: underline;
    font-weight: bold;
}
.color-accept{
	color: #00b915;
}
.color-alert{
	color: #c9002f;
}
.color-inform{
	color: #000;
}
.color-tip {
    color:#009cab;
}
.text-center {
  text-align: center;
}
.font17 {
    font-size:17px!important;
}
.font19 {
  font-size: 19px;
}
.font21 {
    font-size:21px;
}
.font23 {
    font-size:23px;
}
.font26 {
    font-size:26px!important;
}
.font27 {
  font-size: 27px;
}
.font30 {
  font-size: 30px;
}
.font30imp {
    font-size:30px!important;
}
.font33 {
  font-size: 33px;
}
.font36 {
    font-size:36px;
}
.font36imp {
    font-size:36px!important;
}
.font37 {
  font-size: 37px;
}
.font39 {
  font-size: 39px;
}
.font43 {
  font-size: 43px;
}
.instrucoes{
	color: #000;
}

p.instrucoes {
    margin-top: 10px;
    font-size: 21px !important;
}

p.instrucoes strong{
    font-size: 21px !important;
}
.campos-informativos{
	/*max-width: 930px;*/
	width:90%;
    margin: 0 auto;
}
.campos-informativos div{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.campos-informativos span{
	font-weight: 700;
	padding:0 3px 0 0;
	width:auto;
}
.campos-informativos span + b{
	font-weight: 700;
	color:#009cab;
}

.campos-informativos input{
	/*min-height: 50px;*/
	/*padding: 10px 30px !important;*/
}
.main .conteudo .campos-informativos input[type="text"]{
	min-height:auto;
	border:none;
	background:transparent;
	padding:0;
	width:auto;
	display:inline-block;
}
.main {
  position: relative;	
  width: 100%;
  /* height: 800px; */
  height:100vh;
  overflow: hidden;
  background-image: url('../img/background.jpg');
  /* background-color: #efefef; */
  background-size:cover;
  display: flex;
  padding: 0 70px;
  flex-direction: column;
  justify-content: flex-start;
}
.main .btn-voltar {
  display: block;
  width: 95px;
  -moz-border-radius: 0 50px 50px 0;
  -ms-border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  background-color: #004b7f;
  padding: 15px 40px 15px 10px;
  margin-left: -70px;
  margin-top: auto;
}
.main.inicio {
  justify-content: space-around;
}
.main .logo-img {
  padding-left: 70px;
}
.main .titulo {
  display: flex;
  align-items: center;
  background-color: #fff;
  height: 117px;
  text-align: center;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #0074b7;
  border-top: none;
  overflow: hidden;
}
.main .titulo .ico-titulo {
  height: 100%;
  padding: 20px;
  background-color: #004b7f;
  flex: 0 0 17%;
  max-width: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .titulo .txt-titulo {
  display: block;
  width: 100%;
  text-align: center;
}
.main .titulo .txt-titulo h1 {
  font-size: 33px;
  color: #0074b7;
  font-weight: 700;
  text-transform: uppercase;
}
.main .titulo .txt-titulo h2 {
  font-size: 30px;
  color: #0074b7;
  font-weight: 300;
  text-transform: uppercase;
}
.main .menu-group {
  display: flex;
  justify-content:center;
  width: 100%;
  margin-top: 120px;
}
.main .menu-group .menu-item {
 display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-end;
  overflow: hidden;
  width: 31%;
  height: 45vh;
  min-height:45vh;
  -moz-border-radius: 25px 25px 25px 25px;
  -ms-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  border: 1px solid #a1a1a1;
  text-align: center;
}

.main .menu-group .menu-item .topo {
    /*flex: 1;
    display: flex;
    justify-content: center;
    align-content: center;*/
     padding: 5% 0;
     /*height:100px;*/
     background-size:25%;
     background-repeat:no-repeat;
     background-position:center;
     min-height:155px;
}

.main .menu-group .menu-item .topo.consulta {
    background-color: #00baa1;
}
.main .menu-group .menu-item:active .topo.consulta {
    background-color:#065d51;
}

.main .menu-group .menu-item .topo.cancelamento {
    background-color: #f5a00d;
}
.main .menu-group .menu-item:active .topo.cancelamento {
    background-color:#ab6f08;
}
.main .menu-group .menu-item .topo.pedido {
    background-color: #009cab;
}
.main .menu-group .menu-item:active .topo.pedido {
    background-color:#036d77;
}
.main .menu-group .menu-item .corpo {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  padding: 0 3%;
}
.main .menu-group .menu-item .corpo h3 {
  text-transform: uppercase;
  color: #000;
}
.main .menu-group .menu-item .corpo p {
  color: #666666;
}
.main .teclado {
  display: flex;
  justify-content: space-between;
  align-content: space-around;
  width: 100%;
  height: 70vh;
  margin-top: 30px;
  flex-wrap: wrap;
  padding: 0 15px;
}
.main .teclado span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 28%;
  max-width: 28%;
  font-size: 70px;
  color: #004b7f;
  font-weight: 700;
  background-color: #fff;
  border: 6px solid #004b7f;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  margin:10px;
}
.main .teclado span.focus {
    background-color: #004b7f;
    color: #fff;
}
.main .teclado span:focus, .main .teclado span:active {
  background-color: #004b7f;
  color: #fff;
}
.main .teclado .btn-consultar {
  flex: 0 0 64%;
  max-width: 64%;
}
.main .conteudo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-height: 546px;
  margin-top: 30px;
  color: #004b7f;
}

.main .conteudo-tabela{
	height: 610px;
	justify-content: space-between;
}

.main .conteudo.centraliza-quitacao {
    height:566px;
    justify-content:center;
}

.main .conteudo.centraliza-quitacao .titulo-sucesso {
    background-color: #04ba5e;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 40px;
    display: inline-block;
    padding: 0px 10px;
}

.main .conteudo.cancelamento {
  margin-top: 80px;
  height: 540px;
  justify-content: flex-start;
}
.main  .boleto-instrucao-btns{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.main  .boleto-instrucao-btns a{
	background-color: #fff;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 33px;
	color: #000;
	display: block;
	font-weight: 700;
	text-align: center;
	padding: 10px 0;
	width: 380px;
}
.main .conteudo.cancelamento-text {
  justify-content: space-around;
  margin-top: 30px;
  height: 468px;
}
.main .conteudo.cancelamento-text-margin90 {
  justify-content: space-around;
  margin-top: 90px;
  height: 468px;
}
.main .conteudo.cancelamento-info{
	margin-top: 80px;
	padding: 0 60px;
}

.main .conteudo.cancelamento-info .whiteBg {
    background:#FFFFFF;
    outline:2px solid #000000;
    padding:30px 15px;
}

.main .conteudo.cancelamento-info .whiteBg strong.titulo-finalizado {
    padding: 0 0 30px;
    display: block;
    text-align:center;
}

.main .conteudo.largura-reduzida {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}
.main .conteudo.content-text {
  margin-top: 70px;
  justify-content: space-between;
  text-align: center;
  height: 468px;
}
.main .conteudo.content-text p {
  font-size: 37px;
}
.main .conteudo.content-text a {
  font-weight: 700;
  font-size: 37px;
  text-decoration: underline;
  color: #004a7e;
}
.main .conteudo h2 {
  font-size: 42px;
}
.main .conteudo h3 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 45px;
}
.main .conteudo ul li {
  font-size: 36px;
  list-style: decimal;
}
.main .conteudo .forma-boleto {
  width: 370px;
  height: 370px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -moz-border-radius: 250px 250px 250px 250px;
  -ms-border-radius: 250px 250px 250px 250px;
  -webkit-border-radius: 250px 250px 250px 250px;
  border-radius: 250px 250px 250px 250px;
  border: 6px solid #004b7f;
  margin: 0 auto;
  color: #003677;
  text-transform: uppercase;
}
.main .conteudo .forma-boleto img {
  margin-bottom: 30px;
}
.main .conteudo.gerar-boleto {
  justify-content: flex-start;
  height: 600px;
}

.main .conteudo.gerar-boleto .sms {
    position:relative;
    align-items:center;
    justify-content:space-between;
    height:70px;
}

.main .conteudo.gerar-boleto .sms input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.main .conteudo.gerar-boleto .sms input:checked ~ .checkmark {
    background-color:#004b7f;
}

.main .conteudo.gerar-boleto .sms input:checked ~ .checkmark:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 4px;
    height: 9px;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.main .conteudo.gerar-boleto .sms input:checked ~ .checkmark:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 29px;
    width: 4px;
    height: 20px;
    background: #FFFFFF;
    transform: rotate(37deg);
}

.main .conteudo.gerar-boleto .sms .checkmark {
  display: block;
  height: 30px;
  width: 30px;
  border: 4px solid #004b7f;
}

.main .conteudo.gerar-boleto .sms .texto {
    font-size: 24px;
    color: #000000;
    position: absolute;
    top: 0;
    left: 50px;
    letter-spacing: -1px;
    width:290px;
}

.default-form-style label {
    font-size: 25px;
    font-weight: 700;
}

.main .conteudo.gerar-boleto select {
    margin-bottom: 15px;
}
.main .conteudo.gerar-boleto input[readyonly]{
	background-color: #ccc;
}
.main .conteudo.gerar-boleto input[type="text"], .main .conteudo.gerar-boleto input[type="email"] {
  width: 100%;
  padding: 10px 25px;
  margin-bottom: 15px;
}
.main .conteudo.gerar-boleto input[type="tel"] {
  width: 100%;
  padding: 10px 50px;
  margin-bottom: 15px;
}
.main .conteudo.gerar-boleto input[type="submit"],
.main .conteudo.gerar-boleto input[type="button"] {
  margin: 30px auto 0;
  padding: 16px 35px;
  border: none;
  background-color: #004a7e;
  text-transform: uppercase;
  color: #fff;
  font-size: 27px;
  background-repeat: no-repeat;
  background-position: 40px center;
  margin-bottom: 15px;
  border-radius: 17px;
  float: right;
  outline:none;
  /*font-weight:700;*/
}

.document-number-wrap{
    width:320px!important;
}

.date-wrap{
    width:230px!important;
}

.time-wrap {
    width: 130px !important;
}

.main .conteudo.gerar-boleto .finalizar-boleto{
	padding: 20px 50px 20px 140px !important;
	background-image: url('../img/ico_gerar_boleto.png');
	border-radius: 75px !important;
}
.main .conteudo.gerar-boleto .voltar-boleto{
	padding: 20px 50px !important;
	border-radius: 75px !important;
}
.main .conteudo.pedido-lista-cartorio{
	height: 576px;
}
.main .conteudo .box-lista-cartorios{
	padding: 0 20px;
}
.main .conteudo .box-lista-cartorios>div{
	background-color: #fff;
	border-radius: 25px;
	height: 330px;
	padding: 20px 30px;
}
.main .conteudo .box-lista-cartorios div ul{
	margin: 0;
	padding: 0;
}
.main .conteudo .box-lista-cartorios div ul li{
	list-style: none;
	font-size: 22px;
	display: flex;
	align-items: center;
}
.main .conteudo .box-lista-cartorios .checkGroup{
	margin-top: 0;
}
.main .conteudo .box-lista-cartorios .checkGroup li .checkmark{
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.main .conteudo.boleto-iframe iframe {
	width: 100%;
	height: 50vh;
	overflow-y: auto;
}

.main .conteudo.pedido.flex-just-between {
  justify-content: space-between;
}
.main .conteudo.pedido.dados-certidao {
  justify-content: space-between;
}
.main .conteudo.pedido.dados-certidao .btn-continuar {
  margin: 0 auto;
  align-self: flex-end;
}
.main .conteudo.pedido.dados-certidao .form-padrao {
  height: 351px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .conteudo.pedido.dados-certidao .form-padrao select {
  padding: 5px 40px;
  font-size: 30px;
}
.main .conteudo.pedido.dados-certidao .box-atencao {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.main .conteudo.pedido.dados-certidao .box-atencao p {
  margin-bottom: 60px;
}
.main .conteudo.pedido.dados-certidao .box-atencao .btn-continuar {
  margin: 0;
}
.main .conteudo.pedido .box-atencao-ar{
	float: right;
	margin-top: 30px;
}
.main .conteudo.pedido .box-atencao-ar input{
	padding: 18px 35px;
	font-size: 33px;
}



.main .conteudo.pedido .box-cartorios {
  /*display: flex;*/
  text-align:center;
}
.main .conteudo.pedido .box-cartorios .btn-continuar {
  margin: 0 auto;
  /*align-self: flex-end;*/
}
.main .conteudo.pedido .box-cartorios .checkboxes-cartorios {
	width:100%;
	margin:20px 0 0;
}
.main .conteudo.pedido .box-cartorios .checkboxes-cartorios.colunas ul.checkGroup,
.main .conteudo.pedido .box-cartorios .checkboxes-cartorios-selecionados ul.checkGroup{
	/*columns: 2;
	-webkit-columns:2;
	-moz-columns:2;
	-ms-columns:2;*/
	/*background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #b5b5b5;
    padding: 10px 30px!important;
	margin:0;
	height:300px;
	overflow-y:auto;*/
    padding:0;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
}
.main .conteudo.pedido .box-cartorios .checkboxes-cartorios ul li {
	/*list-style-type:none;
	color:#666666;
	font-size:24px;
	padding:3px 10px!important;
	margin:0;*/

    list-style-type:none;
    color:#666666;
    font-size:18px;
    padding:5px 8px!important;
    margin:0 20px;
    background:#ffffff;
    flex: 0 0 100%;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios.colunas ul li{
    flex:0 0 45%!important;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios-selecionados ul li {
    flex: 0 0 45%!important;
    padding:0 0 5px;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios-selecionados ul li.last {
    margin:20px 20px 0;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios-selecionados ul li span {
    display:block;
    text-align:center;
    width:100%;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios ul li span.checkmark {
	font-size:0;
	width:45px;
	height:45px;
}

.main .conteudo.pedido .box-cartorios .checkboxes-cartorios ul li label {
	font-size:17px;	
}






.main .conteudo.pedido p {
  margin: 0;
}
.main .conteudo.pedido select {
  width: 100%;
  font-size: 30px;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 10px 30px;
  color: #9d9d9d;
}
.main .conteudo.pedido select::placeholder {
  font-weight: 300;
}
.main .conteudo.pedido select.espacado {
  margin: 20px 0;
}
.main .conteudo.pedido .btn-continuar {
  margin-top: auto;
}
.main .conteudo.pedido .radioPerson input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.main .conteudo.pedido .radioPerson .checkmark {
  display: block;
  height: 60px;
  width: 60px;
  border: 4px solid #004b7f;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  margin-right: 20px;
  position:relative;
}
.main .conteudo.pedido .radioPerson input:checked ~ .checkmark {
  background-color: #004b7f;
}

.main .conteudo.pedido .checkboxes-cartorios.radioPerson input:checked ~ .checkmark:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 8px;
    width: 7px;
    height: 18px;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.main .conteudo.pedido .checkboxes-cartorios.radioPerson input:checked ~ .checkmark:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 11px;
    width: 7px;
    height: 30px;
    background: #FFFFFF;
    transform: rotate(37deg);
}

.main .conteudo.pedido .radioPerson label {
  color: #5b5b5b;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 22px;
}
.main .conteudo.pedido .lista-cartorios {
  flex: 0 0 75%;
  max-width: 75%;
}
.main .conteudo.pedido .lista-cartorios {
  display: none;
}
.main .conteudo.pedido .lista-cartorios .select-group {
  width: 100%;
  padding: 15px 30px;
  background-color: #fff;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  overflow-y: auto;
  height: 280px;
}
.main .conteudo.pedido .lista-cartorios .select-group label {
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
}
.main .conteudo.pedido .lista-cartorios .select-group ul {
  margin: 0;
  padding: 0;
}
.main .conteudo.pedido .lista-cartorios .select-group ul li {
  font-size: 20px;
  list-style: none;
  color: #9d9d9d;
  margin-bottom: 10px;
}
.main .conteudo.pedido .lista-cartorios .select-group ul li.cart-selecionado {
  background-color: #003677;
}
.main .conteudo.pedido .lista-cartorios .add-btn-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.main .conteudo.pedido .lista-cartorios .add-btn-group span {
  width: 60px;
  height: 60px;
  padding: 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -ms-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #004a7e;
}
.main .conteudo.pedido .lista-cartorios.ativo {
  display: block;
}
.main .conteudo .importante {
  font-size: 46px;
  font-weight: 700;
}
.main .conteudo .duvidas-frequentes {
  color: #fff;
  background-color: #004b7f;
  font-weight: 700;
  padding: 0 10px;
}
.main .conteudo input[type="text"] {
  width: 100%;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 20px 25px;
  color: #009cab;
  font-weight: 700;
  font-size:27px;
}
.main .conteudo input[type="text"]::placeholder {
  font-weight: 300;
}
.main .conteudo input[type="email"] {
  width: 100%;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 14px 50px;
  color: #009cab;
  font-weight: 700;
}
.main .conteudo input[type="email"]::placeholder {
  font-weight: 300;
}
.main .conteudo input[type="number"] {
  width: 100%;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 14px 50px;
  color: #009cab;
  font-weight: 700;
}
.main .conteudo input[type="number"]::placeholder {
  font-weight: 300;
}
.main .conteudo input[type="tel"] {
  width: 100%;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 20px 50px;
  color: #009cab;
  font-weight: 700;
}
.main .conteudo input[type="tel"]::placeholder {
  font-weight: 300;
}
.main .conteudo .btn-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding: 0 10px;*/
}
.main .conteudo .btn-group.direita {
	justify-content:flex-end;
}
.main .conteudo .btn-group.direita a + a {
	margin:0 0 0 20px;
}
.main .conteudo .btn-group p {
  font-size: 36px;
}
.main .conteudo .btn-group .navegacao {
  height: 70px;
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  -moz-border-radius: 15px 15px 15px 15px;
  -ms-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
}
.main .conteudo .btn-group .navegacao.cancelamento {
  background-color: #f5a00d;
}
.main .conteudo .btn-group .navegacao.pedido {
  background-color: #009cac;
}
.main .conteudo .btn-group .navegacao.consulta {
  background-color: #01b9a1;
}
.main .conteudo .checkGroup {
  margin: 30px 0 0;
  padding: 0;
}
.main .conteudo .checkGroup li {
  list-style: none;
  margin-top: 30px;
}
.main .conteudo .checkGroup li input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.main .conteudo .checkGroup li input[type="checkbox"],
.main .conteudo .selecionar-todos input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.main .conteudo .checkGroup li .checkmark,
.main .conteudo .selecionar-todos .checkmark {
  height: 70px;
  width: 70px;
  border: 4px solid #004b7f;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  margin-right: 20px;
}
.main .conteudo .checkGroup li input:disabled ~ .checkmark{
    border-radius: 50%!important;
    background-color: transparent;
    border-color: red;
    display: block;
}
.main .conteudo .checkGroup li input:disabled ~ .checkmark:before {
    content: "";
    width: 4px;
    height: 24px;
    position: absolute;
    background-color: red;
    transform: rotate(45deg);
    top: 3px;
    left: 13px;
}
.main .conteudo .checkGroup li input:checked ~ .checkmark,
.main .conteudo .selecionar-todos input:checked ~ .checkmark{
  background-color: #004b7f;
}

.main .conteudo .checkGroup li input:checked ~ .checkmark:before,
.main .conteudo .selecionar-todos input:checked ~ .checkmark:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 4px;
    height: 9px;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.main .conteudo .checkGroup li input:checked ~ .checkmark:after,
.main .conteudo .selecionar-todos input:checked ~ .checkmark:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 29px;
    width: 4px;
    height: 20px;
    background: #FFFFFF;
    transform: rotate(37deg);
}

.main .conteudo .checkGroup li label {
  color: #5b5b5b;
  position: relative;
  display: flex;
  align-items: center;
}
.main .conteudo .selecionar-todos {
    position: absolute;
    top: 17px;
    left: 37px;
}

.main .conteudo .selecionar-todos input[type="checkbox"] {

}
.main .conteudo .selectAbrangencia {
  position: relative;
  background-color: #fff;
  color: #5b5b5b;
  font-size: 45px;
  padding: 0 30px;
  border: 4px solid #004b7f;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  display: none;
}
.main .conteudo .selectAbrangencia.ativo {
  display: block;
}
.main .conteudo .btn-consultar {
  padding: 25px;
  align-self: flex-end;
  margin-left: auto;
}
.main .conteudo .dados-group {
  margin-bottom: 30px;
}
.main .conteudo .dados-group p {
  margin: 0;
}
.main .conteudo .tabela-dados {
  height: 288px;
  overflow-y: auto;
  padding: 30px;
  background-color: #fff;
  -moz-border-radius: 15px 15px 15px 15px;
  -ms-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.main .conteudo .tabela-dados table tr th {
  font-size: 26px;
  border: none;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}
.main .conteudo .tabela-dados table tr th:last-of-type {
  border-right: none;
  font-size: 26px;
  text-align: center;
}
.main .conteudo .tabela-dados table tr td {
  font-size: 20px;
  border: none;
  border-right: 1px solid #ccc;
  color: #5b5b5b;
  vertical-align: middle;
}
.main .conteudo .tabela-dados table tr td:last-of-type {
  border-right: none;
}
.main .conteudo .tabela-dados table tr td .msg-aviso{
	font-size: 16px;
}
.main .conteudo .tabela-dados table tr td a{
  text-transform: lowercase;
  text-align: center;
  display: block;
  width: 100%;
  color: #5b5b5b;
}
.main .conteudo .tabela-dados table tr td a span{
	text-transform: uppercase;
	text-decoration: underline;
    display:block;
}
.main .conteudo .linha-headers{
    position:relative;
	width: 100%;
}
.main .conteudo .linha-headers p{
	margin: 0 0 20px;
	font-size: 34px;
	text-align: center;
}
.main .conteudo .linha-headers p span{
	font-weight: 700;
	text-decoration: underline;
	/*text-transform: uppercase;*/
}
.main .conteudo .linha-headers p span.obs {
    font-size:22px;
    color:#000000;
    text-decoration:none;
    text-transform:lowercase;
}
.main .conteudo .linha-headers table{
	width: 90%;
	margin-bottom: 0;
	margin-left: auto;
	border: none;
}

.main .conteudo .linha-headers.fixed-table-top table {
    width:100%;
}

.main .conteudo .linha-headers.fixed-table-top table th {
    text-align:center;
    padding-left: .75rem;
}

.main .conteudo .tabela-dados.tabela-consulta {
    padding:0 10px;
    height:450px;
}

.main .conteudo .tabela-dados.tabela-consulta table td {
    padding:3px 10px;
    border-bottom:1px solid #ccc;
}

.main .conteudo .linha-headers table tr th{
	width: 25%;
	text-transform: uppercase;
	border: none;
	font-size: 22px;
	padding-left: 0;
}
.main .conteudo .exibir-dados {
  height: 266px;
  overflow-y: auto;
  padding: 0px 10px;
}
.main .conteudo .exibir-dados .linha {
  background-color: #fff;
  -moz-border-radius: 15px 15px 15px 15px;
  -ms-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  border: 1px solid #ccc;
  /*-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);*/
  width: 100%;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  height:60px;
  position:relative;
}
.main .conteudo .exibir-dados .linha .checkGroup {
  margin-top: 0;
  margin-right: 20px;
}
.main .conteudo .exibir-dados .linha .checkGroup ul {
  padding-left: 25px;
  margin: 0;
}
.main .conteudo .exibir-dados .linha .checkGroup ul  li{
	margin: 0;
}
.main .conteudo .exibir-dados .linha .checkGroup ul  li .checkmark,
.main .conteudo .selecionar-todos .checkmark{
	width: 30px;
	height: 30px;
	-moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.main .conteudo .exibir-dados .linha .checkGroup ul  li label{
	margin: 0;
	padding: 0;
}
.main .conteudo .exibir-dados .linha table {
  margin: 0;
  padding: 0;
  width: 90%;
  margin-left: auto;
}
.main .conteudo .exibir-dados .linha table th:last-of-type {
  font-size: 24px;
}
.main .conteudo .exibir-dados .linha table th:first-of-type {
  padding-left: 0;
}
.main .conteudo .exibir-dados .linha table td {
  font-size: 22px;
  color: #5b5b5b;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  width: 25%;
}
.main .conteudo .exibir-dados .linha table td:last-of-type {
  border-right: none;
  font-size: 26px;
}
.main .conteudo .exibir-dados .linha table td:first-of-type {
  padding-left: 0;
}

.main .conteudo-tabela.conteudo-tabela-cancelamento {
        
}

    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .linha-headers table th,
    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .exibir-dados .linha table td {
        font-size:19px;
        text-align:center;
        width:23%;
        vertical-align:middle;
    }

    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .linha-headers table th.credor,
    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .exibir-dados .linha table td.credor {
        text-align:left;
        width:31%!important;
    }

    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .exibir-dados .linha table td.credor .credor-nome {
        color:#000000;
        font-weight:bold;
        max-width: 28%;
        overflow: hidden;    
        position: absolute;
        text-overflow: ellipsis;
        top:7px;
        white-space: nowrap;
    }

    .main .conteudo.conteudo-tabela.conteudo-tabela-cancelamento .exibir-dados .linha table td.credor .credor-nome.centraliza {
        /*top:auto!important;*/
        top:14px;
    }











.main .conteudo .footer-conteudo {
  display: flex;
  justify-content: space-between;
}
.main .conteudo .footer-conteudo p {
  font-size: 22px;
}
.main .conteudo .footer-conteudo p a.cancelamento {
  color: #f5a00d;
}
.main .btn-consultar {
  font-size: 36px;
  -moz-border-radius: 60px 60px 60px 60px;
  -ms-border-radius: 60px 60px 60px 60px;
  -webkit-border-radius: 60px 60px 60px 60px;
  border-radius: 60px 60px 60px 60px;
  color: #fff;
  background-color: #004b7f;
  text-transform: uppercase;
  border: none;
  padding: 25px 0;
}
.main .btn-consultar:focus {
  background-color: #fff;
  color: #004b7f;
}
.main .btn-tela-inicio {
  font-size: 36px;
  -moz-border-radius: 60px 60px 60px 60px;
  -ms-border-radius: 60px 60px 60px 60px;
  -webkit-border-radius: 60px 60px 60px 60px;
  border-radius: 60px 60px 60px 60px;
  color: #fff;
  background-color: #004b7f;
  text-transform: lowercase;
  border: none;
  padding: 25px 0;
}
.main .btn-tela-inicio:focus {
  background-color: #fff;
  color: #004b7f;
}
.main .btn-saber-mais {
  font-size: 14px;
  font-weight: 700;
  -moz-border-radius: 15px 15px 15px 15px;
  -ms-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  color: #004b7f;
  border: 3px solid #004b7f;
  text-transform: uppercase;
  padding: 13px 20px;
  margin: 20px 50px 0 auto;
}
.main .btn-saber-mais:focus {
  background-color: #004b7f;
  color: #fff;
}

.btn-continuar {
        display:inline-block;
        font-size: 30px;
        /*font-weight: 700;*/
        -moz-border-radius: 20px 20px 20px 20px;
        -ms-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
        color: #fff;
        background-color: #004b7f;
        text-transform: uppercase;
        border: none;
        padding: 14px 50px;
        align-self: center;
        max-height: 100px;
        outline: none;
}

.btn-continuar.btn-cinza, .btn-cinza {
    background-color:#999999!important;
}


.btn-continuar:focus {
  background-color: #fff;
  color: #004b7f;
}

.main .btn-padrao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 38px;
  background-color: #fff;
  -moz-border-radius: 20px 20px 20px 20px;
  -ms-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  border: 6px solid #004b7f;
  padding: 20px 30px;
  font-weight: 700;
}
.main .btn-padrao img {
  margin-right: 10px;
}
.main #modal-alert {
  width: 460px;
  position: absolute;
  z-index: 5;
  top: 30%;
  left: 50%;
  margin-left: -230px;
  background-color: #fff;
  border: 1px solid #d80022;
}
.main #modal-alert .modal-content {
  width: 100%;
  display: flex;
  padding: 20px 75px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#modalAlert .modal-content p,
.modal .modal-content p {
  font-size: 28px;
  color: #7b7b7b;
  text-align: center;
  margin: 30px 0;
}

.modal-alerta .modal-content .btn-continuar {
  font-size: 18px!important;
  padding: 13px 15px!important;
}

#modal-alert2 {
    width: 460px;
    position: absolute;
    z-index: 5;
    top: 30%;
    left: 50%;
    margin-left: -230px;
    background-color: #fff;
    border: 1px solid #d80022;
}

#modal-alert2 .modal-content {
    width: 100%;
    display: flex;
    padding: 20px 75px;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

#modalAlert2 .modal-content p {
    font-size: 20px;
    color: #7b7b7b;
    text-align: center;
    margin: 30px 0;
}

#modalAlert2 .modal-content .btn-continuar {
    font-size: 18px;
    padding: 13px 15px;
}

#modalEmail input[type="email"] {
	width: 100%;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	padding: 10px 20px;
	color: #009cab;
	font-weight: 700;
	outline:none;
}

#modalEmail .modal-dialog {
    max-width:620px;
}

.modal-two-buttons .btns span, .modal-two-buttons .btns a {
	border: none;
    background-color: #004a7e;
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
    background-repeat: no-repeat;
    background-position: 40px center;
    border-radius: 75px;
    font-size: 20px;
    padding: 10px 50px;
    font-size: 18px;
    padding: 13px 15px;
    font-weight: bold;
    min-width: 150px;
    text-align: center;
	cursor:pointer;
}

#faleConosco {
    padding:0 70px;
}

.main footer, #faleConosco footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

/*.main footer img, #faleConosco footer img{
	width:20%;
}*/

.main footer .fale-conosco{
	color: #fff;
	border-radius: 50px;
	padding: 10px 25px 10px 75px;
	background-color: #004a7e;
	background-image: url('../img/ico-fale-conosco.png');
	background-repeat: no-repeat;
	background-position: 25px center;
}

#faleConosco{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('../img/background.png');
	background-color: #eeeeee;
	background-size: cover;
}


#faleConosco .conteudo{
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	
}

#faleConosco .conteudo p.protestoSpLink  {
    margin: 0 0 50px 0;
}

#faleConosco .conteudo p a.black {
    color: #000000;
    text-decoration: none;
}

#faleConosco .conteudo p a.black2 {
	color:#000000;
	text-decoration:none;
	font-size:30px;
	letter-spacing: 1px;
	
}

#faleConosco .conteudo p {
    margin: 0 0 2px 0;
}

#faleConosco .conteudo p a {
    color: #0133CC;
    text-decoration: underline;
}

#faleConosco .conteudo div{
	display: flex;
}
#faleConosco .conteudo .informacao{
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 60vh;
	color: #000000;
}
#faleConosco .conteudo .foot{
	width: 100%;
}
#faleConosco .conteudo .foot div{
	display: flex;
	justify-content: center;
	align-items: center;
}
#faleConosco .conteudo .foot .fale-conosco-fechar{
	color: #fff;
	border-radius: 20px;
	padding: 20px 25px;
	background-color: #004a7e;
}

/*Sem conexao*/
#semConexao {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../img/background.png');
    background-color: #eeeeee;
    background-size: cover;
    z-index: 999;
}

#semConexao .conteudo {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

#semConexao .conteudo p.protestoSpLink {
    margin: 0 0 50px 0;
}

#semConexao .conteudo p a.black {
    color: #000000;
    text-decoration: none;
}

#semConexao .conteudo p a.black2 {
    color: #000000;
    text-decoration: none;
    font-size: 30px;
    letter-spacing: 1px;
}

#semConexao .conteudo p {
    margin: 0 0 2px 0;
}

    #semConexao .conteudo p a {
        color: #0133CC;
        text-decoration: underline;
    }

#semConexao .conteudo div {
    display: flex;
}

#semConexao .conteudo .informacao {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 60vh;
    color: #000000;
}

#semConexao .conteudo .foot {
    width: 100%;
}

#semConexao .conteudo .foot div {
    display: flex;
    justify-content: center;
    align-items: center;
}

#semConexao .conteudo .foot .fale-conosco-fechar {
    color: #fff;
    border-radius: 20px;
    padding: 20px 25px;
    background-color: #004a7e;
}

#semConexaoFechar {
    margin: 0 0 0 260px;
}

.logo-semConexao {
    margin-left: 50px;
    width: 70%;
}

.buscando-conexao {
    color: #999999;
}

.loader {
    background-image: url('../img/load.gif');
}
/*Fim sem conexao*/

#modalBoleto .modal-dialog {
    margin-top:180px;
}

#modalSaibaCancelar, #modalDuvidasFrequentes{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('../img/background.png');
	background-color: #eeeeee;
	background-size: cover;
    z-index:3;
}
#modalSaibaCancelar .conteudo,
#modalDuvidasFrequentes .conteudo{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
#modalSaibaCancelar .conteudo .container,
#modalDuvidasFrequentes .conteudo .container{
    height:90%;
}
#modalSaibaCancelar .conteudo h3,
#modalDuvidasFrequentes .conteudo h3{
	font-size: 36px;
    /*position: absolute;*/
	top: 25px;
	left: 50px;
}
#modalSaibaCancelar #accordion,
#modalDuvidasFrequentes .accordion-estilo{
    margin-bottom:60px;
}
#modalSaibaCancelar .conteudo #accordion p, #modalSaibaCancelar .conteudo #accordion ul li, #modalSaibaCancelar .conteudo #accordion ~ p,
#modalDuvidasFrequentes .conteudo .accordion-estilo p, #modalDuvidasFrequentes .conteudo .accordion-estilo ul li {
	font-size: 18px;
	color: #5b5b5b;
    margin-bottom:0;
}

#modalSaibaCancelar .conteudo #accordion ~ p.f25 {
    font-size:25px;
}

#modalSaibaCancelar .conteudo #accordion p + p,
#modalDuvidasFrequentes .conteudo .accordion-estilo p + p{
    margin-top:10px;
}

#modalSaibaCancelar .conteudo #accordion h5,
#modalDuvidasFrequentes .conteudo .accordion-estilo h5{
    background:#FFFFFF;
}

#modalSaibaCancelar .conteudo #accordion h5 button,
#modalDuvidasFrequentes .conteudo .accordion-estilo h5 button{
    width:100%;
    text-align:left;
}

#modalSaibaCancelar .conteudo #accordion .card-body,
#modalDuvidasFrequentes .conteudo .accordion-estilo .card-body{
    padding:.375rem .75rem;
}

#modalSaibaCancelar .conteudo #accordion h5 .btn-link:hover,
#modalDuvidasFrequentes .conteudo .accordion-estilo h5 .btn-link:hover{
    text-decoration:none;
}

#modalSaibaCancelar .conteudo #accordion button span,
#modalDuvidasFrequentes .conteudo .accordion-estilo button span{
    font-size: 17px;
    color: #000;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 12px;
    width:100%;
    display:block;
}
#modalSaibaCancelar .conteudo #accordion button span:before,
#modalDuvidasFrequentes .conteudo .accordion-estilo button span:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #000000;
    top: 10px;
    left: 0;
    border-radius: 50%;
}

#modalSaibaCancelar .conteudo #accordion button span:after,
#modalDuvidasFrequentes .conteudo .accordion-estilo button span:after{
    content:"";
    position:absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top:6px solid transparent;
    border-bottom: 6px solid #ccc;
    top: 5px;
    right: 0;
}

#modalSaibaCancelar .conteudo #accordion button.collapsed span:after,
#modalDuvidasFrequentes .conteudo .accordion-estilo button.collapsed span:after{
    content:"";
    position:absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ccc;
    border-bottom:6px solid transparent;
    top: 9px;
    right: 0;
}

#modalSaibaCancelar .conteudo a,
#modalSaibaCancelar .conteudo span.linkModal{
	font-size: 24px;
	color: #003677;
	font-weight: 700;
}
#modalSaibaCancelar .conteudo ul li{
	font-size: 18px;
}
#modalSaibaCancelar .conteudo .logo{
	/*position: absolute;*/
	top: 25px;
	right: 50px;
}
#modalSaibaCancelar .conteudo .btn-fechar,
#modalDuvidasFrequentes .conteudo .btn-fechar{
	position: absolute;
	bottom: 25px;
	right: 50px;
	color: #fff;
	background-color: #003677;
	border-radius: 20px;
	display: block;
	padding: 20px 40px;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
}
#alerta-documento{
	width: 390px;
	height: 290px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -195px;
	z-index: 10;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	border-radius: 15px;
}
#alerta-documento p{
	color: #9d9d9d;
	font-size: 23px;
	text-align: center;
	margin-bottom: 0;
}
#alerta-documento .alerta-documento-btns{
	display: flex;
	justify-content: space-around;
	width: 80%;
}
#alerta-documento .alerta-documento-btns a{
	font-size: 30px;
	color: #fff;
	background-color: #004b7f;
	padding: 4px 25px;
	text-transform: uppercase;
	border-radius: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main .btn-voltar {
    width: 80px;
  }
  .main .titulo .txt-titulo h1 {
    font-size: 26px;
  }
  .main .titulo .txt-titulo h2 {
    font-size: 22px;
  }
  .main .teclado span {
    font-size: 65px;
    border: 4px solid #004b7f;
  }
  .main .teclado .btn-consultar {
    font-size: 28px;
    align-self: flex-end;
    padding: 18px 0;
  }
  .main .conteudo h2 {
    font-size: 42px;
  }
  .main .conteudo p {
    font-size: 28px;
  }
  .main .conteudo ul li {
    font-size: 28px;
  }
  .main .conteudo input {
    font-size: 22px;
  }

  .main .conteudo select {
        font-size: 22px;
  }

  .place-holder-big-size input[type="text"]{
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size:28px;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        font-size:28px;
    }
    :-ms-input-placeholder { /* IE 10+ */
        font-size: 28px;
    }
    :-moz-placeholder { /* Firefox 18- */
        font-size:28px;
    }
  }

  .main .conteudo.gerar-boleto input[type="text"] {
    font-size: 30px;
    padding: 10px 30px;
	margin-bottom: 15px;
  }
  .main .conteudo.gerar-boleto input[type="tel"] {
    font-size: 30px;
    padding: 14px 30px;
	margin-bottom: 15px;
  }
  .main .conteudo.gerar-boleto input[type="number"] {
    font-size: 30px;
    padding: 10px 30px;
	margin-bottom: 15px;
  }
 .main .conteudo.gerar-boleto select {
    font-size: 30px;
    padding: 10px 30px;
	margin-bottom: 15px;
 }
  .main .conteudo.gerar-boleto input[type="submit"] {
    font-size: 28px;
    padding: 25px 30px 25px 95px;
    background-size: 15%;
    background-position: 30px center;
  }
  .main .conteudo.pedido h3 {
    font-size: 32px;
  }
  .main .conteudo.pedido p {
    font-size: 24px;
  }
  .main .conteudo.pedido select {
    font-size: 34px;
  }
  .main .conteudo.pedido .radioPerson label {
    font-size: 16px;
  }
  .main .conteudo.pedido .lista-cartorios .select-group label {
    font-size: 18px;
  }
  .main .conteudo.pedido .lista-cartorios .select-group select {
    font-size: 18px;
    height: 190px;
  }
  .main .conteudo.pedido.dados-certidao input[type="text"] {
    padding: 10px 40px;
    font-size: 32px;
  }
  .main .conteudo.pedido.dados-certidao .form-padrao select {
    padding: 10px 40px;
    font-size: 32px;
  }
  .main .conteudo .btn-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .main .conteudo .btn-group p {
    font-size: 32px;
  }
  .main .conteudo .btn-group .navegacao {
    font-size: 14px;
  }
  .main .conteudo .footer-conteudo p {
    font-size: 16px;
  }
  .main .conteudo .forma-boleto {
    width: 400px;
    height: 400px;
  }
  .main .conteudo .exibir-dados .linha table th {
    font-size: 24px;
  }
  .main .conteudo .exibir-dados .linha table td {
    font-size: 18px;
  }
  .main .btn-padrao {
    font-size: 32px;
    padding: 10px 25px;
    border: 4px solid #004b7f;
  }

  .main .conteudo.tela-inicial input[type="button"] {
        margin: 30px auto 0;
        padding: 20px 50px;
        border: none;
        background-color: #004a7e;
        text-transform: uppercase;
        color: #fff;
        font-size: 30px;
        background-repeat: no-repeat;
        background-position: 40px center;
        margin-bottom: 15px;
        border-radius: 20px;
        outline: none;
    }
    .loader {
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        z-index: 9999;
        left: 0;
        background-image: url("../../images/puff.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
    }
}
@media (min-width: 768px){

    .flex-md-55 {
        flex: 0 0 55%;
    }

    .flex-md-60 {
        flex: 0 0 60%;
    }

    .flex-md-40 {
        flex: 0 0 40%;
    }

    .flex-md-45 {
        flex: 0 0 45%;
    }

	.loader {
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        z-index: 9999;
        left: 0;
        background-image: url("../../images/puff.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
    }
}