html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.hidden {
    display: none !important;
}

.mixedMode {
    height: 12em !important;
    top: 35% !important;
}

.ImageTile {
    float: right;
    position: relative;
    overflow: hidden;
    max-width: 16px;
    max-height: 1.25em;
}

.ImageTile > .Spacer {
    max-height: 1.5em;
    height: 16px;
}

.ImageTile > .Image {
    position: absolute;
    top: 0px;
    bottom: 0px;
    max-height: 1.5em;
    margin-top: auto;
    margin-bottom: auto;
}

.ImageTile > .HeapIncreaseIcon {
    left: 0;
}

.ImageTile > .HeapDecreaseIcon {
    left: -100%;
}

.viewDisabledMessage {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0%;
    top: 40%;
    margin-top: -0.5em;
}

    .viewDisabledMessage p {
        margin-top: auto;
        margin-bottom: auto;
        color: #999999; /*[{vs-start-page-text-heading-color}]*/
    }

.snapshotsDisabledMessage {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0%;
    top: 40%;
    margin-top: -0.5em;
}

    .snapshotsDisabledMessage p {
        margin-top: auto;
        margin-bottom: auto;
        color: #000000; /*[{plugin-color}]*/
    }
    
.enableSnapshotsDiv {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.enableSnapshotsCheckBox {
    display: block;
    float:left;
}

.snapshotContainer {
    display: inline-block;
    margin: 1em;
    min-width: 26em;
    color: #000000; /*[{plugin-color}]*/
}

    .snapshotContainer a:focus {
        outline: 1px dotted #999999; /*[1px dotted {vs-designer-selection-dots-color}]*/
    }

.snapshotTile {
    position: relative;
    float: left;
    min-width: 20em;
    height: 6em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid #CCCEDB; /*[1px solid {vs-combo-box-popup-border-color}]*/
}

    .snapshotTile > .snapshotTileInner {
        display: -ms-grid;
        -ms-grid-columns: 1fr;
        height: 100%;
        width: 100%;
    }

.snapshotTileInner > .snapshotTileHeader {
    background-color: #CCCEDB; /*[{vs-command-bar-options-background-color}]*/
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    -ms-grid-row: 1;
    display: -ms-grid;
    -ms-grid-columns: auto 1fr auto;
}

    .snapshotTileInner > .snapshotTileHeader > .snapshotTileTitle {
        padding-left: 0.25em;
        display: inline-block;
        -ms-grid-column: 1;
    }

    .snapshotTileInner > .snapshotTileHeader > .snapshotTakenDate {
        padding-left: 0.25em;
        display: inline-block;
        -ms-grid-column: 2;
    }

    .snapshotTileInner > .snapshotTileHeader > .snapshotTileMoreOptions {
        font-family: Marlett !important;
        margin-left: .5em;
        margin-right: .5em;
        padding-top: .25em;
        -ms-grid-column: 3;
    }

    .snapshotTileInner > .snapshotTileHeader a:link {
        color: inherit;
        text-decoration: none;
    }

    .snapshotTileInner > .snapshotTileHeader a:visited {
        color: inherit;
        text-decoration: none;
    }

    .snapshotTileInner > .snapshotTileHeader a:hover {
        color: inherit;
        text-decoration: none;
        background-color: #007ACC; /*[{vs-command-bar-mouse-over-background-begin-color}]*/
    }

    .snapshotTileInner > .snapshotTileHeader a:active {
        color: inherit;
        text-decoration: none;
        background-color: #3399FF; /*[{vs-command-bar-mouse-down-background-begin-color}]*/
    }

.snapshotTileInner > .snapshotTileProgress {
    -ms-grid-row: 2;
    position: relative;
    top: 19%;
}

    .snapshotTileInner > .snapshotTileProgress progress {
        width: 100%;
    }

.snapshotInfoDiv {
    -ms-grid-row: 2;
}

.snapshotTileInfo {
    display: -ms-grid;
    -ms-grid-rows: auto auto auto;
    -ms-grid-columns: 1fr 1fr;
    white-space: nowrap;
    border-top-color: #CCCEDB; /*[{vs-combo-box-popup-border-color}]*/
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.25em 0.5em;
    color: #3399FF; /*[{vs-panel-hyperlink-color}]*/
}

    .snapshotTileInfo > .snapshotSummaryType {
        color: #999999; /*[{vs-start-page-text-heading-color}]*/
        font-size: 90%;
    }

    .snapshotTileInfo .baselineLink {
        display: inline-block;
    }

    .snapshotTileInfo .snapshotArrowDiv {
        display: inline-block;
        background-size: 10px 11px;
        width: 10px;
        height: 11px;
        margin-right: 0.25em;
        vertical-align: middle;
    }

    .snapshotTileInfo a {
        white-space: nowrap;
    }

        .snapshotTileInfo a:link {
            color: #3399FF; /*[{vs-panel-hyperlink-color}]*/
        }

        .snapshotTileInfo a:visited {
            color: #3399FF; /*[{vs-panel-hyperlink-color}]*/
        }

        .snapshotTileInfo a:hover {
            color: #3399FF; /*[{vs-panel-hyperlink-color}]*/
        }

        .snapshotTileInfo a:active {
            color: #3399FF; /*[{vs-panel-hyperlink-color}]*/
        }

    .snapshotTileInfo .snapshotTakenDate {
        -ms-grid-columnspan: 2;
    }

    .snapshotTileInfo .middleRow {
        margin-top: 0.25em;
        -ms-grid-row: 2;
    }

    .snapshotTileInfo .bottomRow {
        margin-top: 0.25em;
        -ms-grid-row: 3;
    }

    .snapshotTileInfo .rightColumn {
        -ms-grid-column: 2;
    }

    .snapshotTileInfo .rightAlign {
        -ms-grid-column-align: end;
    }

    .snapshotTileInfo .inactiveLink {
        color: #999999; /*[{vs-start-page-text-heading-color}]*/
        text-align: right;
    }

.snapshotTileTaken > .snapshotTileInner {
    background-color: #E7E8EC; /*[{vs-tool-window-background-color}]*/
}

.takeSnapshotTile {
    background-color: transparent;
}

    .takeSnapshotTile > .snapshotTileInner {
        display: block;
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding: 0;
    }

        .takeSnapshotTile > .snapshotTileInner > .takeSnapshotButtonDiv {
            text-align: center;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
        }

        .takeSnapshotTile > .snapshotTileInner > .takeSnapshotButtonDiv button {
            cursor: pointer;
            vertical-align: middle;
            padding: 0;
            border-style: none;
            background-image: none;
            background-color: #EFEFF2; /*[{vs-command-bar-options-background-color}]*/
            color: #000000; /*[{plugin-color}]*/
            width: 100%;
            height: 100%;
        }

        .takeSnapshotTile > .snapshotTileInner button:hover:enabled {
            background-color: #EFEFF2; /*[{vs-tab-title-link}]*/
            border-color: #DBDDE6; /*[{vs-combo-box-border-color}]*/
        }

        .takeSnapshotTile > .snapshotTileInner button:focus:enabled {
            background-color: #EFEFF2; /*[{vs-tab-title-link}]*/
        }

        .takeSnapshotTile > .snapshotTileInner button:active:enabled {
            background-color: #007ACC; /*[{vs-tab-title-link}]*/
            border-color: #3399FF; /*[{vs-command-bar-selected-border-color}]*/
        }

        .takeSnapshotTile > .snapshotTileInner button:disabled {
            background-color: #999999; /*[{vs-start-page-text-heading-color}]*/
            color: #000000; /*[{vs-dropdown-disabled-border-color}]*/
        }

        .takeSnapshotTile > .snapshotTileInner .takeSnapshotButton .takeSnapshotButtonIcon {
            max-height: 2em;
            width: auto;
            height: 26px;
            margin-left: auto;
            margin-right: auto;
        }

        .takeSnapshotTile > .snapshotTileInner > .takeSnapshotButton > .takeSnapshotButtonCaption {
            margin-top: -1em;
            margin-left: auto;
            margin-right: auto;
        }

        .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv {
            width: 100%;
            height: 100%;
        }

            .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv > .snapshotProgressCaptionDiv {
                width: 100%;
                height: 50%;
            }

            .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv > .snapshotProgressCaptionDiv > .snapshotProgressCaption {
                display: inline-block;
            }

            .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv > .snapshotProgress {
                width: 100%;
                height: 42%;
                position: relative;
                top: 6%;
            }

            .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv > .snapshotProgress progress {
                width: 100%;
            }

            .takeSnapshotTile > .snapshotTileInner > .snapshotProgressDiv .snapshotProgressCancelDiv {
                float: right;
                margin-right: 1em;
            }