#resellerTable {
    table-layout: fixed;
    width: 100%;
}

.truncate-container .full-text {
    display: none;
}

.truncate-container .truncated-text {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.truncate-container:hover .full-text {
    display: inline;
    white-space: normal;
    word-break: break-all;
}

.truncate-container:hover .truncated-text {
    display: none;
}

/* This is to adjust the size of the Page title beside logo, now it is disabled as we are directly using logo with synnex */
.navbar-brand span {
    font-family: Arial, sans-serif;
    display: none !important;
    font-size: 2rem !important;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    vertical-align: middle;
    /* Align with logo */
}

/*This is to change the size of the logo*/
.navbar-brand img {
    max-height: 28px !important;
}