@charset "UTF-8";

/*
------------------------------------------------------
http://getbem.com/introduction/
------------------------------------------------------
https://google.github.io/styleguide/htmlcssguide.html
------------------------------------------------------
l:layout, o:objeto, c:componente, h:helpers, q:testes 
------------------------------------------------------
#000000 - PRETO
#ffffff - BRANCO
#CF000F - VERMELHO 1
#111111 - CINZA 1
#222222 - CINZA 2
#333333 - CINZA 3
#666666 - CINZA 4
#999999 - CINZA 5
#cccccc - CINZA 6
#dddddd - CINZA 7
#eeeeee - CINZA 8
#f5f5f5 - CINZA 9
#f6f6f6 - CINZA 9
#d2d8d8 - CINZA 10
#337ab7 - AZUL 1 (LINKS)
#4B77BE - AZUL 2 (INFO)
#00B16A - VERDE 1
#248139 - VERDE 2
#F8E7A2 - AMARELO 1
#f5f5f5 / #ffffff - DEGRADÊ
-------------------------------------------------------
*/

@media (max-width: 30em) {
	.o-jumbotron .ui-panelgrid .ui-grid-responsive .ui-grid-row,
	body .o-jumbotron .ui-grid-responsive .ui-panelgrid-cell {
		text-align: center;
		width: 100% !important;
	}

	body .o-jumbotron .ui-grid-responsive .ui-panelgrid-cell {
		margin-bottom: .7em;
		padding-right: 0;
	}

	body .c-steps {
		font-size: .5em;
	}

	body .ui-steps .ui-steps-number {
		font-size: 1.8em;
	}
	
	body .l-header {
		font-size: .8em;
	}
	
	.o-title--h1 {
		font-size: 1.8em;
	}
	
	.c-nav {
		margin-left: 0 !important;
	}
	
	#barrasp_global fieldset p {
		display: none !important;
	}
	
	/*ACTION PAGE ERROR*/
	
	.l-error__wrapper button {
		width: 100%;
		margin: .5em 0;
	}
	
	.h-endereco__botoes--mobile {
		display: flex;
		flex-direction: column;
	}
	
	.h-endereco__botoes--mobile button {
		width: 100%;
		margin-bottom: .7em;
	}
	
	/*MENU OCORRÊNCIAS - 30em*/
	body .c-button__ocorrencia {
		width: 100%;
		background: #666;
		padding: .5em !important;
	}

	body .o-sprite__ocorrencias--text {
		text-align: left;
		justify-content:  flex-start;
	}

	body.l-contraste--active .o-sprite__ocorrencias {
		background: url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/sprite-tipos-ocorrencia-mobile.png.xhtml") no-repeat;
	}

	body .o-sprite__ocorrencias {
		background:  url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/sprite-tipos-ocorrencia.png.xhtml") no-repeat;
		margin: 0;
		padding-left: 0 !important;
	}
	
	body .o-sprite__ocorrencias.o-icon__veiculo {
		background-size: 1487% !important;
    	width: 65px !important;
    	min-height: 39px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__furto {
		background-size: 1673% !important;
   		width: 70px !important;
    	min-height: 41px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__perda {
		background-position: 71.5% -12% !important;
	}
	
	body .o-sprite__ocorrencias.o-icon__furto_fios {
		background-size: 1363% !important;
    	width: 73px !important;
    	min-height: 41px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__roubo {
		background-size: 450%;
		width: 80px !important;
		min-height: 45px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__calunia {
	    background-position: 16% -103% !important;
    	background-size: 1330% !important;
    	width: 85px !important;
	    min-height: 46px !important;
	    margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__acidente {
		background-size: 1178% !important;
    	background-position: 24.3% 1% !important;
		width: 105px !important;
		min-height: 33px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__desaparecimento {
		background-size: 1476% !important;
    	width: 85px !important;
    	background-position: 32.2% -29% !important;
		min-height: 46px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__encontro {
		background-size: 1473% !important;
    	width: 85px !important;
    	background-position: 40% -35% !important;
		min-height: 46px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__depa {
		background-size: 2100% !important;
    	background-position: 47.8% -27% !important;
		width: 40px !important;
		min-height: 35px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__violenciaDomestica {
		background-size: 1930% !important;
    	background-position: 85.5% 10% !important;
		width: 54px !important;
		min-height: 35px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__outrasOcorrencias {
		background-size: 1797% !important;
    	background-position: 78.5% 12% !important;
		width: 54px !important;
		min-height: 35px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__intoleranciaDiscriminacao {
		background-size: 1950% !important;
    	background-position: 93.4% 12% !important;
		width: 54px !important;
		min-height: 35px !important;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__fraude {
	    background-position: 100.5% -65% !important;
    	background-size: 1374% !important;
    	width: 85px !important;
	    min-height: 46px !important;
	    margin: 0;
	}
		
	/*FOOTER ACTION*/

	.h-action__page--mobile div {
		width: 100%;
		flex-direction: column;
	}
	
	.h-action__page--mobile .c-button.h-margin__right--05 {
		margin-right: 0;
	}
	
	.h-action__page--mobile button {
		width: 100%;
		border-radius: 4px;
		margin: .3em 0;
	}	
		
	/*FORMULÁRIO*/	
	
	.h-endereco--mobile .ui-grid-col-8,
	.h-endereco--mobile .ui-grid-responsive .ui-panelgrid-cell:nth-child(1),
	.h-endereco--mobile .c-input__text {
		width: 100% !important;
	}

	.h-endereco--mobile .ui-grid-responsive .ui-panelgrid-cell:nth-child(2) {
		height: auto;
		width: 85%;
	}
	
	.c-fileupload__preview {
		width: 200px;
		height: 200px;
	}
	
	/*TABS*/
	.c-tabview.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
	.c-tabview.ui-tabs .ui-tabs-nav li a {
		font-size: .8em;
	}
}

@media (min-width: 48em) {
	.l-acessibilidade.h-visible--show {
	    display: flex;
	}	
	
	.c-menu__mobile--icon.h-visible--show,
	.c-menu__mobile.h-visible--show {
		display: none;
	}

	#barrasp_nav ul li a {
   		padding: 10px 10px;
	}

	#barrasp_global fieldset select {
		width: 150px;
	}
	
	#barrasp_global fieldset {
		width: 200px;
	}
	
	body .c-button__ocorrencia {
		font-size: 1em !important;
	}
}

@media (max-width: 50em) {
	
	/*ALTERAÇÕES PRIMEFACES*/
	.container.ui-toolbar {
		margin: 0 1.5em;
		width: 100%;
	}

	body .ui-panelgrid-cell:first-child .o-panel.ui-panel {
		margin-right: 0;
	}

	body .ui-grid-responsive .ui-panelgrid-cell {
    	width: 100%;
    	float: none;
    }

    body .o-fieldset--default.o-panel--triagem .ui-fieldset-content {
		width: 100%;
	}

	body .ui-steps .ui-steps-item .ui-menuitem-link {
		padding: 1em;
	}

	body fieldset .ui-grid-row .ui-panelgrid-cell {
		padding-right: 0;
		padding-left: 0;
	}

	fieldset .ui-grid-row .ui-panelgrid-cell, 
	.c-tabview .ui-grid-row .ui-panelgrid-cell,
	body .ui-selectoneradio.ui-grid-responsive .ui-grid-row>div:first-child,
	body .ui-checkbox.ui-grid-responsive .ui-grid-row>div:first-child {
		padding-left: 0;
	}

	body .ui-selectoneradio.ui-grid-responsive .ui-grid-row>div,
	body .ui-checkbox.ui-grid-responsive .ui-grid-row>div {
		padding: .3em 0;
	}

	fieldset .ui-grid-row .ui-panelgrid-cell:last-child {
		padding-left: 0;
	}

	.h-mobile.c-button__icon.ui-button-text-icon-left .ui-button-text {
		padding: 1.5em 0 1.5em 0;
		text-align: left;
	}

	.o-box.o-box__informativo-home--white .ui-grid-row {
		display: flex;
		flex-direction: column-reverse;
	}

	body .ui-panelgrid .ui-grid-responsive .ui-grid-row {
		border: none;
	}
	
	body .c-steps.ui-helper-clearfix {
		margin: 2em 0 3.5em;
	}	

	/*ALTERAÇÃO DE TABS*/	
	.o-icon__caracteristicas a,
	.o-icon__deficiencias a,
	.o-icon__roupas a {
		overflow: hidden;
		width: 5em;
	}
	
	.o-icon__caracteristicas a:before {
		content: "person_outline";
		font-family: "Material Icons";
		font-size: 2em;
		margin-right: 5em;
		font-feature-settings: 'liga';
	}
	
	.o-icon__deficiencias a:before {
		content: "healing";
		font-family: "Material Icons";
		font-size: 2em;
		margin-right: 5em;
		font-feature-settings: 'liga';
	}
	
	.o-icon__roupas a:before {
		content: "\f0f2";
		font-family: FontAwesome;
		font-size: 2em;
		margin-right: 5em;
	}

	
	/*ALTO-CONTRASTE*/
	.l-contraste--active .l-header__beo {
		border-bottom: 2px solid #fff;
	}

	.l-contraste--active .o-sprite__ocorrencias--text {
		background: transparent;
	}

	.l-contraste--active .c-button__ocorrencia {
		background: #fff;
		border: 1px solid #000;
	}

	.l-contraste--active .c-button__ocorrencia:hover,
	.l-contraste--active .o-sprite__ocorrencias--text:hover {
		background: #ffff3f;
	}
	

	/*BACKGROUND*/
	body .l-header {
		background-image: none;
	}

	button.c-button__icon:hover .ui-icon.fa {
		background: none !important;
	}

	/*BARRA GERAL DO GOVERNO*/
	#barrasp_nav ul li a {
   		padding: 10px 5px;
	}
	
	#barrasp_global fieldset select {
		width: 120px;
	}
	
	#barrasp_global fieldset {
		width: 170px;
	}

	/*BOTÕES GERAIS COM ÍCONE*/
	body .c-button__icon .ui-icon {
		width: 1em;
		height: 1em;
		background-size: contain;
		border-radius: 0;
	}

	body .c-button__icon .file:before,
	body .c-button__icon .file-copy:before,
	body .c-button__icon .search:before {
		margin: 0;
		position: relative;
		top: -.5em;
		font-size: .9em;
	}

	body .c-button__icon.ui-button-text-icon-left .ui-button-text {
		border: 2px solid #1E479E;
		padding: 1em;
		background: #fff;
		text-align: left;
		text-indent: 4.5em;
		font-size: 1.1em;
		transition: all .5s;
	}

	body .c-button__icon.ui-button-text-icon-left .ui-button-text:hover {
		background: #1E479E;
		color: #fff;
	}
	
	.h-mobile.c-button__icon.ui-button-text-icon-left .ui-icon {
		position: fixed;
	    border: none;
	    font-size: 3.5em;
	    top: .2em;
	}
	
	body .c-button__icon .ui-icon.fa {
		transition: all .5s;
		width: 1.5em;
		height: 1.1em;
	}
		
	/*DIAGRAMAÇÃO ESPECIAL PARA GRID*/
	.h-mobile.h-grid--50 {
		float: left !important;
		width: 50% !important;
		padding-left: 1em !important;
	}

	.h-mobile.h-grid--50:first-child {
		float: left !important;
		width: 50% !important;
		padding-left: 0em !important;
	}
	
	/*FOOTER*/
	.l-footer {
		padding: 2em 0;
	}

	.l-footer ul {
		margin-bottom: 3em;
	}
	
	.l-footer #listaMidiasSociais {
		margin-bottom: 0;
	}

	.l-footer .o-contato {
		border-top: 1px solid #666;
		padding-top: 4em;
		border-left: 0;
		padding-left: 0;
	}
	
	/*FOOTER ACTION*/
	.h-action__page--mobile {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: .5em;
	}

	.h-action__page--mobile div {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 2em;
	}

	.h-action__page--mobile div button {
		width: auto;
	}

	.h-action__page--mobile button {
		width: 100%;
		border-radius: 4px;
		margin: .3em 0;
	}
	
	
	/*FORMATAÇÃO DE ESPAÇAMENTOS*/
	.material-icons.h-position--center {
		margin-bottom: .2em;
	}
	
	#conteudoSecundario .c-paginator--help {
		margin-bottom: 3.5em;
	}

	/*FORMULÁRIO*/	
	.h-endereco--mobile .ui-grid-responsive .ui-panelgrid-cell  {
		float: left;
		width: auto;
		height: 4.5em;
	}

	.h-endereco--mobile .ui-grid-responsive .ui-panelgrid-cell:nth-child(2)  {
		margin: 0 1em;
	}

	.c-input__radiobutton .ui-selectoneradio {
		margin-left: -.2em;
	}

	body .ui-fileupload-buttonbar .ui-button .ui-button-text {
	    display: block;
	}
	
	html body .h-width--88,
	.l-action.h-mobile__protocolo button {
		width: 100%;
	}
	
	body .ui-button {
		padding: .05em;
	}
	
	/*HEADER*/
	.l-header__beo {
		font-size: 1.22em;
	}

	/*HOME*/
	body .o-sprite__gov.o-bandeira {
		margin-top: 0;
	}

	body .o-jumbotron {
		padding: 2em 0 0;
		font-size: .5em;
	}

	.o-box__aviso--home {
		margin-top: 0;
	}

	body .o-lista--ordenada {
		column-count: 1;
	}
   	
   	.o-lista--ordenada li {
		line-height: 20px;
	}
	
	.h-mobile.o-lista--ocorrencias {
		margin-bottom: 2em;
		margin-left: 0;
	}

	.h-mobile.o-lista--ocorrencias:last-child {
		margin-bottom: 2em;
		margin-left: 0;
	}
	
	.h-mobile.o-lista--ocorrencias + p {
		margin-left: 0;
	}
	
	.h-mobile.o-box__naopode {
		margin-top: 4em;
		padding: 4em;
	}
	
	.h-mobile.o-box__pode {
		padding: 4em 4em 0 4em;
		border-right: 0;
	}
	
	.h-mobile.o-lista-ocorrencias__titulo {
		font-size: 1.4em;
		margin-bottom: 1em;
		display: block;
		text-align: left;
		margin-top: 2em;
	}
	
	.o-box__informativo-home--light .ui-panelgrid-cell:first-child .h-mobile.o-lista-ocorrencias__titulo {
		margin-top: 0;
	}
	
	.h-mobile.o-logo__brasao {
	    font-size: 100%;
	    padding: .5em .5em .5em 8.5em;
	    min-height: 5em;
	    transition: all .5s;
	}
	
	.o-lista--ocorrencias,
	.o-lista--ocorrencias + p {
		text-align: left;
	}
	
	.o-box__informativo-descritivo p {
		margin-top: 2em;
	}
	
	body .o-box__informativo-descritivo {
		max-width: 100%;
		float: none;
	}
	
	.h-flex--center.h-mobile {
		justify-content: center;	
	}
		
	.o-informativo-home__iconografia.h-mobile {
		font-size: .5em;
	}
	
	.ui-panelgrid .ui-panelgrid-cell.c-navsection__icon--align {
		padding-right: 2em;
	}	

	body .o-jumbotron {
		font-size: .8em !important;
	}
	
	.o-box__informativo-home--light .h-separador--right {
		border: none;
		border-bottom: 1px solid #eee;
		padding-bottom: 3em;
	}
	
	.c-nav {
		margin-left: 3em;
	}
	
	.c-monitor__ocorrencias--success,
	.c-monitor__ocorrencias--danger {
		display: none;
	}

	/*LAYOUT*/	
	body .container {
		padding: 1.5em 2.5em 2.2em;
		width: 100%;
	}

	body .o-panel.o-panel--success {
		margin-bottom: 2.5em;
	}

	#conteudoPrincipal,
	#conteudoSecundario {
		width: 100%;
		padding-right: 0;
		margin-bottom: 3em;
	}

	.o-box {
		width: 100%;
	}

	main .l-center__container {
		width: 80%;
	}

	.m-flex__justify--center {
		display: flex;
		justify-content: center;
	}
	
	/*MENU MOBILE*/
	.c-hamburguer #close{
		display: none;
	}
	
	.c-hamburguer {
		transition: all ease;
	    cursor: pointer;
	    display: flex;
	    align-items: center;
	    padding-right: 2em;
	    color: #000;
	}
		
	.c-hamburguer i {
		font-size: 3em;		
	}
	
	.l-header .c-menu__mobile.ui-menubar .ui-menuitem {
		font-size: 1.4em;
	}
	

	/*MENU DE OCORRÊNCIA*/
	body .c-button__ocorrencia {
		width: 100%;
		align-items: center;
		justify-content: flex-end;
		background: #666;
		font-size: 1em;
		flex-wrap: nowrap;
		padding-left: 1em;
		min-height: 6em;
	} 
	
	body .o-sprite__ocorrencias--text {
		text-align: left;
		justify-content:  flex-start;
		height: 5em;
	}

	body .o-sprite__ocorrencias {
		background: url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/sprite-tipos-ocorrencia.png.xhtml") no-repeat; 
		margin: 0;
	}
	
	body.l-contraste--active .o-sprite__ocorrencias {
		background: url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/sprite-tipos-ocorrencia-mobile.png.xhtml") no-repeat; 
	}
	
	body .o-sprite__ocorrencias.o-icon__veiculo {
		background-position: 1% -43%;
    	background-size: 1487%;
		min-height: 50px;
		width: 80px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__furto {
		background-position: 9% -2%;
    	background-size: 1502%;
    	width: 80px;
		min-height: 45px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__perda {
		background-position: 72% -12%;
    	background-size: 1215%;
    	width: 85px;
    	min-height: 45px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__furto_fios {
		background-position: 63.4% 14%;
    	background-size: 1300%;
    	width: 86px;
    	min-height: 45px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__roubo {
		background-position: 55% -6%;
    	background-size: 1529%;
    	width: 77px;
		min-height: 48px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__calunia {
		background-position: 16.4% -42%;
    	background-size: 1338%;
    	width: 83px;
    	min-height: 46px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__acidente {
		background-position: 24.5% -1%;
    	background-size: 1115%;
    	width: 88px;
    	min-height: 35px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__desaparecimento {
		background-position: 32.7% -57%;
    	background-size: 1380%;
    	width: 90px;
    	min-height: 52px;
    	margin: 0;
	}	
	
	body .o-sprite__ocorrencias.o-icon__intoleranciaDiscriminacao {
		background-position: 94.3% -22%;
    	background-size: 1415%;
    	width: 90px;
    	min-height: 52px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__encontro {
		background-position: 40.5% -3%;
    	background-size: 1629%;
    	width: 83px;
    	min-height: 50px;
    	margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__violenciaDomestica {
		background-position: 87% 3%;
    	background-size: 1437%;
    	width: 87px;
		min-height: 50px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__outrasOcorrencias {
		background-position: 79% 3%;
    	background-size: 1352%;
    	width: 87px;
		min-height: 50px;
		margin: 0;
	}
	
	body .o-sprite__ocorrencias.o-icon__depa {
		background-position: 48.3% -8%;
    	background-size: 1527%;
   	 	width: 87px;
    	min-height: 50px;
    	margin: 0;
	}	
	
		body .o-sprite__ocorrencias.o-icon__fraude {
		background-position: 101% -42%;
    	background-size: 1313%;
    	width: 83px;
    	min-height: 46px;
    	margin: 0;
	}
		
	/*NAVEGAÇÃO PRINCIPAL DA HOME*/
	body .o-jumbotron .ui-grid-responsive .ui-panelgrid-cell {
		width: auto;
		float: left;
		font-size: 1.2em;
	}
	
	.o-title__navigation {
		font-size: 2.5em;
	}

	.c-navsection {
		margin: 0 0 1.5em;
	}
	
	.m-width__ajust {
		width: 70% !important;
	}
	
	/*SPRITE AVALIAÇÃO*/
	.o-sprite__avaliacao {
		margin-top: 3em;
	}

	.o-sprite__avaliacao.o-sprite__avaliacao--excelente {
		margin-top: 0;
	}

	/*TABELA*/
	body .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
		display: none;
	}
	body .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
	    display: inherit;
	    border: 1px solid #fff;
	    width: auto;
	    float: none;
	    clear: left;
	}
	
	.c-paginator--default .ui-paginator.ui-paginator-bottom {
		margin: .5em 0 .5em;
	}
	
	body .ui-paginator .ui-paginator-current {
		margin-top: .3em;
	}
	
	/*TÍTULOS*/
	.ui-tabs-panels .o-title--h4 {
		margin-bottom: .5em;
	}

	/*VISIBILIDADE*/
	.l-acessibilidade.h-visible--hide,
	.l-header__beo .h-visible--hide,
	#barrasp_nav ul li:nth-child(2),
	#barrasp_nav ul li:nth-child(3), 
	h1#barrasp_logo,
	.o-separador {
		display: none;
	}
	
	.c-menu__mobile--icon.h-visible--show,
	.c-menu__mobile--check:checked ~ .c-menu__mobile,
	body .ui-grid-responsive .ui-grid-row {
		display: block;
	}
	
	/*BOTÕES ADD CHIPS*/
	
	.c-button.h-button__add--mobile {
		width: 100%;
		border-radius: 4px;
		margin: 0 0 1em 0;
	}

	.c-button.h-button__add--mobile .ui-button-text {
		text-indent: 0;
	}

	.c-button.h-button__add--mobile .fa-plus:before {
		display: none;
	}
	
}


/*FORMATAÇÕES PONTUAIS*/

@media (max-width: 1100px) and (min-width: 980px) {
	.o-box__informativo-home--light {
		font-size: .8em;
	}
}

@media (max-width: 980px) and (min-width: 780px) {
	.o-box__informativo-home--light {
		font-size: .65em;
	}
}

@media (max-width: 1100px) and (min-width: 899px) {
	.l-header__beo {
		font-size: 1em;
	}
	.c-nav {
		font-size: .8em;
		margin-left: 5em;
	}
}

@media (max-width: 377px) {
	.o-logo__brasao {
		font-size: .8em !important;
	}
}

@media (max-width: 996px) {
	.o-jumbotron {
    	font-size: 80%;
    }
}

@media (min-width: 768px) {
	.container {
    	width: 740px;
    }
}

@media (min-width: 890px) {
	.c-hamburguer {
    	display: none;
    }
}

@media (min-width: 992px) {
	.container {
    	width: 960px;
    }
}

@media (min-width: 1200px) {
	.container {
		width: 1125px;
	}
}

@media (max-width: 640px){
	body .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    	border-top: 0;
	}
	
	body .o-jumbotron {
		padding: 2em 0 0;
		font-size: .9em;
	}
}

@media (min-width: 740px) and (max-width: 920px) {
	.c-paginator--help .ui-datalist-header,
	.c-tabview .ui-widget-header {
		font-size: .9em;
	}
}

@media (max-width: 200px) { 
	body .l-header {
		font-size: .5em !important;
	}
}