How to hide the blue bar in active tab

[omaressameldin]

I am trying to hide the blue border for active tab as you can see here but I am unable to do so. This is my style.css

/* 1 */
notebook > header {
    background-color: rgba(30,31,41,1);
    border: none;
    margin: 0;
    padding:0;
  }

  /* 2 */
  notebook > header > tabs {
    background: rgba(30,31,41,1);
    background-color: rgba(30,31,41,1);
    border: none;
    box-shadow:  0px 5px 10px rgba(0,0,0,0.2);
  }

  /* 3 */
  notebook > header > tabs > tab {
    background: rgba(30,31,41,1);
    color: #4c5e63;
    border: none;
    padding: 6px;
    min-width: 100px;
    border-radius: 0px;
  }

  /* 4 */
  notebook > header > tabs > tab:checked {
    color: #FCBFB7;
    border-bottom: 5px solid rgba(51, 153, 137,0.8);
    border-image: none;
  }

[lanoxx]

Try the box-shadow: none; on tab:checked:

tab:checked {
  box-shadow: none;
}

On the Tilda wiki we have a section about custom styles. If you come up with something nice, consider mentioning it there.