﻿.table tbody tr.rowHighLight td {
    background-color: yellow;
}

.table tbody tr.rowGrayHighLight td {
    background-color: lightgray;
}

.employeeImg {
    display: block;
    max-width: 100%;
    max-height: 250px;
    width: auto;
    height: auto;
}

.thumbnailImg {
    display: block;
    max-width: 50px;
    max-height: 50px;
    width: auto;
    height: auto;
}

.ui-dialog {
    z-index: 2000 !important;
    position: absolute !important;
}

.wrapwords {
    word-wrap: break-word;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .popup .popuptext {
        visibility: hidden;
        width: 250px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -125px;
    }

    .popup .popuptextdown {
        visibility: hidden;
        width: 250px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        /*bottom: 125%;*/
        left: 50%;
        margin-left: -125px;
    }

    .popup .popuptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

    .popup .popuptextdown::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
