.filePopup-Icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.filePopup-Container {
    display: block;
    position: relative;
    min-width: 275px;
    white-space: normal;
    overflow: hidden;
    border-radius: 5pt;
    -moz-border-radius: 5pt;
    -webkit-border-radius: 5pt;
    box-shadow: 0 2pt 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2pt 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2pt 2px rgba(0, 0, 0, 0.25);
    max-width: 400px;
    max-height: 500px;
}

.filePopup-Content {
    min-width: 236px;
    overflow: hidden;
}

.filePopup-Header {
    /*margin: 0 10px;*/
    margin: 10px 10px 0;
}

.filePopup-Header-Bordered {
    /*border-bottom: 1px solid rgb(173, 173, 173);*/
    margin-bottom: 10px;
}

.filePopup-Bar {
    margin: 5px 0 5px;
}

.filePopup-Bar-Content {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    line-height: 22px;
    height: 22px;
    vertical-align: top;
}

.filePopup-Bar-TitleContainer {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filePopup-BarIcon {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    vertical-align: top;
    flex: 0 0 auto;
}

.filePopup-BarIcon-Right {
    float: right;
    margin-right: 0px;
    margin-left: 5px;
}

.filePopup-BarIcon-SubscribedIcon {
    display: block;
}

.filePopup-BarIcon-NotificationIcon {
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.filePopup-BarIcon-UnderlinedText {
    border-bottom: 2px solid red;
    vertical-align: top;
    height: 14px;
    line-height: 14px;
}

.filePopup-LabelContainer {
    margin: 5px 0 0 0;
}

.filePopup-LabelTable {
    /*width: 450px;*/
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
}

    .filePopup-LabelTable td {
        padding-left: 5px;
        height: 16px;
        line-height: 16px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: clip;
        font-size: 12px;
        white-space: nowrap;
    }

    .filePopup-LabelTable tr td.skin-Page-filePopup-Container-LightLabelCell {
        /*padding-left: 0px;
        margin-left: 5px;*/
        padding: 0 2px;
    }

        .filePopup-LabelTable tr td.skin-Page-filePopup-Container-LightLabelCell:first-child {
            /*margin-left: 0px;*/
        }

.filePopup-LightLabelContainer {
    /*display: inline-block;
    width: 60px;
    margin: 0 4px 4px 0;*/
    white-space: nowrap;
}

.filePopup-LightLabelText {
    overflow: hidden;
    text-overflow: ellipsis;
}

.filePopup-LightLabelColor {
    height: 5px;
}

.filePopup-SubtitlesContainer {
    margin: 2px 0;
}

.filePopup-InfoContainer {
    margin: 0 10px;
    overflow: auto;
}

.filePopup-IconBar {
    margin: 5px 5px 5px 0;
    float: left;
    max-width: 30%;
}

.filePopup-IconBar-Icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
}

.filePopup-Footer {
    padding: 2px 10px;
    overflow: hidden;
}

.filePopup-Footer-Icon {
    width: 24px;
    height: 24px;
    margin-right: 2px;
    vertical-align: top;
}

    .filePopup-Footer-Icon.filePopup-Footer-ChecklistIcon {
        width: 12px;
    }

.filePopup-Footer-DeadlineContainer {
    float: left;
    /*max-width: 80%;*/
    line-height: 24px;
    overflow: hidden;
    margin: 5px 0;
}

.filePopup-Footer-ChecklistContainer {
    float: right;
    /*max-width: 20%;*/
    line-height: 24px;
    margin: 5px 0;
}

.filePopup-IconBar-ContentContainer {
    /*max-width: 100%;*/
    /*line-height: 18px;*/
    line-height: 20px;
}

.filePopup-IconBar-Text {
    vertical-align: top;
}

/*users */
.filePopup-UserBar {
    margin: 5px 0;
    float: right;
    /*width: 132px;
    max-width: 70%;*/
}

.filePopup-UserBar-ContentContainer {
    width: 44px;
    height: 44px;
    float: left;
    margin-right: 2px;
}

    .filePopup-UserBar-ContentContainer .skin-Page-CompactUserDescription {
        color: #4D4D4D;
    }

.filePopup-UserBar-OverflowOpener {
    height: 44px;
    line-height: 44px;
}

.filePopup-AgeIcon {
    width: 20px;
    height: 20px;
}