/* Grade para o Cabeçalho Público */
        .public-grid {
        	display: grid;
        	width: 100%;
        	height: 80px;
        	margin: 0 auto;
        	border: 1px solid #ccc;
        	justify-content: center;
        	top: 0;
        	background: #F5F5F5;
        	box-shadow: 0 0 10px #000;
        }
        /* Divisão das Colunas para o Cabeçalho Público */
        .public-grid-template-columns {
        	grid-template-columns: 30% 40% 30%;
        	column-gap: 6px;
        	background-color: #F5F5F5;
        	justify-content: center;
        	text-align: center;
        	margin-top: 10px;
        	padding: 0;
        	border-color: #000;
        	border: 5px;
        }
        /* Item para o Cabeçalho Público */
        .public-item {
        	width: 100%;
        	height: 80px;
        	margin: 0 auto;
        	padding: 0;
        	background: #F5F5F5;
        	text-align: center;
        	justify-content: center;
        	display: inline-block;
        }
        /* Logo para o Cabeçalho Público */
        .public-logo img{
		padding-top: 10px;
	}
        /* Grade geral para o Layout Principal */
        .grid {
        	display: grid;
        	max-width: 100%;
        	margin: 0 auto;
        	border: 1px solid #ccc;
        }
        /* Distribuição das Colunas para o Layout Principal */
        .grid-template-columns {
        	grid-template-columns: 30% 40% 30%;
        	column-gap: 6px;
        	background-color: #F5F5F5;
        	justify-content: center;
        	text-align: center;
        	margin-top: 10px;
        }

        /* Formatação Geral para Parágrafos */
        p {
                padding: 0;
                margin: 0 auto;
                padding-left: 7px;
        }
        /* Formatação Geral para Textos H3 */
        h3 {
                text-align: center;
                padding-top: 0px;
                font-family: 'Secular One', sans-serif;
        }
    
        /* Coluna Principal da Página */
        .column {        	
        	margin: 0 auto;
        	padding: 0;
        	background: #F5F5F5;
        	text-align: center;
        	justify-content: center;
        	display: inline-block;
        }

        /* Conjunto Fundo para Cabeçalho de Informações */
        /* Fundo do Cabeçalho */
        .inf-bck {
        	width: 97%; 
        	margin: 0 auto;
        	padding: 0;
        	background-color: #474a4b;
        	text-align: center;
        	justify-content: center; 
        	display: inline-block;
        	margin-top: 5px;
        	border-top-left-radius:  5px;
        	border-top-right-radius: 5px;
        }
        /* Coluna de Informações */
        .inf-col {
        	width: 48%;
        	min-height: 60px;
        	margin: 0 auto;
        	padding-top: 5px;
        	text-align: left;
        	justify-content: center;
        	display: inline-block;
        }
        /* Texto da Coluna de Informações */
        .inf-col p{
        	background-color: transparent;
        	min-height: 20px;
        	color: #E0E0E0;
        	font-family: 'Secular One', sans-serif;
        }        

        /* Conjunto Imagem do Post com Botão de Ação em cima da Imagem */
        /* Div que contém a Imagem */
        .btn-wrap{
		position:relative;
		text-align:center;
		width:  97%;
		display:  block;
		margin: auto;
		border:  none;
		border-radius:  5px;
		background: #F5F5F5;
		box-shadow:  0 0 6px #A1A1A1;
		margin-top:  0;
	}
	/* A Imagem em si*/
        .btn-wrap img{
        	position: relative;
        	width: 100%;
        	display:  block;
        	margin:  auto;
        	margin-top:  5px;
        	border-bottom-left-radius:  5px;
        	border-bottom-right-radius: 5px;
        } 
        /* O Botão que sobrepõe a Imagem*/
	.btn-wrap input[name="see-more"]{
		background-image: linear-gradient(to bottom right, #191970, #4169E1);
		width: 120px;
		height: 40px;
		text-align: center;
		border-radius: 5px;
		color: #FFF;
		cursor: pointer;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;		    
		padding: 0;
		margin: 140px 0 0 -60px;
		border: 0 none;
	}

	/* Conjunto Fundo para Imagem de Status*/
	/* Fundo para Imagem de Status*/
	.sts-bck {
		width: 97%;
		height: 70px;
		margin: 0 auto;
		padding: 0;
		background-color: #FFF;
		text-align: center;
		justify-content: center;
		display: inline-block;
		margin-top: 5px;
		border-top-left-radius:  5px;
		border-top-right-radius: 5px;
	}
	/* Imagem de Status*/
	.sts-bck img{
		width:  70%;
		text-align: center;
	}

	/* Configuração dos Botões */
	/* Fundo para Texto de Atenção antes de clicar nos Botões */		
	.wrn-bck {
		width: 97%; 
		margin: 0 auto;
		padding: 0;
		background-color: #FFFF47;
		text-align: center;
		justify-content: center; 
		display: inline-block;
		margin-top: 5px;
                margin-bottom: 5px;
	}
	.ora-bck {
		width: 97%; 
		margin: 0 auto;
		padding: 0;
		background-color: #FFA500;
		text-align: center;
		justify-content: center; 
		display: inline-block;
		margin-top: 5px;
                margin-bottom: 5px;
	}
	/* Fundo para Botões de Ações */
	.btn-bck {
		width: 97%;
		height: 70px;
		margin: 0 auto;
		padding: 0;
		background-color: transparent;
		text-align: center;
		justify-content: center; 
		display: inline-block;
		margin-top: 5px;
	}
        /* Botão Realce para Ação Negativa */
        .btn-bck input[name="disapproval"]{
        	background-color: #FFF;        	
        	width: 120px;
        	height: 40px;
        	text-align: center;
        	border-radius: 5px;
        	color: #da1f27;
        	cursor: pointer;
        	margin-top: 10px;
        }
        /* Botão para Ação Positiva */
        .btn-bck input[name="approval"]{
        	background-color: #FFFF47;
        	width: 120px;
        	height: 40px;
        	text-align: center;
        	border-radius: 5px;
        	color: #000;
        	cursor: pointer;
        	margin-top: 10px;
        }       
		
        /* Conjunto Estilização de Fontes */
        /* Negrito */
	.bold {
		font-weight: bold;
	}
	/* Link */
	.link {
		color: #87CEFA;
	}
	/* Status Itálico */
	.status {
		color: #FFFF47;
		font-style: italic;
	}

        /* Conjunto Estilização da Galeria de Images */
        /* Divisão das Colunas */
        .img-grid-template-columns {
                grid-template-columns: 33% 33% 33%;}       
        /* Item dentro de cada Coluna */
        .img-item {
                width: 97%;
                margin: 5px;
                background: #da1f27;
                text-align: center;
                font-size: 1.5em;
        }
        /* Define o Layout em Grade */
        .img-grid {
                display: grid;
                width: 100%;
                margin: 0 auto;
                border: 1px solid #ccc;
        }
        /* Div Botão Voltar */
        .btn-pri{
                text-align: center;
                background-color: #AF0506;
                width: 170px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                color: #FFF;
                cursor: pointer;
                padding-top: 10;
                font-size: 20px;
        }
        .btn-sec{
                text-align: center;
                background-color: #4682B4;
                width: 170px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                color: #FFF;
                cursor: pointer;
                padding-top: 10;
                font-size: 20px;
        }
        .btn-sel{
                text-align: center;
                background-color: #b3b3b3;
                width: 170px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                color: #FFF;
                cursor: pointer;
                padding-top: 10;
                font-size: 20px;
        }
        /* Botão Voltar */        
        .btn-pri input[name="goback"]{
                background-color: #da1f27;
                width: 120px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                color: #FFF;
                cursor: pointer;
        }
        .btn-pri input[name="apply"]{
                background-color: #da1f27;
                width: 120px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                color: #FFF;
                cursor: pointer;
        }
        .warning {
                width: 97%; 
                height: 70px;
                margin: 0 auto;
                padding: 0;
                background-color: transparent;
                text-align: center;
                justify-content: center; 
                display: inline-block;
                margin-top: 0px;
        }
		
		.text-search {
			text-align: center;        	
        	height: 35px;
        }
		
		input[name="query-search"]{
			display: block;		
			border: none;
			border-radius: 3px;
			background: #F6F6F6;
			text-align: center;
			width: 100%;
			height: 35px;
			padding-top: 10px;
        }
		
		.text-search form[name="form-search"]{
			display: block;		
			border: none;
			border-radius: 3px;
			background: #F6F6F6;
			text-align: center;
			width: 300px;
			height: 35px;
			
        } 
		
		.icon-search {
			text-align: left;
        }
		
		 .visuallyhidden {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            white-space: nowrap;
        }

        nav {
            display: flex;
            justify-content: center;
            border-top: 1px solid #eee;
            margin-top: 1em;
            padding-top: .5em;
        }

        .pagination {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        .pagination li {
            margin: 0 1px;
        }

        .pagination a {
            display: block;
            padding: .5em 1em;
            border: 1px solid #999;
            border-radius: .2em;
            text-decoration: none;
			color: #af0506;
        }

        .pagination a[aria-current="page"] {
            background-color: #333;
            color: #fff;
        }
		
		.btn-ftr{
                text-align: center;
                background-color: #F6F6F6;
                width: 170px;
                height: 25px;               
                color: #505050;
                cursor: pointer;
                padding-top: 10;
                font-size: 18px;
        }
		
		.btn-apl{
                text-align: center;
                background-color: #505050;
                width: 170px;
                height: 25px;                
                color: #FFF;
                cursor: pointer;
                padding-top: 10;
                font-size: 18px;
				border: none;
        }