/*.contactDataTable .contactValue .uiValue {
    min-width: 150px;
}*/

/*.contactDataTable .tableRow:not(:hover):not(.mouseOver) .showHover:not(.inputSelected) {
    display: none;
}*/

/*.contactDataTable {
    overflow: hidden;
}*/

.uiBlock .contactDataTable .visibleCol1 .uiValue {
    min-width: 50px;
}

.uiBlock:not(:hover):not(.mouseOver) .contactDataTable .visibleCol1 {
    overflow: visible;
}

.uiBlock:not(:hover):not(.mouseOver) .contactDataTable .visibleCol1 .uiValue {
    width: 150%;
    z-index: 2;
}

.contactNameCell {
    font-size: 110%;
}

.contactNameCell .position {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fab.fa-microsoft-color::before {
    background-image: url(/modules/Contact/images/fab-microsoft.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}

.fab.fa-google-color::before {
    background-image: url(/modules/Contact/images/fab-google-color.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}

.fab.fa-openid-color::before {
    background-image: url(/modules/Contact/images/fab-openid-color.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
}
.fal.fa-calendar-slash::before {
    background-color: currentColor;
    display: block;
    --icon-svg: url(/modules/Contact/images/fal-calendar-slash.svg);
}

.fal.fa-envelope-slash::before {
    background-color: currentColor;
    display: block;
    --icon-svg: url(/modules/Contact/images/fal-envelope-slash.svg);
}


/** External Mail Buttons **/
.uiTitleCon:has(.external-mail-buttons) {
    display: flex;
    justify-content: space-between;
}

.external-mail-buttons {
    display: inline-flex;
    align-items: center;
    height: 1.4em;

    button {
        display: inline-flex;
        background: none;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        align-items: center;
        border-color: var(--color-grey-light);
        border-width: 0 0 0 1px;

        &:not(:disabled) {
            cursor: pointer;
        }

        .fa-check {
            color: var(--color-app);
        }

        &[data-connected="0"] {
            .fa-check {
                display: none;
            }
        }

        &[data-connected="1"] {
            &:hover:not(:disabled) {
                .fa-check:before {
                    content: "\f00d";
                }
            }
        }
    }

}

.fab.fa-outlook::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Contact/images/fab-outlook.svg);
}

.fab.fa-gmail::before {
    background-color: currentColor;
    --icon-svg: url(/modules/Contact/images/fab-gmail.svg);
}