/* FIREFOX eats click event on disabled inputs. This line fixes that. */
input:disabled {pointer-events:none;}
textarea:disabled {pointer-events:none;}
select:disabled {pointer-events:none;}
fieldset:disabled {pointer-events:none;}

/* Self-written additional styles for custom tbhead. */
.table .thead-custom th {
    color: var(--normalFG);
    background-color: var(--normalBG);
    border-color: var(--normalBD);
}

.table-custom,
.table-custom > th,
.table-custom > td {
    background-color: var(--tableBG);
}

.table-custom th,
.table-custom td,
.table-custom thead th,
.table-custom tbody + tbody {
    border-color: var(--tableBD);
}

.table-hover .table-custom:hover {
    background-color: var(--tableHBG);
}

.table-hover .table-custom:hover > td,
.table-hover .table-custom:hover > th {
    background-color: var(--tableHBG);
}

.bg-custom {
    background-color: var(--normalBG) !important;
}
.text-custom {
  color: var(--normalFG) !important;
}
.btn-outline-custom {
  color: var(--normalBG);
  background-color: #fff;   /* ##EDIT## Add this */
  border-color: var(--normalBG);
}
.btn-outline-custom:hover {
  color: #fff;
  background-color: var(--normalBG);
  border-color: #fff;
}
.btn-outline-custom:focus, .btn-outline-custom.focus {
  box-shadow: 0 0 0 0.4rem var(--glowCL);
}
.btn-custom {
  color: var(--normalFG);
  background-color: var(--normalBG);
  border-color: var(--normalBD);
}
.btn-custom:hover {
  color: var(--hoverFG);
  background-color: var(--hoverBG);
  border-color: var(--hoverBD);
}
.btn-custom:focus, .btn-custom.focus {
  color: var(--hoverFG);
  background-color: var(--hoverBG);
  border-color: var(--hoverBD);
  box-shadow: 0 0 0 0.4rem var(--glowCL);
}
.nav-link-custom {
  display: block;
  padding: 0.25rem 1rem;    /* ##EDIT## Squeeze this too */
  /* padding: 0.5rem 1rem; */
}
.nav-link-custom:hover, .nav-link-custom:focus {
  text-decoration: none;
}
.nav-tabs .nav-link-custom {
  border: 1px solid;
  border-color: var(--normalBD) var(--normalBD) transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: var(--normalBG);
  background-color: var(--normalFG);
}
.nav-tabs .nav-link-custom:hover, .nav-tabs .nav-link-custom:focus {
  border-color: var(--hoverBD) var(--hoverBD) #fff;
  color: var(--hoverFG);
  background-color: var(--hoverBG);
}
.nav-tabs .nav-link-custom.active,
.nav-tabs .nav-item.show .nav-link-custom {
  color: var(--normalFG);
  background-color: var(--normalBG);
  border-color: var(--normalBD) var(--normalBD) #fff;
}

/* Self-written additional styles for warning pills. */
.cuneibadge {
    position: relative;
    width: min(75px, 4.5vw);
    height: 35px;
    transform: skew(-10deg);
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    text-align: center;
}
.cuneibadge-rightmost {
    position: relative;
    width: min(75px, 4.5vw);
    height: 35px;
    transform: skew(-10deg);
    border-radius: 0.3em 10px 0px 0.3em;
    text-align: center;
}
.cuneibadge-rightmost::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 27.5px solid;
    border-left: 10px solid transparent;
    transform: skew(10deg);
    transform-origin: right top;
    border-radius: 0px 0px 0.3em 0px;
}
.cuneibadge-text {
    transform: skew(10deg);
    line-height: min(35px, 2.1vw);
    text-wrap: nowrap;
}
.cuneibadge.cbadge-secondary, .cuneibadge-rightmost.cbadge-secondary {background: var(--secondary) !important;color: rgba(255,255,255,0.25);}
.cuneibadge-rightmost.cbadge-secondary::before {border-bottom-color: var(--secondary) !important;}
.cuneibadge.cbadge-info, .cuneibadge-rightmost.cbadge-info {background: var(--info) !important;color: #fff;}
.cuneibadge-rightmost.cbadge-info::before {border-bottom-color: var(--info) !important;}
.cuneibadge.cbadge-warning, .cuneibadge-rightmost.cbadge-warning {background: var(--warning) !important;color: #fff;}
.cuneibadge-rightmost.cbadge-warning::before {border-bottom-color: var(--warning) !important;}
.cuneibadge.cbadge-danger, .cuneibadge-rightmost.cbadge-danger {background: var(--danger) !important;color: #fff;}
.cuneibadge-rightmost.cbadge-danger::before {border-bottom-color: var(--danger) !important;}

.tb-counter {
    position: relative;
    height: 35px;
    right: 3px;
    transform: skew(-10deg);
    border-radius: 0.3em 10px 0px 0em;
    text-align: center;
    background: var(--primary);
    color: #fff;
}
.tb-counter::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 27.5px solid;
    border-left: 10px solid transparent;
    transform: skew(10deg);
    transform-origin: right top;
    border-bottom-color: var(--primary);
}
.tb-counter-multi {
    position: relative;
    height: 35px;
    right: 3px;
    transform: skew(-10deg);
    border-radius: 0.3em 10px 0px 0em;
    text-align: center;
    background: var(--info);
    color: #fff;
}
.tb-counter-multi::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 27.5px solid;
    border-left: 10px solid transparent;
    transform: skew(10deg);
    transform-origin: right top;
    border-bottom-color: var(--info);
}
.tb-counter-text {
    transform: skew(10deg);
    line-height: 35px;
    margin-right: 1em;
    margin-left: 1.2em;
}
.cuneitable-coladjuster {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: col-resize;
}
.cuneitable-coladjuster:hover {
    background-image: linear-gradient(to left, rgba(255,255,255,0.75), rgba(255,255,255,0))
}

.pinned-icon {
    transition: filter 0.25s ease-in, scale 0.25s ease-in;
}
.pinned-icon:hover {
    scale: 1.1;
    filter: brightness(120%) saturate(100%) drop-shadow(5px 5px 8px #aaa);
}

.toast_pseudo_link {
    color: var(--link);
    cursor: pointer;
}
.toast_pseudo_link:hover {
    filter: brightness(150%);
}