@media screen and (max-width:540px) {
	#main-nav .subnav-container {
		left: 100% !important;
		top: 0 !important;
		margin-top: 0 !important;
		width: min(280px, calc(100vw - 220px)) !important;
		max-height: min(480px, calc(100vh - 48px)) !important;
		overflow-y: auto !important;
	}

	#main-nav .subnav-container .nav-item {
		word-wrap: break-word;
	}
}
@media screen and (max-width:414px) {

	.ocultos{display: none !important;}
	.cards tbody tr { width: 22rem !important; }
	.g-recaptcha { text-align: center; overflow: hidden; position: relative; width: 303px; left: -30px; }
	.g-recaptcha div { margin: 0 auto !important; padding: 0 !important; width: 100% !important; }
	.card-columns-custom { column-gap: 0.2rem; columns: 1; }
	#acoes2, .botoes, .botoes .dt-buttons { display: grid; width: 100%; position: relative !important; }
	div.dataTables_wrapper div.dataTables_paginate { float: none; display: inline-block; }
	.outer, .inner, .col-lg-12 { padding: 0 !important; }
	.menu { float: right !important; position: absolute; right: 7px; top: -5px; }
	.filtrosDatatable.texto-verde{
		font-size: 1.6em;
	}
	.filtrosDatatable.texto-verde .position-absolute{
		font-size:0;
	}
	.filtrosDatatable.texto-verde i::before{
		margin: -4px 0 0 0;
	    position: relative;
	    float: left;
	}
	.row.no-gutters {
		flex-direction: column;
		width: 100%;
	}

	.row.no-gutters .form-control {
		width: 100%;
	}
}
@media screen and (max-width:420px) {
	.botoes { position: relative !important; left: 0; top: 0 !important }
	.btn, dl, label, ol, ul { font-size: .75rem }
	.dt-buttons { display: grid !important }
	.tutorial, .tutorial:hover { position: absolute; margin: -12px 0 0 -6px; top: 0; right: 0 }
}
@media screen and (max-width:400px) {
	#rc-imageselect, .g-recaptcha { transform: scale(.82) !important; -webkit-transform: scale(.82) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important }
	.tab-content>.active { display: block }
	.card-block { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 3px }
}
@media screen and (max-width:375px) {
	.cards tbody tr { width: 21.8rem !important; }
	.g-recaptcha { text-align: center; overflow: hidden; position: relative; width: 303px; left: -30px; }
	.g-recaptcha div { margin: 0 auto !important; padding: 0 !important; width: 100% !important; }
	.card-columns-custom { column-gap: 0.2rem; columns: 1; }
	#acoes2, .botoes, .botoes .dt-buttons { display: grid; width: 100%; position: relative !important; }
	div.dataTables_wrapper div.dataTables_paginate { float: none; display: inline-block; }
	.outer, .inner, .col-lg-12 { padding: 0 !important; }
	.menu { float: right !important; position: absolute; right: 7px; top: -5px; }
}
@media screen and (max-width:350px) {
	#botao1 { float: left }
	#collapsing-navbar>ul>li .subnav-container { position: relative }
	#collapsing-navbar>ul>li { float: left; display: grid; padding: 0; margin: 0; width: 100%; text-align: left }
	#collapsing-navbar>ul>li .subnav-container ul { display: flex }
	#collapsing-navbar>ul>li .subnav-container ul li { float: none; display: inline-block; width: 50%; text-align: left }
	#collapsing-navbar>ul>li>a[aria-expanded=true]:after { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #111; position: absolute; right: initial; left: 6px; margin: 0 auto; bottom: 0; content: '' }
	#spaceman { display: none !important }
	#rc-imageselect, .g-recaptcha { transform: scale(.65) !important; -webkit-transform: scale(.65) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important }
}
@media screen and (max-width:320px) {
	.cards tbody tr { width: 18.5rem !important; }
	.g-recaptcha { text-align: center; overflow: hidden; position: relative; width: 303px; left: -30px; }
	.g-recaptcha div { margin: 0 auto !important; padding: 0 !important; width: 100% !important; }
	.card-columns-custom { column-gap: 0.2rem; columns: 1; }
	#acoes2, .botoes, .botoes .dt-buttons { display: grid; width: 100%; position: relative !important; }
	div.dataTables_wrapper div.dataTables_paginate { float: none; display: inline-block; }
	.outer, .inner, .col-lg-12 { padding: 0 !important; }
	.cards tbody tr { max-width: 93vw; }
	.topnav { float: left !important; }
	.menu { float: right !important; position: absolute; right: 7px; top: -5px; }
}