*{margin: 0px;padding:0px;} 

input:focus {border:1px solid #db2222; outline:none;}
#conteudo_cat{margin:0 auto; background-color:#f6f6f6; background-color:#f1f1f1; margin-bottom:10px; border-radius:10px;}
.topo-cat{position:fixed; top:0; width:100%; height: auto; min-height: 50px; background-color:#d61d1d; background-color:#db2222; z-index:100;}
.logo-cbvj{float:left; height:150px; width:100%; margin-top:70px; background:url(../../imagens/logo-jaragua.jpg) center no-repeat; background-size: contain;}
.cont-cont{float:left; width:100%; height:auto; margin-top:25px; font-family:'Roboto-Regular'; font-size:14px; background-color: #FFFFFF;}
.cat-crono{float:left; width:100%; height:100%; line-height:50px; text-align:center; font-family:'Roboto-Light'; font-size:16px; color:#FFFFFF;}
.cat-titulo{float:left; width:100%; height:30px; line-height:30px; text-align:center; font-family:'Roboto-Bold'; font-size:20px; margin-top:35px; margin-bottom:15px; color:#db2c2c;}
.cat-subtitulo{float:left; width:100%; height:30px; text-align:center; margin-top:-15px; margin-bottom: 20px;; font-family:'Roboto-Regular'; font-size:16px; color:#000;}
.cat-linha{float:left; width:90%; height:85px; margin-left:5%; margin-top:5px;}
.cat-linhaforms{float:left; width:92%; height:70px; margin-left:4%; margin-top:5px;}
.cat-linha02{float:left; width:90%; height:45px; margin-left:5%; margin-top:5px;}
.cat-linha03{float:left; width:90%; height:40px; margin-left:5%; margin-top:5px;}
.cat-linha-titulo{float:left; width:100%; height:20px; font-family:'Roboto-Regular'; font-size:14px; color:#000000; font-weight: 400;}
.cat-linha-input{float:left; width:100%; height:45px;}
.cat-inputedit{color:#292929; border:1px solid #CCC; border-radius:3px; padding:5px; width:100%; height:100%;}
.cat-msg-obriga{float:left; height:17px; width:100%; margin-top:3px; font-family:'Roboto-Regular'; font-size:12px; color:#F00;}
.table_alterar{width:100%; height:100%; text-align:center; font-size:0px; color:#001E93; background-color:transparent; background:url(../../imagens/editar_novo.fw.png) left no-repeat; border-style:none;}
.table_alterar:hover{cursor:pointer; line-height:44px; border:1px solid #CCC; border-radius:5px; transition:.3s;}
.cat-cpf-descricao{float:left; width:100%; height:100%; border-style:none; line-height:40px; font-family:'Roboto-Bold'; font-size:14px; color:#900; background-color:transparent; overflow:hidden; resize:none;}
.cat-msgatencao{float:left; width:90%; height:45px; margin-left:5%; margin-top:30px;}
.cat-estouciente{float:left; width:90%; height:35px; margin-left:5%; margin-top:5px;}
.cat-msg-erro{margin:0 auto; width:100%; height:100%; background-color:#F90; font-family:'Roboto-Regular';font-size:16px; color:#FFF; text-align:center; line-height:40px;}

.cat-aguarde{float:left; width:100%; height:100%; line-height:20px; font-family:'Roboto-Regular'; text-align: center;; font-size:18px;}

.cat-msgenviada{float:left; width:80%; height:175px; margin-left:10%; background-color:#009933; line-height:20px; font-family:'Roboto-Regular'; font-size:14px; color:#FFF; text-align:center; }
.cat-msgenviada-titulo{float:left; width:100%; height:20px; margin-top:15px; font-size:18px; font-family:'Roboto-Bold'; color:#FF0;}
.cat-tituloform{float:left; height:50px; width:100%; font-size:30px; font-family:'Roboto-Thin'; background-color:#3e72be ; color:#fff; line-height:50px;}
.cat-gradeform{position: fixed; background: rgba(99, 99, 99, 0.4); left: 0px; right: 0px; bottom: 0px; top: 0px; width: 100%; z-index: 10000; height: 100%;}	
.cat-gradeconteudo{margin: 0 auto; background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}	
.cat-msg-enviada-titulo{float:left; width:100%; height:auto; margin-top:25px; margin-bottom:20px; font-size:28px; font-family: 'Roboto-Bold'; text-align: center; color:#28bb54;}
.cat-msg-enviada-botao{margin:0 auto; width:300px; height:100%; font-size:16px; font-family:'Roboto-Regular'; border:0px; border-radius:30px; background-color: #D24646; color:#FFF; line-height:40px; text-align: center;}
.cat-msg-enviada-botao:hover{cursor:pointer; background-color: #b83c3c; transition: .3s;}
.cat-form-btn-conf{float:left; width:100px; height:40px; line-height: 40px; margin-right: 20px; margin-bottom: 40px; background-color: #882657; border-radius: 5px; color: #fff; font-size:14px; text-align: center; border:none}
.cat-form-btn-conf:hover{cursor:pointer; background-color: #58193a; transition: .1s;}
.cat-form-btn-can{float:left; width:100px; height:40px; line-height: 40px; margin-bottom: 40px; background-color: #ececec; text-align:center; border-radius: 5px; color: #2d8fd1; font-size:14px; border:none}
.cat-form-btn-can:hover{cursor:pointer; background-color: #CCC;}
.cat-form-loader{float:left; width:auto; height:auto; margin-left:15px;}
.cat-tit-ident-ver{float:left; width:90%; margin-left:5%; height:auto; margin-top:5px; margin-bottom: 20px; font-family:'Roboto-Regular'; font-size:22px; color:#db2c2c; color:#000; text-align: center;}
.cat-tit-ident-pre{float:left; width:90%; height:30px; margin-left:5%; margin-top:5px; font-family:'Roboto-Bold'; font-size:14px; color:#000}
.cat-cbtnadd-resptec:hover{cursor:pointer;background-color:#EFEFEF;transition:0.6s;}
.cat-cbtnadd-resptec-img{float:left; width:40px; height:100%; background:url(../../imagens/engenheiro.fw.png) no-repeat; background-position:left center;}
.cat-cbtnadd-resptec-exc{float:left; width:30px; height:100%; background:url(../../imagens/exc_anexo.fw.png) no-repeat;  background-position:left center;}
.cat-cbtnadd-resptec-txt{float:left; margin-left:5px; width:400px; height:45px; line-height:43px; color:#000;}
.cat-sistmed-btnalt{height:100%; width:100%; background-color:transparent; border:none; background:url(../../imagens/alt_anexo.fw.png) center no-repeat;}
.cat-sistmed-btnalt:hover{cursor:pointer;}
.cat-btnanexonew{float:left; width:100%; height:100%; background-color: #f00; color:#FFF; font-size:14px; font-family: 'Roboto-Regular'; text-align: center; border:0px; border-radius: 5px;}
.cat-caixatermo{float:left; width:85%; height:220px; margin-left:5%; font-family:'Roboto-Regular'; font-size:13px;  line-height:21px; border:1px solid #CCC; margin-top:20px; background-color:#FFF; border-radius:5px; padding:15px; text-align:justify; overflow: auto;}
.cat-caixatermo-tit{float:left; width:100%; height:auto; font-family:'Roboto-Bold'; font-size:14px; text-align:center; text-decoration:underline;}

.chosen_inputcat{padding:10px;font-family:'Roboto-Regular';}
.contreg{float:left; width:99%; height:100%; line-height:90px; text-align:right; font-family:'Roboto-Light'; color:#E4E4E4;}
.alt-notresult-vis{margin:0 auto; height:300px; width:900px; font-family:'Roboto-Regular'; font-size:16px; color:#000;}
.alt-notresult-tit{float:left; width:100%; height:auto; margin-top:50px; font-family:'Roboto-Regular'; font-size:22px; color:#F00; text-align:center;}
.alt-notresult-txt{float:left; width:100%; height:auto; text-align:center; line-height:25px; margin-top:10px; font-size: 16px; font-family: 'Roboto-Regular';}

.balao_informacao{float:left; height:18px; width:18px; border-radius:50%; background-color:#f53e3e; font-family:'Roboto-Regular'; font-size:13px; color:#FFF; text-align:center; line-height:19px;}
.balao_informacao:hover{background-color:#d63737;}

.botao_enviar{height:40px; font-size:18px; font-family:'Roboto-Light'; color:#FFF; background-color:#eb3b3b; text-align:center; line-height:40px; border-style: none; border-radius: 25px;}
.botao_enviar:hover{background-color:#b13b3b !important; cursor:pointer; transition:.3s;}


.regproc-caixaprincipal{float:left; margin-right:1%; margin-left: 1%; height:auto; border:1px solid #1c1925; border-radius:10px;}
.regproc-linhatopo{float:left; height:8px; width:100%; background-color:#ff4848; background-color:#1c1925; border-top-left-radius:10px; border-top-right-radius:10px;}
.regproc-img01{float:left; width:100%; height:100px; margin-top:30px; margin-bottom:5px; background:url(../../imagens/ppci-rpci-simples.fw.png) center no-repeat; background-size:contain}
.regproc-img02{float:left; width:100%; height:100px; margin-top:30px; margin-bottom:5px; background:url(../../imagens/ppci-ordinario02.fw.png) center no-repeat; background-size:contain}
.regproc-img03{float:left; width:100%; height:100px; margin-top:30px; margin-bottom:5px; background:url(../../imagens/ppci-simplificado01.fw.png) center no-repeat; background-size:contain}
.regproc-caixatexto{float:left; height:auto; width:100%; padding-top:20px; line-height:20px; color:#000000; font-family:'Roboto-Regular'; font-size:15px; text-align: center;}
 
.btn-novo-alt-cpf{float:left; width:120px; height:35px; font-family:'Roboto-Medium'; font-size:13px; border:0px; background-color:#06F; color:#FFF; border-radius:35px;}
.btn-novo-alt-cpf:hover{cursor:pointer; background-color: rgb(0, 83, 207) !important; transition: .2s;}
.cat-linha-titulo-alt-cpf{font-family:'Roboto-Medium'; color:#06F; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cat-blocos-caixa{float:left; width:100%; height:auto; margin-bottom:10px;}
.cat-blocos-titulo{float:left; width:100%; height:30px; line-height: 30px; font-size: 16px; background-color:#333333; color:#FFF; font-family:"Roboto-Medium"; margin-bottom:10px;}
.cat-blocos-linha{float:left; width:100%; height:95px;}
.cat-blocos-btncopy{float:right; width: auto; height: 100%; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 14px; font-family: 'Roboto-Regular'; color:#FFFFFF; text-decoration: underline;}
.cat-blocos-btncopy:hover{cursor: pointer; background-color: #e4e4e4; color:#333333; transition: .1s;}

.btnscroll{display: none; position: fixed; bottom: 20px; right: 30px; width:50px; height:50px; z-index: 99; border: none; outline: none; background-color: #ff4848; cursor: pointer; border-radius: 50%;}
.btnscroll:hover{background-color: #e92a2a; transition: .2s;}
.btnscroll-imgtop{background-image: url(../../imagens/seta-scroll-cima.fw.png); background-position: center; background-repeat: no-repeat; background-size:contain; transition: .1s;}
.btnscroll-imgbottom{background-image: url(../../imagens/seta-scroll-baixo.fw.png); background-position: center; background-repeat: no-repeat;  background-size:contain; transition: .1s;}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* loader elips */
.lds-ellipsis {display: inline-block; position: relative; width: 80px; height: 40px;}
.lds-ellipsis div {position: absolute; top: 15px; width: 13px; height: 13px; border-radius: 50%; background: #D24646; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left:  8px; animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left:  8px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px; animation: lds-ellipsis3 0.6s infinite;}

@keyframes lds-ellipsis1 {
  0% {transform: scale(0);}
  100% {transform: scale(1);}
}

@keyframes lds-ellipsis3 {
  0% {transform: scale(1);}
  100% {transform: scale(0);}
}

@keyframes lds-ellipsis2 {
  0% {transform: translate(0, 0);}
  100% {transform: translate(24px, 0);}
}


/* BALAO */
a.tooltip{
  position:relative; 
  text-decoration:none;
  cursor: default;
}

a.tooltip:hover{
  background:transparent;
  color:#f00;
  z-index:25; 
  cursor: default;
}

a.tooltip span{
  display: none;
}
 
a.tooltip:hover span{ 
  display:block;
  position:absolute;
  font-family:'Roboto-Regular';
  font-size:15px;
  text-align:left;
  color:#000;
  width:420px; 
  top:-15px;
  left:15px;
  padding:10px;
  border:1px solid #CCCCCC; background-image: linear-gradient(to bottom, #FFFFFF , #f4f4f4);
  
 }

.loader {
  border: 3px solid #E2E2E2; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* LABEL PISCANDO */
@keyframes fa-blink {
     0% { opacity: 1; }
     50% { opacity: 0; }
     100% { opacity: 1; }
 }
.fa-blink {
   -webkit-animation: fa-blink .55s linear infinite;
   -moz-animation:    fa-blink .55s linear infinite;
   -ms-animation:     fa-blink .55s linear infinite;
   -o-animation:      fa-blink .95s linear infinite;
   animation:         fa-blink .95s linear infinite;
}


/* CHECK BOX */
.check_cat {display:none;}
.check_cat + label span {width:15px; height:15px; margin:-2px 2px -4px 0; background:url(../../imagens/check_cat_0.fw.png) left center no-repeat; background-size: contain; cursor:pointer; transition:.3s;}
.check_cat:checked + label span {background:url(../../imagens/check_cat_1.fw.png) left center no-repeat; background-size: contain; transition:.3s;}

.cm-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
}


/* CHECK BOX TO SWITCH */

/* barckground */
.cm-toggle:focus{border:0px;}

.cm-toggle:after {
	content: '';
	width: 30px;
	height: 10px;
	display: inline-block;
	background: rgba(196, 195, 195, 0.7);
	border-radius: 18px;
	transition: .2s;
clear: both;
}

/* circulo */
.cm-toggle:before{content: '';
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	border:1px solid #CCC;
border-radius: 50%;
	background: rgb(255, 255, 255);
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
}

/* Shift the handle to left on check event */
.cm-toggle:checked:before {
	transition: .3s;
left: 17px;
	border:1px solid #f00;
  border:1px solid #168b3d;
  
/* box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.6); */
}
/* Background color when toggle button will be active */
.cm-toggle:checked:after {
	transition: .3s;
background: #E81111;
background: #20af50;

}



/* RADIO BUTTON */

.css-radio{
  position: absolute;
  cursor: pointer;
  visibility:hidden;
}

.css-radio + label{
  display: block;
  position: relative;
  border:1px solid #DFDFDF;
  text-align:center;
  line-height:23px;
  font-size: 14px;
  height: 23px;
  z-index: 9;
  color:#333;
  cursor: pointer;
  -webkit-transition: all 0.3s linear; 	
}

.css-radio:hover + label{
  color: #E81111;
}

.css-radio:checked::before {
  -webkit-margin-start: 4px;
   position: absolute;
   background: #BE433D;
   content: '';
   display: inline-block;
   font-size: 14px;
   height: 7px;
   opacity: 1;
   vertical-align: top;
   left: -1;
   top: 0;
   margin-top: 3px;
   width: 7px;
   border-radius:5px;
}

.css-radio:checked + label{
  color: #A80000;
  border:1px solid #E81111;
  background-color:#E81111;
  height:27px;
  line-height:27px;
  margin-top:-2px;
  transition:0.3s;
  color:#FFF;
}




/* ------------------------------------ css radio preto --------------------------------------------------- */
.css-radio-preto{
  position: absolute;
  cursor: pointer;
  visibility:hidden;
}

.css-radio-preto + label{
  display: block;
  position: relative;
  border:1px solid #DFDFDF;
  text-align:center;
  line-height:28px;
  font-size: 14px;
  height: 28px;
  z-index: 9;
  color:#333;
  font-family: 'Roboto-Regular';
  cursor: pointer;
  -webkit-transition: all 0.3s linear; 	
}

.css-radio-preto:hover + label{
  color: #2e2e2e;
}

.css-radio-preto:checked::before {
  -webkit-margin-start: 4px;
   position: absolute;
   background: #f53e3e;
   content: '';
   display: inline-block;
   font-size: 14px;
   height: 9px;
   opacity: 1;
   vertical-align: top;
   left: -1;
   top: 0;
   margin-top: 4px;
   width: 7px;
   border-radius:5px;
}

.css-radio-preto:checked + label{
  color: #f53e3e;
  border:1px solid #f53e3e;
  background-color:#f53e3e;
  height:32px;
  line-height:32px;
  margin-top:-2px;
  transition:0.3s;
  color:#FFF;
}




/* radio sis med */ 

.form-linha-check{float:left; width:100%; height: auto; margin-top: 10px;}
.form-linha-check02{float:left; width:100%; height: 35px; margin-bottom: 15px;}
.form-inp-tit-check{float:left; width:calc(100% - 50px); margin-left:5px; height:auto; min-height: 30px; font-family: 'Roboto-Regular'; color: #000; font-size:14px;}
.form-inp-check{float:left; width:35px; height:30px; min-height: 30px; padding-top:3px;}

.form-inp-tit-check:hover .tooltip-sismed {visibility: visible;}
.form-inp-tit-check .tooltip-sismed {visibility: hidden; width: 300px; line-height: 20px; font-family:'Roboto-Medium'; font-size:13px; text-align:left; color:#000000; top:-10px; margin-left: 10px;; padding:10px; border:1px solid #CCCCCC; background-image: linear-gradient(to bottom, #FFFFFF , #f4f4f4);  position: absolute; z-index: 10000;}
.form-inp-check:hover{cursor: pointer;}
                     
.form-inp-tit-check02{float:left; width:calc(100% - 50px); margin-left:5px; height:auto; min-height: 30px; font-family: 'Roboto-Regular'; color: #000; font-size:14px;  position: relative; display: inline-block;}
.form-inp-tit-check02:hover .tooltip-sismed {visibility: visible;}
.form-inp-tit-check02 .tooltip-sismed {visibility: hidden; width: 300px; line-height: 20px; font-family:'Roboto-Medium'; font-size:13px; text-align:left; color:#000000; top:-10px; margin-left: 10px;; padding:10px; border:1px solid #CCCCCC; background-image: linear-gradient(to bottom, #FFFFFF , #f4f4f4);  position: absolute; z-index: 10000;}


/*
.form-inp-tit-check02{float:left; width:calc(100% - 177px); color: #000000; font-size:14px; font-family: 'Roboto-Medium'; height:100%; margin-left:10px; line-height:30px; position: relative; display: inline-block;}
.form-inp-tit-check02:hover .tooltip-sismed {visibility: visible;}
.form-inp-tit-check02:hover{cursor: pointer;}
.form-inp-tit-check02 .tooltip-sismed {visibility: hidden; width: 300px; line-height: 20px; font-family:'Roboto-Medium'; font-size:13px; text-align:left; color:#000000; top:-10px; margin-left: 10px;; padding:10px; border:1px solid #CCCCCC; background-image: linear-gradient(to bottom, #FFFFFF , #f4f4f4);  position: absolute; z-index: 10000;}
*/


.form-inp-check02{float:left; width:100px; height:30px; min-height: 30px; margin-top:-5px}    

.css-radio-sismed{position: absolute; cursor: pointer; visibility:hidden;}
.css-radio-sismed + label{display: block; position: relative; border:1px solid #DFDFDF; text-align:center; font-size: 14px; height: 25px; display : flex; align-items : center; justify-content : center; z-index: 9; color:#333; cursor: pointer; -webkit-transition: all 0.3s linear;}
.css-radio-sismed:hover + label{color: #27b452;}
.css-radio-sismed:checked + label{border:1px solid #23c459; background-color:#23c474; height:29px; line-height:18px !important; margin-top:-2px; transition:0.3s; color:#FFF;}

.css-radio-sismed-verm{position: absolute; cursor: pointer; visibility:hidden;}
.css-radio-sismed-verm + label{display: block; position: relative; border:1px solid #DFDFDF; text-align:center; font-size: 14px; height: 25px; display : flex; align-items : center; justify-content : center; z-index: 9; color:#333; cursor: pointer; -webkit-transition: all 0.3s linear;}
.css-radio-sismed-verm:hover + label{color: #A80000;}
.css-radio-sismed-verm:checked + label{border:1px solid #e1e1e1; background-color:#e1e1e1; color:#000; border:1px solid #E81111; background-color:#E81111; color:#FFF;   height:29px; line-height:18px !important; margin-top:-2px; transition:0.3s; }