.CatCombo {
    width: 100%;
    height: 32px;
    padding-left: 0px;
    border: none;
}

.TruncTable {
    table-layout: fixed;
    white-space: nowrap; 
}

.TruncText {
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.w24 { width: 24px; margin: 0px; padding: 0px; }
.w48 { width: 48px; margin: 0px; padding: 0px; }
.w120 { width: 120px; margin: 0px; padding: 0px; }
.wauto { width: auto; margin: 0px; padding: 0px; }

@media only screen and (max-width : 499px)
{
        .HIDE_MOBILE{
            display: none
        }
        .mw250 {
             max-width: 120px; 
        }
}

@media only screen and (min-width : 500px)
{
        .HIDE_MOBILE{
        }
        .mw250 {
             width: 180px; 
        }
}

/* RESPONSIVE: MOBILE  */

@media only screen and (max-width : 779px) {
    .ThumbPreview_Show {
        display: none;
    }

    .ThumbPreview_Hiding {
        display: none;
    }

    .ThumbPreview_Hide {
        display: none;
    }
}

@media only screen and (min-width : 780px) {
    .ThumbPreview_Show {
        position: absolute;
        z-index: 5;
        left: 240px;
        right: 0;
        top: 0px;
        bottom: 0px;
        margin-top: auto;
        margin-bottom: auto;
        width: 253px;
        max-height: 300px;
        top: 200px;
        opacity: 1.0;
        -webkit-transition-duration: 0.70s;
        transition-duration: 0.70s;
        border: 3px double gray;
        background-color: #A0A0A0;
    }

    .ThumbPreview_Hiding {
        position: absolute;
        z-index: 5;
        left: 240px;
        right: 0;
        top: 0px;
        bottom: 0px;
        margin-top: auto;
        margin-bottom: auto;
        width: 253px;
        max-height: 300px;
        top: 200px;
        opacity: 0.0;
        -webkit-transition-duration: 0.70s;
        transition-duration: 0.70s;
        border: 3px double gray;
    }

    .ThumbPreview_Hide {
        display: none;
    }
}