#loader {
    display: none; /* Initially hide the loader */
    width: 100%; /* Full width */
    height: 2px; /* Height of the loader */
    position: fixed; /* Fixed position */
    top: 0; /* Top position */
    left: 0; /* Left position */
    background-color: white; /* Loader color */
    z-index: 9999; /* Higher z-index to overlay other elements */
}

.overflow-ellipsis {
    font-size: 0.875rem; /* Smaller font size, equivalent to 14px */
    max-width: 200px; /* Adjust based on your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.overflow-ellipsis:hover {
    overflow: visible;
    white-space: normal;
    cursor: text;
}



/*@keyframes ms-loader {*/
/*    0% { transform: rotate(0deg); }*/
/*    100% { transform: rotate(360deg); }*/
/*}*/

/*.ms-loader {*/
/*    position: relative;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*}*/

/*.ms-loader div {*/
/*    position: absolute;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    background: #3490dc; !* Tailwind 'blue-500' *!*/
/*    border-radius: 50%;*/
/*    animation: ms-loader 1.2s linear infinite;*/
/*}*/

/*.ms-loader div:nth-child(1) { top: 0; left: 50%; margin-left: -4px; animation-delay: -1.1s; }*/
/*.ms-loader div:nth-child(2) { top: 14px; left: 14px; animation-delay: -1s; }*/
/*.ms-loader div:nth-child(3) { top: 50%; left: 0; margin-top: -4px; animation-delay: -0.9s; }*/
/*.ms-loader div:nth-child(4) { top: 14px; left: -14px; animation-delay: -0.8s; }*/
/*.ms-loader div:nth-child(5) { top: 50%; right: 0; margin-top: -4px; animation-delay: -0.7s; }*/
/*.ms-loader div:nth-child(6) { bottom: 14px; left: 14px; animation-delay: -0.6s; }*/
/*.ms-loader div:nth-child(7) { bottom: 0; left: 50%; margin-left: -4px; animation-delay: -0.5s; }*/
/*.ms-loader div:nth-child(8) { bottom: 14px; left: -14px; animation-delay: -0.4s; }*/