.text-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.nowrap {
    white-space: nowrap;
}

.wh-2 {
    width: 2rem;
    height: 2rem;
}


table tbody tr:hover .alpha.invisible {
    visibility: visible !important;
}

table tbody td:hover .beta.invisible {
    visibility: visible !important;
}

/*table tbody td:hover{
    cursor: pointer;
  }*/

#actionsTD {
    white-space: nowrap;
}

/*table tbody tr:hover .invisible{
    visibility: visible !important;
  }*/



.input-animation{
    border: none;
    border-bottom: 2px solid darkgrey;
    width: 100%;
    background-color: #f9f9f9;
}

.input-animation .selectize-input{
    border: unset !important;
    position: unset !important;
    background-color: transparent !important;
    padding: .5rem .75rem;
}

.label-animation{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
}

.input-animation, .input-animation~label{
    transition: 0.3s color ease-in-out;
}





.input-animation:focus, .selectize-input:focus{
    border-color: #02add7;
    --tw-ring-color: transparent;
}
.input-animation:focus~label {
    color: #02add7;
}

.td-hover{
    border-left: 3px solid transparent
}

.td-hover:hover{
    border-left: 3px solid #3788D8
}