.editais-oportunidades,
.block-views-blockeditais-e-oportunidades-block-1,
[class*=' block-views-blockeditais-e-oportunidades-block'] {
  background-color: var(--bs-gray-light);
  margin-top: 8rem;
  padding:0;
  
}
.container-editais-oportunidades{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.container-editais-oportunidades .view-content.row {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  max-width:100%;
  width:100%;
  overflow-x: hidden;
  align-self: center;
 
}

.container-editais-oportunidades .table.table-borderless.table-hover.cols-0 {
    margin: 0;
    justify-content: flex-start;
}

.container-editais-oportunidades tr {
  background-color: white;
  border-bottom: none;
}

/* Bloco de Periodicos Assinados - Biblioteca */
.view-display-id-block_6 th#view-title-table-column,
.view-display-id-block_6 th#view-field-link-formato-table-column,
.view-display-id-block_6 th#view-field-link-link-table-column,
.view-display-id-block_6 th.views-field.views-field-edit-node {
    background-color: var(--bs-primary);
}

.container-editais-oportunidades .view-header {
  padding: 65px 0px 35px 0px;
}
.container-editais-oportunidades .view-header h2.fw-bold {
  color: var(--bs-primary-text-emphasis);
  font-size: var(--bs-h2-font-size);
  font-style: normal;
}
.container-editais-oportunidades td.views-field.views-field-field-edital-status .status-em_andamento {
  border-radius: 24px;
  background-position : 4px 8px; 
  background: var( --bs-btn4-active);
  display: flex;
  width: 124px;
  height: 26px;
  padding: 6px 2px 5px 1px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  margin: auto;
}
.container-editais-oportunidades td.views-field.views-field-field-edital-status .status-encerrado {
  border-radius: 24px;
  background-position : 4px 8px; 
  background: var(--bs-btn4-deactivate);
  display: flex;
  width: 124px;
  height: 26px;
  padding: 6px 2px 5px 1px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  margin: auto;
}
.container-editais-oportunidades td.views-field.views-field-field-edital-data {
  max-width: 127px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.container-editais-oportunidades td.views-field.views-field-title,
.container-editais-oportunidades td.views-field.views-field-field-link-formato,
.container-editais-oportunidades td.views-field.views-field-title a {
  text-decoration: none;
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--bs-dark);
  line-height: 26px;
}
.container-editais-oportunidades td.views-field.views-field-field-link-link a,
.container-editais-oportunidades td.views-field.views-field-view-node a {
  text-decoration: none;
  color: var(--bs-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  white-space: nowrap;
}
.container-editais-oportunidades td.views-field.views-field-view-node a::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  margin-left: 8px;
}
.container-editais-oportunidades .more-link {
  display: flex;
  flex-direction: row;
  padding: 20px 0px 65px;
  justify-content: flex-end;
    
}

.container-editais-oportunidades .more-link a {
  text-decoration: none;
  font-size: var(--bs-btn2-font-size);
  color: var(--bs-gray-dark);
  font-weight: 700;
  line-height: 22px;
  border-radius: 32px;
  border: 2px solid var(--bs-gray-dark);
  display: inline-flex;
  padding: 6px 30px;
  justify-content: center;
  align-items: center;
}
.container-editais-oportunidades .more-link a::after{
	content: "\f061";
  font-family: "Font Awesome 5 Free";
  margin-left: 8px;
}


/****************************
*			Diferentes telas			*
*****************************/

@media (max-width: 768px) {
	.table>:not(caption)>*>*{
		padding:0;
	}

	.editais-oportunidades,
	.block-views-blockeditais-e-oportunidades-block-1,
	[class*=' block-views-blockeditais-e-oportunidades-block'] {
   padding:20px;
	}

	.container-editais-oportunidades{
		padding: 0;
	}

	.container-editais-oportunidades .view-content.row {
    padding: 20px;
    width:100%;
    overflow: hidden;
  }

 .container-editais-oportunidades {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .container-editais-oportunidades
    .table.table-borderless.table-hover.cols-0{
      display: flex;
    justify-content: center;
  }

  .container-editais-oportunidades
  .table.table-borderless.table-hover.cols-0
  tbody
  tr {
    display: flex;
    flex-wrap: wrap;
    min-width: 300px;
    align-items: center;
    gap:4px;
  }
 
  .container-editais-oportunidades .view-header {
		padding: 0 0 12px 0;
    width: 100%;
    text-align: left;
  }

  .container-editais-oportunidades .view-header h2.fw-bold {
    font-size: var(--bs-h3-font-size);
    font-weight: 800;
    line-height: 20px;
  }

  .container-editais-oportunidades .situacao-processo.views-field.views-field-field-edital-status	{
  	text-transform:uppercase;
  }

  .container-editais-oportunidades
    td.views-field.views-field-field-edital-data {
    max-width: 100%;
    font-size: var(--bs-t3-font-size);
    font-weight: 700;
    line-height: 16px;
  }

	.container-editais-oportunidades td.views-field.views-field-title{
		width:100%;
	}

  .container-editais-oportunidades td.views-field.views-field-title a {
    font-size: var(--bs-t3-font-size);
    font-weight: 400;
    line-height: 16px;
  }

  .container-editais-oportunidades td.views-field.views-field-view-node {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .container-editais-oportunidades td.views-field.views-field-view-node a {
    font-size: var(--bs-h5-font-size);
  }

	.container-editais-oportunidades .more-link{
		padding: 12px 0 20px 0;
	}

  .container-editais-oportunidades .more-link a {
  	padding: 2px 8px;
  }
}