.basic-checkbox.is-danger label{
    border-bottom: 1px solid ;
    border-color: var(--bulma-danger);
    padding-bottom: 4px;
}

.container-pin{
    text-align: center;
}

.container-pin .input-pin {
    padding: 10px;
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 65px;
    text-align: center;
    font-size: 30px;
    color: #b0d10e;
}
.container-pin .input-pin.is-danger {
    border: 1px solid;
    border-color: var(--bulma-danger);
}

.container-pin input::-webkit-outer-spin-button,
.container-pin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.container-pin input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.button.is-primary {
  color: white;
}

.navbar-item.pending {
  position: relative;

  &::after {
    content: '';
    position: absolute;
    width: 6px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: #DB0606;
    top: 15px;
    right: 5px;
    animation: blink 1s infinite;

    @media screen and (max-width: 1024px) {
      left: 13ch;
    }
  }
}

#ressourcesTable tr:has( .tag.pending) {
  position: relative;

  &::after {
    content: '';
    position: absolute;
    width: 6px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: #DB0606;
    top: 5px;
    left: 5px;
  }
}

.tag.is-warning {    
  background: #EF7D51;    
  color: white;
}

.tag.is-success {    
  background: #98C687;
  color: white;
}

.tag.is-danger {    
  background: #DB0606;
  color: white;
}


@keyframes blink {
  0%   { opacity:1; }
  40%  { opacity:0; }
  100% { opacity:1; }
}