/* EdgeCore/winstrap override some of the code editor's styles. Override them back. */
div.close {
    opacity: 1;
    vertical-align: middle;
    float: none;
}

/* EdgeCore/winstrap override some of the code editor's styles. Override them back. */
.wrapper > input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]) {
    height: 100%;
    border-color: transparent;
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
 }

#output iframe {
    width: 100%;
    height: 150px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    border: 1px solid black;
}


.win-snippetrunner {
    height: 400px;
    margin-bottom: 50px;
    margin-right: 50px; /* Leave a "thumb track" on which users can scroll the page on touch devices */
}

.win-snippetrunner-desktopmode .win-snippetrunner-mobileview,
.win-snippetrunner-mobilemode .win-snippetrunner-desktopview {
    display: none;
}

.win-snippetrunner-scripttype {
    margin-bottom: 10px;
}

.win-snippetrunner-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 25px; /* Affects height of win-snippetrunner-content */
}

.monaco-editor-hover {
    box-sizing: content-box;
}

    .win-snippetrunner-menu > li {
        box-sizing: border-box;
        height: 25px;
        vertical-align: top;
        display: none;
        padding: 2px;
        margin: 0;
        margin-right: 3px;
        border: 1px solid rgb(70, 70, 70);
        min-width: 70px;
        text-align: center;
        line-height: 110%;
        cursor: pointer;
        color: #fff;
        background-color: rgb(102, 102, 102);
    }

        .win-snippetrunner-menu > li.active {
            background-color: rgb(51, 51, 51);
        }

    .win-snippetrunner.script .win-snippetrunner-menu > .script,
    .win-snippetrunner.css .win-snippetrunner-menu > .css,
    .win-snippetrunner.html .win-snippetrunner-menu > .html,
    .win-snippetrunner.html .win-snippetrunner-menu > .download,
    .win-snippetrunner.reset .win-snippetrunner-menu > .reset,
    .win-snippetrunner-menu > .output {
        display: inline-block;
        touch-action: manipulation; /* Disable IE's 300ms touch delay */
    }

    .win-snippetrunner-menu > .output {
        background-color: rgb(68, 34, 88);
    }

.win-snippetrunner.reset .win-snippetrunner-menu > .reset {
    float: right;
    padding-right: 0;
    margin-right: 0;
}

/* EdgeCore overrides some of the code editor's styles. Override them back. */
.win-snippetrunner * + * {
    margin-top: 0;
}


.win-snippetrunner .win-snippetrunner-menu > .download {
    background-color: transparent;
    border: 0;
    color: black;
    min-width: 0;
}

 
    .win-snippetrunner .win-snippetrunner-menu > .download:after {
        font-size: 17px;
        font-family: "Segoe UI Symbol", "Symbols";
        content: "\E118";
    }

.win-snippetrunner-content {
    height: calc(100% - 25px); /* 25px to leave room for the win-snippetrunner-menu */
}

.win-snippetrunner-output,
.win-snippetrunner-editor {
    height: 100%;
}

.win-snippetrunner-editor,
.win-snippetrunner-output {
    margin-top:0px;
    display: none;
}

.win-snippetrunner-content.editor .win-snippetrunner-editor,
.win-snippetrunner-content.output .win-snippetrunner-output {
    display: block;
}

.win-snippetrunner-content.output .win-snippetrunner-output {
    background-color: #1d1d1d;
}

.win-snippetrunner-output iframe {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}