@import url('profiles.css');
@import url('benchmarks.css');
@import url('events.css');
@import url('industry_types.css');
@import url('posts.css');
@import url('post_templates.css');
@import url('post_logs.css');
@import url('scheduler_logs.css');
@import url('social_accounts.css');
@import url('social_pages.css');
@import url('summary.css');
@import url('users.css');
@import url('reports.css');

.image-tooltip {
    float: left;
    display: inline-block;
}

.image-tooltip .image-preview {
    width: 36px;
    height: 28px;
    margin-top: 6px;
    margin-right: 4px;
}

.image-tooltip .image-fullsize {
    visibility: hidden;
    display: none;
    width: 322px;
    height: 250px;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    opacity: 0;
    transition: opacity 1s;
}

.image-tooltip .image-fullsize.down {
    position: absolute;
    z-index: 999;
    top: 50px;
    right: 50px;
}

.image-tooltip .image-fullsize.up {
    position: absolute;
    z-index: 999;
    bottom: 50px;
    right: 50px;
}

.image-tooltip:hover .image-fullsize {
    visibility: visible;
    display: block;
    opacity: 1;
}