/*body {
    font-family: 'Nunito', sans-serif;
}*/

.otp-input-wrapper {
    width: 240px;
    text-align: left;
    display: inline-block;
}

    .otp-input-wrapper input {
        padding: 0;
        width: 264px;
        font-size: 36px;
        font-weight: 600;
        color: #3e3e3e;
        background-color: transparent;
        border: 0;
        margin-left: 14px;
        letter-spacing: 48px;
        font-family: sans-serif !important;
    }

        .otp-input-wrapper input:focus {
            box-shadow: none;
            outline: none;
        }

    .otp-input-wrapper svg {
        position: relative;
        display: block;
        width: 240px;
        height: 2px;
    }

.table-hover tr td .fa {
    margin-right: .5rem;
    opacity: 0;
    transition: opacity .2s ease-out;
    cursor: pointer;
    transition-delay: .5s;
}

.table-hover tr:hover td .fa {
    opacity: 1;
    transition-delay: 0s;
}