/**********************************************************************************************************
 ************************************** JIRA-GLOBAL-CSS v2024.08.26.1 ************************************
 **********************************************************************************************************/

/* Coloca uma borda branca nos alertas do smart filter "Alertas" (ID = 17) do rich filters MECOM > Oportunidades */
td[data-smart-filter-id=17]>span {
	border: solid white 1px;
}

/* Pinta de vermelho a linha de configuracao do plugin JWT onde um campo tenha sido deletado */
.deleted-row-highlight {
	color: red !important;
}
  
/* Forca o carregamento do toolbar para que ele e fique visivel ao iniciar a edicao das regras */
/*
 .xapps-expression-editor-toolbar {
	display: table !important;
 }
*/

/* Aumenta a largura dos campos Matrix para 1.600px | UP-5433 */
.view-issue-lists {
  //width: 1600px; //Desabilitado e substituido por codigo Jquery, conforme CS-1666 em 20-Dez-2022
}

/* Retira o icone do JWT das telas do Jira | UP-4378 */
.jwt-descriptor-view-topic-section {
  display: none;
}

/* Define uma fonte fixa para o texto do banner, a fim de facilitar a digitacao de codigo html nele */
textarea[name="announcement"] {
  font-family: "roboto mono", monospace;
  font-size: 90%;
}

/* Cor preta nos botoes padroes do sistema */
.submit-button,.aui-button.aui-button-primary,#issue-workflow-transition-submit,#delete-attachment-submit {
  background-color: black;
  color: #fafafa;
}

/* Cor turquesa nos botoes padroes do sistema ao passar o mouse */
.submit-button:hover,.aui-button:hover,.aui-button.aui-button-primary:hover,#issue-workflow-transition-submit:hover,delete-attachment-submit:hover,a.ghx-active:hover {
  background-color: #00B7B7 !important;
  color: #fafafa !important;
}

/* Cor cinza escuro/branco para hover de itens em tabelas e menus */

/* EM TESTE
table.aui.aui-table-rowhover>tbody tr:hover,.aui-nav>li:hover,.shifter-dialog .aui-list:hover,.aui-list-item.active:hover,.aui-nav>li>a:hover,.aui-navgroup-vertical .aui-nav .aui-nav-selected>a,
.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover,table.aui>tbody>tr:hover
*/

.aui-navgroup-vertical .aui-nav>li>a:hover,.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover {
    background-color: #666 !important;
    color: #fff !important;
}

div.CodeExpressionMirror,.code-snippet {
  font-family: Roboto mono !important;
  font-weight: bold !important;
}

select {
  font-weight: 500;
}

textarea {
  font-weight: 500;
}

label {
  font-weight: 500;
}

input {
  font-weight: 500;
}

.tipsy-inner { max-width: 400px}

.skill-Master {
  background-color: #008DA6;
  display: inherit;
}

.skill-Senior {
  background-color: #00B8D9;
  display: inherit;
}

.skill-Pleno {
  background-color: #79E2F2;
  display: inherit;
}

.skill-Junior {
  background-color: #B3F5FF;
  display: inherit;
}

.skill-Trainee {
  background-color: #E6FCFF;
  display: inherit;
}

.priority-P1 {
  background-color: #FF0000;
  display: inherit;
}
.priority-P2 {
  background-color: #FFA500;
  display: inherit;
}
.priority-P3 {
  background-color: #FFD700;
  display: inherit;
}
.priority-P4 {
  background-color: #708090;
  display: inherit;
}

/* Cor Verde, utilizada em conjunto com os campos NFeed para mostrar a barra lateral indicadora do status do registro */
.status-Active,.status-Ativo,.status-Vendido,.status-Relacionamento,.status-Encerrado,.status-Enviado,.status-Closed,.status-Fechado {
  background-color: #36b37f;
  display: inherit;
}

/* Cor Amarela, utilizada em conjunto com os campos NFeed para mostrar a barra lateral indicadora do status do registro */
.status-Draft,.status-Rascunho,.status-Pending,.status-Pendente,.status-Disponível,.status-Interesse,.status-Identificação,.status-Necessidade,.status-Justificativa,.status-Proposta,.status-Cliente {
  background-color: #ffaa00;
  display: inherit;  
}

/* Cor Vermelha padrao, utilizada em conjunto com os campos NFeed para mostrar a barra lateral indicadora do status do registro */
.status-Inactive,.status-Inativo {
  background-color: #ff5630;
  display: inherit;  
}

/*
Cria o estilo "blink", de piscar conforme recomendacao da W3C, em: https://www.w3docs.com/learn-html/html-blink-tag.html
Mais detalhes em: UP-2426
*/
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.1; }
}

/* Borda grossa azul B400 com sombra para foco em campos de formulario - @see https://www.cssmatic.com/box-shadow e https://www.atlassian.design/server/foundations/colors/ */
textarea:focus,.text:focus,.select:focus,.aui-select2-drop:focus,.select2-search:focus,div.connect-react-select__control:focus,input[type="text"]:focus {
  //border-color: #0052CC !important;
  //box-shadow: 0px 0px 8px 3px rgba(00,82,204,1) !important;
  box-shadow: 0px 0px 8px 3px rgba(000,183,183,1) !important;
  border-color: #00B7B7 !important;
}

/* Texto vermelho "Red Dirt" da AUI Atlassian para campo "Observações" em telas de visualização de tarefa */
#customfield_27692-val {
  color: #DE350B;
}

/* Botoes ativos dos filtros rapidos dos quadros Kanbans */
a.ghx-active {
  background: #00B7B7 !important;
  font-weight: bold;
}

/* Links dentro de paineis AUI Message com cor branca */
div.aui-message > ul > li > a {
  color: white;
}

/* Cor do texto do botao 'Create' da tela inicial do Jira */
#create_link {
  color: white;
}

/* Remove botão de clonagem via CSS (além de javascript que já existe, mas as vezes não funciona ) */
#clone-issue {
  visibility: hidden;
  display: none;
}

/* Oculta a aba de detalhes de tarefa nos quadro kanbans. DESABILITADO para ser feito via JQuery apenas em quadros especificos
#ghx-detail-view {
  display: none;
}
*/

.ghx-extra-field-row {
  font-size: smaller;
}


/**
 * Estilo para pulsar elementos com a cor vermelha. Faz um efeito de leve reducao do tamanho, seguido do aumento de volta pulsando uma sombra vermelha que depois desaparece, e repete indefinidamente.
 * @see: https://codepen.io/FlorinPop17/pen/drJJzK
 * Vide CS-3619
 */
.pulse-red {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulsate-red 2s infinite;
}

@keyframes pulsate-red {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(191, 38, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(191, 38, 0, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(191, 38, 0, 0);
	}
}