/* variáveis */

:root {
	--background-color: #fff;
	--link-color: #003366;
	--separator-color: #c4deeb;

	--box-border: 0px solid var(--box-border-color);
	--box-border-color: transparent;
	--box-background-color: #eee;

	--extra-large-spacing: 48px;
	--large-spacing: 36px;
	--default-spacing: 24px;
	--small-spacing: 12px;
	--extra-small-spacing: 6px;
}

.laravel-intranet {
	--font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	--font-size: 14px;
	--font-height: 26px;
}

.contraste {
	--separator-color: #fff;
	--box-border: 1px solid var(--box-border-color);
	--box-border-color: #fff;
	--box-background-color: transparent;
}

/* classes */

.laravel-textfield { font-family: var(--font-family); font-size: var(--font-size); min-height: 40px }

.laravel-button { background: var(--link-color); border: 0; cursor: pointer; color: #fff; font-family: var(--font-family); font-size: var(--font-size); text-align: center; padding: 0 var(--default-spacing); line-height: 40px; outline: none }

.laravel-box { background: var(--box-background-color); border: var(--box-border); padding: 0.05px var(--default-spacing); margin: var(--default-spacing) 0 }

.laravel-inline-fields { display: flex; margin: var(--default-spacing) 0; align-items: center; gap: 20px; list-style: none; padding: 0 }
.laravel-inline-fields .laravel-text-field { display: flex; align-items: center; gap: var(--extra-small-spacing) }

.laravel-pagination { margin: var(--default-spacing) 0; display: flex; align-items: center }
.laravel-pagination-summary { flex-grow: 1 }
.laravel-pagination-summary > * { margin: 0 }
.laravel-pagination-pages { display: flex; align-items: center; gap: var(--default-spacing); flex-wrap: wrap }
.laravel-pagination-pages > * { background: var(--box-background-color); display: block; min-width: 40px; height: 40px; box-sizing: border-box; padding: 0 var(--small-spacing); line-height: 40px; text-align: center }
.laravel-pagination-pages > span { opacity: 0.4 }
.laravel-pagination-pages > span.page-current { background: var(--link-color); color: var(--background-color); opacity: 1 }

/* boletim e-legal */

.laravel-documentos-indexados { margin: var(--default-spacing) 0; list-style: none; padding: 0 }
.laravel-documentos-indexados > li { border-top: 1px solid var(--separator-color); padding-top: var(--default-spacing); margin: var(--default-spacing) 0 }
.laravel-documentos-indexados > li:first-child { border: 0; padding: 0 }

.laravel-documento-indexado { display: grid; grid-auto-flow: row; grid-template-columns: 150px 1fr; grid-template-rows: minmax(min-content, 0); align-items: flex-start; justify-content: left; column-gap: var(--default-spacing); row-gap: var(--small-spacing) }
.laravel-documento-indexado > * { margin: 0 }
.laravel-documento-indexado > * > *:first-child { margin-top: 0 }
.laravel-documento-indexado > * > *:last-child { margin-bottom: 0 }
.laravel-documento-indexado-aside { grid-row: 1 / span all; grid-column: 1 }
.laravel-documento-indexado-aside figure { margin: 0 }
.laravel-documento-indexado-aside img { display: block; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.25) }
.laravel-documento-indexado-header { grid-column: 2 }
.laravel-documento-indexado-main { grid-column: 2 }