/* module-key = 'com.gliffy.integration.confluence:gliffy-confluence-missingmacroutils', location = 'gliffy/confluence/macro/missing/MissingMacro.css' */
/** Gliffy Missing Macro Styles **/

.gliffy-text-link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.gliffy-text-link:hover {
    font-weight: bolder;
}

.gliffy-macrolink-selection-item {
    margin-bottom: -5px;
}

#gliffy-macrolink-hover-advice {
    font-size: 12px;
    color:#5e6c84;
    font-weight: 300;
    margin-top: -2px;
}

/* Container for linked page selection */
.gliffy-macrolink-selection-container {
    display:inline-block;
    position:relative;    
    text-align:left;
  }

/* Preview thumbnail for the linked page drawing */
.gliffy-macrolink-selection-container .gliffy-macrolink-selection-container-thumb {
    max-width:200px;
    width:400px;
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0px;
    color:#EEEEEE;
    background-color:#444444;
    border-radius:4px;
    position:absolute;
    z-index:99999999;
    visibility:hidden; opacity:0; transition:opacity 0.5s;
}

.gliffy-macrolink-selection-container .gliffy-macrolink-selection-container-thumb img {    
    max-width:99%;
    max-height: 100%;
    border-radius:4px;    
    padding: 1px 1px 1px 1px;
    display: block;
}

.gliffy-macrolink-selection-container i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.gliffy-macrolink-selection-container i::after {
    content:' ';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#444444;    
}

/* Show the thumbnail when you mouse over the container */
.gliffy-macrolink-selection-container:hover .gliffy-macrolink-selection-container-thumb {
    opacity: 1;
    visibility: visible;
}