@media (max-width : 800px){
	div#hdr_topo a.logo_painel{
		width:50%;
	}
	div#hdr_filtros{
		overflow:auto;
		width:100%;
	}	
	
	div#hdr_topo div.controlbar{
		width:340px;
	}	
	
	
	div#onx_header table.tbFiltros input[type=text],
	div#onx_header table.tbFiltros input[type=password],
	div#onx_header table.tbFiltros select,
	div#onx_header table.tbFiltros textarea{
		width:100px;
	}	
	
	div#hdr_filtros a.bigbutton{
		min-width: auto;
	}
	div#hdr_filtros a.bigbutton span{
		display: none;
	}	
	
	div#onx_header{
		height:89px;
		background-color:#e8e8e8;
	}
	
	/*copy min*/
	div#hdr_topo div.controlbar a#menu{
		display:block;
	}	

	#cssmenu {
		width: auto;
		display:none;
		overflow:auto;
		margin-top:31px;
	}
	#cssmenu.align-center ul {
		text-align: left;
	}
	#cssmenu.align-right > ul > li {
		float: none;
	}
	#cssmenu ul {
		width: auto;
		background-color:#e8e8e8;
	}
	#cssmenu .submenuArrow{
		display: none;
	}
	#cssmenu > ul {
		height: auto;
		display: block;
	}
	#cssmenu > ul > li {
		float: none;
		border-left:none;
		border-right:none;
		font-size:13px;
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	#cssmenu li,
	#cssmenu > ul > li {
		display: none;
		height:auto;
		border-bottom:1px solid #999;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu ul > li:hover > ul,
	#cssmenu ul ul > li:hover > ul,
	#cssmenu.align-right ul ul,
	#cssmenu.align-right ul ul ul,
	#cssmenu.align-right ul > li:hover > ul,
	#cssmenu.align-right ul ul > li:hover > ul {
		position: relative;
		left: auto;
		top: auto;
		opacity: 1;
		padding-left: 0;
		padding-right: 0;
		right: auto;
		box-shadow:none;
	}
	#cssmenu ul .has-sub::after {
		display: none;
	}
	#cssmenu ul li a {
		color:#7a8189;
		padding: 8px 20px;

		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	#cssmenu > ul > li:hover > a{
		height: auto;
	}
	#cssmenu ul ul li{
	border-bottom:0px solid #999;
	}
	#cssmenu ul ul li a {
		border: 0;
		background: none;
		width: auto;
		padding: 8px 25px;
	}
	#cssmenu.align-right ul ul li a {
		text-align: left;
	}
	#cssmenu > ul > li:hover > a {
		background-color:#ABCBED;
	}
	#cssmenu ul ul li:hover > a {
	/*  background: none;
	color: #8c9195;*/
	}
	#cssmenu ul ul ul a {
		padding: 8px 50px;
	}
	#cssmenu ul ul ul ul a {
		padding: 8px 65px;
	}
	#cssmenu ul ul ul ul ul a {
		padding: 8px 80px;
	}
	#cssmenu ul ul ul ul ul ul a {
		padding: 8px 95px;
	}
	#cssmenu #menu-button > a {
		padding: 0 10px;
	}
	#cssmenu ul.open li,
	#cssmenu > ul.open > li {
		display: block;
	}
	
	ul.hdr_submenus{
	  display:none;
	}
	
	#cssmenu ul li a i.mnuexp{
		float: right;
	}
	
	a#close-menu{
		height:30px;
		font-weight:normal;
		font-family:Arial, sans-serif;
		position:fixed;
		top:54px;
		width:100%;
		z-index:502;
		color:var(--txt_nrm);
		background-color:var(--clr_nrm);
	}
	a#close-menu span.icon{
		color:#ffffff;
		float:right;
		margin-right:6px;
		height:30px;
		line-height:30px;
		text-align:center;
	}
	#cssmenu ul ul::after {
		display: none;
	}
	#cssmenu li.current>a{
		background-color: #666666;
	}
	/*---*/
	
	/*listas*/	
	table.lista th{
		font-size:13px;
		font-weight:normal;
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	table.lista td{
		font-size:13px;
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*registro*/
	ul.reg_abas{
		height:auto;
		overflow:auto;
		padding-bottom:3px;
	}
	
	ul.reg_abas li{
		margin-left:5px;
	}
	
	ul.reg_abas li a {
		line-height: 22px;
		height: 22px;
	}
	
	ul.reg_abas li a span{
		height:22px;
		background-color:#6f6f6f;
		-moz-border-radius: 3px 3px 3px 3px; 
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;	
	}
	
	ul.reg_abas li a.selected span{
		-moz-border-radius: 3px 3px 3px 3px; 
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px; 	
	}
	
	a.botao{
		font-size:16px;
		line-height:34px;
		height:34px;
	}
	
	
	/*cards */
	ul.cards li{
		width: 50%;
		padding: 10px;
	}
	
	ul.cards li a.registro{
		width: 100%;
		margin: 0;
	}
	ul.cards li span.card-tools{
		right:20px;
		top: 20px;
	}
	/*formulário*/
	div.pnlclass_registro ul.formulario li label{
		font-size:14px;
	}
	
	/*campos gerais*/
	div.pnlclass_registro ul.formulario input[type=text],
	div.pnlclass_registro ul.formulario input[type=password],
	div.pnlclass_registro ul.formulario input[type=datetime-local],
	div.pnlclass_registro ul.formulario input[type=date],
	div.pnlclass_registro ul.formulario input[type=time],
	div.pnlclass_registro ul.formulario input[type=number],
	div.pnlclass_registro ul.formulario select,
	div.pnlclass_registro ul.formulario textarea{
		font-size:14px;
		padding:5px;
	}
	
	/*texto como se fosse um campo*/
	div.pnlclass_registro ul.formulario li p.formData{
		padding:3px;
		font-size:14px;
	}
	div.pnlclass_registro ul.formulario li ul.formData{
		padding:3px;
		font-size:14px;
	}
	div.pnlclass_registro ul.formulario li div.formPanel{
		font-size:14px;
		font-family:Tahoma, Geneva, sans-serif;	
	}
	div.pnlclass_registro ul.formulario li.sep{
		font-size:14px;
	}
	div.pnlclass_registro ul.formulario li.div{
		height:auto;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:10px;
		line-height:18px;
		font-size:14px;
	}
	/*dica*/
	div.pnlclass_registro ul.formulario li p.dica{
		font-size:14px;
	}
	/*texto após o controle de input*/
	span.formInline{
		font-size:14px;
	}
	
	div.int_box,
	body.external div.int_box {
	    width: 90%;
	}	
	
	div.int_box_interno.texto ul, 
	div.int_box_interno.texto ol {
		margin-left: 0;
	}
	
	
	div.int_box ul.formulario li label{
		display: block;
		clear: both;
		text-align: left;
		margin-left: 0;
		margin-bottom: 4px;
		
	}
	
	div.int_box div.botoes{
		margin-left:0;
	}

	
	div.int_box ul.formulario li input,
	div.int_box ul.formulario li select,
	div.int_box ul.formulario li textarea,
	div.int_box ul.formulario li p.formData,
	div.int_box ul.formulario li ul.formData{
		display: block;
		clear: both;
		margin-left: 0;
	}
	
    div.int_box li p.dica {
        margin-left: 0;
    }
    
	div.idiomas{
		width: 100%;
	}
	
		
	input.date{width:100px;}
	input.date2{width:100px;}
	input.date3{width:120px;}
	input.num{width:100px;}
	input.mny{width:100px;}
	input.hora{width:100px;}
	input.hora2{width:70px;}
	input.cep{width:100px;}
	input.dec1{width:100px;}
	input.dec2{width:100px;}
	input.dec3{width:100px;}
	input.dec4{width:100px;}
	input.tel{width:160px;}
	input.cel{width:160px}
	input.telf{width:160px}
	input.cpf{width:160px}
	input.cnpj{width:160px}
	input.color{width:100px}
	
	/*confirmacao no topo*/
	div.msgConfirm{
		width:100%;
		max-width:none;
		left:0;
		-webkit-border-bottom-right-radius:0;
		-webkit-border-bottom-left-radius:0;
		-moz-border-radius-bottomright:0;
		-moz-border-radius-bottomleft:0;
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
	}
	
	/*charts*/
	table.chart-componente{
		float:left;
		margin-left:2%;
	}
	.chart100{width: 96%;}
	.chart75{width: 96%;}
	.chart70{width: 96%;}
	.chart50{width: 96%;}
	.chart30{width: 96%;}
	.chart25{width: 96%;}
	
	.responsive{
		width:auto !important;
		float:none !important;
	}
	
}
@media (max-width : 550px){
	

	div#hdr_topo a.logo_painel{
		background-image:var(--img_icone);
	}
	
	div.idiomas a.idioma{
		width: 80%;
		margin: 0 0 10px 0;
	}
	
	div#hdr_topo div.controlbar{
		width: calc(100% - 80px);
	}
	
	body.external div.onx_logo_int{
		height: 30px;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	
	div.int_box,
	body.external div.int_box {
	    width: 100%;
		position:static;
		left:auto;
		padding:0;
		margin-left:0;
		padding-bottom:20px;
		background-repeat:repeat;
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-border-radius:none;
		border-radius:0 0 0 0;
	}	
	
	div.int_box,
	body.external div.int_box h2{
		padding:10px 20px 0 20px;
		height:auto;
		line-height:normal;
		-webkit-border-radius:none;
		border-radius:0 0 0 0;
		min-height:40px;
	}

	body.external div.int_box_interno {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	body.external div.int_box ul.formulario li label {
		width: auto;
		clear:both;
		padding-right: 0;
		font-size: 16px;
		text-align: left;
	    margin-bottom: 5px;
	    margin-left:0;		
	}
	body.external div.int_box input {
		float: none;
		width: 100%;
		clear: both;
		-webkit-box-shadow:none;
	    box-shadow:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		font-size:20px;
		
	}
	body.external div.int_box input.chk{
		width: 14px !important;
	}
	body.external div.botoes,
	div.int_box div.botoes{
		margin-left:0;
	}
	
	div.int_box div.botoes a{
		width: auto;
		margin-right: 0;
	}

	body.external div.int_box a.botao {
		font-size: 20px;
		line-height: 36px;
		height: 36px;
		padding-left: 24px;
		padding-right: 24px;
		text-align: center;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		text-shadow:none;
		float:none;
	}

	body.external div.int_box a.esqueci{
		float:left;
		margin-top:13px;
		margin-right:20px;
		
	}
	
	div.int_box ul.formulario li input,
	div.int_box ul.formulario li select,
	div.int_box ul.formulario li textarea,
	div.int_box ul.formulario li p.formData,
	div.int_box ul.formulario li ul.formData{
		width: 100% !important;
	}
	
	div.home_logo{
		background-size: 90%;
	}
	
	/*cards */
	ul.cards li{
		width: 100%;
		padding: 0;
	}
	ul.cards li a.registro{
		border-top-width: 1px !important;
	}
	ul.cards li span.card-tools{
		right:10px;
		top: 10px;
	}

}

@media (max-width : 450px){

	/*formularios*/
	div.pnlclass_registro ul.formulario{
		min-width:0;
	}
	/*label*/
	div.pnlclass_registro ul.formulario li label{
		display:block;
		float:none;
		clear:both;
		margin-bottom:5px;
		width:auto;
        margin-left: 20px;
        margin-top: 10px;
	}
    
    ul.formulario li label .labelanx{
        float: left;
        margin-right: 5px;
        margin-top: 2px;
    }
    
	div.pnlclass_registro ul.formulario input[type=text],
	div.pnlclass_registro ul.formulario input[type=password],
	div.pnlclass_registro ul.formulario input[type=datetime-local],
	div.pnlclass_registro ul.formulario input[type=date],
	div.pnlclass_registro ul.formulario input[type=time],
	div.pnlclass_registro ul.formulario input[type=number],
	div.pnlclass_registro ul.formulario select,
	div.pnlclass_registro ul.formulario textarea{
		margin-left: 20px;
		clear:both;
		width:85%;
	}	
	div.pnlclass_registro ul.formulario input[type=text].l400,
	div.pnlclass_registro ul.formulario input[type=password].l400,
	div.pnlclass_registro ul.formulario input[type=datetime-local].l400,
	div.pnlclass_registro ul.formulario input[type=date].l400,
	div.pnlclass_registro ul.formulario input[type=time].l400,
	div.pnlclass_registro ul.formulario input[type=number].l400,
	div.pnlclass_registro ul.formulario select.l400,
	div.pnlclass_registro ul.formulario textarea.l400{
		width:85% !important;
	}	
	div.pnlclass_registro ul.formulario p.dica{
		margin-left: 20px;
	}
	
	div.pnlclass_registro div.botoes{
		margin-left: 20px;
	}
	div.pnlclass_registro ul.formulario input[type=checkbox]{
		margin-left: 20px;
	}
	div.pnlclass_registro ul.formulario li p.formData{
		clear:both;
		margin-left: 20px;
		width:90%;
	}
	div.pnlclass_registro ul.formulario li ul.formData{
		clear:both;
		margin-left: 20px;
		width:90%;
	}
	div.pnlclass_registro ul.formulario li span.formInline{
		margin-left: 20px;
        clear: both;
	}
}
@media (max-width : 370px){
	div#hdr_topo a.logo_painel{
		display:none;
	}
}