@media (max-width : 920px){
		
	/*header*/
	div#app_header{
		height: 45px;
	}
	
	div#app_header div.logo{
		background-image: url(../../app-vendor/pix/pequeno.png);
		margin-top: 5px;
		height: 35px;
		width: 200px;
	}

	div#app_panel{
		margin: 0;
		padding: 0;
		min-height: inherit;
	}

	/*menu*/
	div#app_header a.mblmenu{
		display: block;
		text-align: right;
	}
	
	div#app_header div.menu{
		background: #000000;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75);
		display: none;
		height: calc(100%);
		left: 0;
		max-width: 325px;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 85%;
		z-index: 999;
		margin-top: 0;
		margin-left: 0;
	}
	
	div.menuTop-overlay {
        background-color: rgba(0, 0, 0, 0.6);
    }
	
    div.menuTop-overlay{
        bottom: 0;
        display: none;
        height: calc(100%);
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 997;
    }
	
	div#app_header div.menu ul li{
		width: 100%;
	}
	div#app_header div.menu ul li.lg{
		float: left;
		clear: none;
		margin-top: 0;
		margin-bottom: 0;
	}
	div#app_header div.menu ul li a,
	div#app_header div.menu ul li.lg a{
		background-color:transparent;
		width: 100%;
		text-align: left;
		border-radius: 0;
		padding: 15px 20px;
		font-size: 16px;
		height: auto;
		line-height:normal;
		margin-left: 0;
		text-decoration: none;
	}
	div#app_header div.menu ul li a:hover,
	div#app_header div.menu ul li.lg a:hover{
		text-decoration: none;
	}
	
	div#app_header div.menu ul li a span.icon{
		float: left;
		margin-right: 5px;
		margin-top: 1px;
		height: auto;
		line-height: normal;
	}
	
	div#app_header div.menuul li a.selected{
		background-color: #586BB4;
		border-top: 1px solid #999;
	}

	div#app_header div.menu ul.sec ul li a{
		background-color: transparent;	
	}
	div#app_header div.menu ul.sec li a:hover{
		background-color: #0d134d;
	}
	
	
	/*principal*/
	div.principal{
		border-radius: 0;
	}
	
	/* ABAS*/
	div.app-abas{
		padding-top: 10px;
		height: auto;
		overflow: visible;
	}

	div.app-abas ul{
		height: auto;
		margin-left: 0;
		margin: 10px;
		overflow: auto;
	}

	div.app-abas ul li{
		width: 48%;
		margin-bottom: 5px;
		margin-right: 1%;
		margin-left: 1%;
	}
	div.app-abas a{
		border-radius: 5px;
		width: 100%;
	}
	
	/* TABELAS*/
	
	/*tabela box no mobile*/ 
	div.table-box { 
		display:block;
		border: none;
	}
	
	div.table-box .row{ 
		padding-top: 0;
		border: 1px solid #F0F0F0;
		background-color: #fafafa;
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 15px;
		padding: 20px 20px 15px 20px;
	}
	div.table-box .rowheader{
		display: none;
	}
	div.table-box .th{
		
	} 
	div.table-box .td { 
		width: 100%;
		clear: both;
		display: block;
		border-top: none;
		text-align: left !important;
		vertical-align: middle;
		padding-bottom: 10px;
	}
	div.table-box .td label {
		display: inline;
	}
	div.table-box .td.mtit {
		font-weight: bold;
		font-size: 16px;
	}
	
	table.table-box tr{
		padding-top: 0;
		border: 1px solid #F0F0F0;
		background-color: #fafafa;
		height: auto;
		display: block;
		margin-bottom: 15px;
		padding: 20px 20px 15px 20px;
		margin-left: 15px;
		margin-right: 15px;
		border-radius: 6px;
	}
	
	table.table-box tr td{
		display: block;
		clear: both;
		width: 100%;
		border: none;
		text-align: left !important;
		vertical-align: middle;
		padding: 4px;
	}
	
	table.table-box td.mtit {
		font-weight: bold;
		font-size: 16px;
	}
	table.table-box td label {
		display: inline;
	}
	table.table-box tr th{
		display: block;
		clear: both;
	}
	table.table-box tr.hdr{
		display: none;
	}
	
	table.table-box.compact tr{
		display: block;
		margin-bottom: 0;
		border-radius: 0;
		padding: 15px 15px 10px 15px;
	}
	
	
	/*tabela vertical th*/ 
	table.table-vertical-th{
		margin-top: 20px;
		border-bottom: none;
	}
	
	table.table-vertical-th th{
		background-color: transparent;
		display: block;
		text-align: left !important;
		border-bottom: none;
		padding: 0;
		margin-bottom: 5px;
	}
	table.table-vertical-th td{
		display: block;
		text-align: left !important;
		padding: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	div.navega li.navLnk{
		display: none;
	}
	
	/* LISTAS */
	div.lista-opcoes1 ul li{
		width: 100%;
	}
	
	
}

@media (max-width: 800px){
	
	/*breadcrumb*/
	div.breadcrumb ol li{
		font-size: 10.5px;
	}

	/* inline */
	ul.formulario.inline li,
	div.principal ul.formulario.inline li{
		width: 100%;
		clear: both;
	}

}


@media (max-width: 700px){

	div.formbox div.box3 li{width: calc(50% - 10px);}
	div.formbox div.box3 li:nth-child(2){margin-right:0;}
	
	
	div.formbox div.box2 li{width: calc(50% - 10px);}
	div.formbox div.box2 li:nth-child(2){margin-right:0;}
	div.formbox div.box2 li:last-child{margin-right:0;}
	
}

@media (max-width: 600px){
	/* inline */
	div.principal ul.formulario li input[type='text'],
	div.principal ul.formulario li select,
	div.principal ul.formulario li textarea{
		width: 100% !important;
	}
	
	div.principal ul.formulario li.group{
		width: 100% !important;
	}
    
    button.botao, a.botao {
        height: auto;
        line-height: normal;
        padding: 8px 20px;
    }
	
	/*FORMBOX*/
	div.formbox div.box3 li:last-child{width:100%;}
	
	div.formbox div.box6-4 li{width: calc(50% - 10px);}
	div.formbox div.box6-4 li:first-child{margin-right: 20px;}
	
	div.formbox div.box4-6 li{width: calc(50% - 10px);}
	div.formbox div.box4-6 li:first-child{margin-right: 20px;}
	
}

@media (max-width: 550px){
	div.wrapper.short{
		max-width: none;
	}
	div.principal div.listas{
		padding: 0;
	}
	
	div.app-abas ul li{
		width: 98%;
	}
	
	table.table-simple{
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
	}
	
	/*FORMBOX*/
	div.formbox div.box5-4-1 li:first-child{width: 100%;margin-right: 0;}
	div.formbox div.box5-4-1 li:nth-child(2){width: calc(25% - 10px);margin-right: 20px;}
	div.formbox div.box5-4-1 li:last-child{width: calc(75% - 10px);}

	div.formbox div.box5-1-4 li:first-child{width: 100%;margin-right: 0;}
	div.formbox div.box5-1-4 li:nth-child(2){width: calc(25% - 10px);margin-right: 20px;}
	div.formbox div.box5-1-4 li:last-child{width: calc(75% - 10px);margin-right: 0;}

	div.formbox div.box4-1-5 li:first-child{width: calc(75% - 10px);}
	div.formbox div.box4-1-5 li:nth-child(2){width: calc(25% - 10px);margin-right: 0;}
	div.formbox div.box4-1-5 li:last-child{width: 100%;margin-right: 0;}

	div.formbox div.box1-4-5 li:first-child{width: calc(75% - 10px);margin-right: 20px;}
	div.formbox div.box1-4-5 li:nth-child(2){width: calc(25% - 10px);margin-right: 0;}
	div.formbox div.box1-4-5 li:last-child{width: 100%;}
	
	div.formbox div.box2-2-5 li:first-child{width: calc(50% - 10px);margin-right: 20px;}
	div.formbox div.box2-2-5 li:nth-child(2){width: calc(50% - 10px);margin-right: 0;}
	div.formbox div.box2-2-5 li:last-child{width: 100%;}
	
	div.formbox div.box5-2-2 li:first-child{width: calc(100%);margin-right: 0;}
	div.formbox div.box5-2-2 li:nth-child(2){width: calc(50% - 10px);margin-right: 20px;}
	div.formbox div.box5-2-2 li:last-child{width: calc(50% - 10px);margin-right:0;}
	
}



@media (max-width: 500px){
	
	/*FORMBOX*/
	div.formbox div.box5 li{width: 100%;}
	div.formbox div.box5 li:first-child{margin-right: 0;}

	div.formbox div.box3 li{width: 100%;}
	div.formbox div.box3 li:first-child{margin-right: 0;}
	div.formbox div.box3 li:nth-child(2){margin-right: 0;}
	
	div.formbox div.box3-7 li:first-child{width: 100%;margin-right:0;}
	div.formbox div.box3-7 li:last-child{width: 100%;}

	div.formbox div.box7-3 li:first-child{width: 100%;margin-right:0;}
	div.formbox div.box7-3 li:last-child{width: 100%;}
	
	div.formbox div.box4-6 li:first-child{width: 100%;margin-right:0;}
	div.formbox div.box4-6 li:last-child{width: 100%;}

	div.formbox div.box6-4 li:first-child{width: 100%;margin-right:0;}
	div.formbox div.box6-4 li:last-child{width: 100%;}
	
	div.formbox div.box2-2-5 li{width: calc(100%);margin-right: 0;}
	div.formbox div.box5-2-2 li{width: calc(100%);margin-right: 0;}
	
}

@media (max-width: 350px){
	
	div#app_header div.logo{
		background-image: url(../../app-vendor/pix/icone.png);
		height: 32px;
		width: 32px;
		margin-top: 7px;
	}
	
	a.botao{
		width: 100%;
	}
	
	div.principal h1{
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	div.principal div.interno{
		padding: 10px;
	}
	
	table.table-box tr {
		padding: 10px 10px 5px 10px;
	}
	div.logged{
		display: none;
	}
	
	table.table-simple{
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
	}	
}