/** General */

/* Default values for all inherited/auto font setting */
html {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    /** Disable Text Selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tchmi-box {
    /* Handle things like border padding etc. in the bounds of an element. */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    /** Disable Text Selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input, textarea,
.tchmi-box input, .tchmi-box textarea {
    /** Allow Text Selection for input elements. Some browsers like iOS/Safari forward the user-select: none to input elements which makes them not focusable. */
    -webkit-touch-callout: initial;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.tchmi-no-pointer-events {
    /** Passthrough mouse/touch input */
    pointer-events:none;
}

*:focus {
    outline: none;
}

.tchmi-focus {
    /*background: #5eaaff;
    opacity: 0.25;*/
}

/**
    Overlay Dialog
*/
#tchmi-overlaysystemdialog-container {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2147483640;
    overflow:auto;
}
#tchmi-overlaysystemdialog-container > #tchmi-overlaysystemdialog-background {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#333333;
    opacity:0.75;
}
    #tchmi-overlaysystemdialog-container > .tchmi-overlaysystemdialog-message {
        font-family: 'Segoe UI', Tahoma, /* same as in VS */
        'Microsoft YaHei', /* nicer chinese */
        'Meiryo', /* nicer japanese */
        sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        border-bottom: 1px solid #9F6000;
        color: black;
        background-color: #FEFCC8;
        vertical-align: middle;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 60px;
    }
        #tchmi-overlaysystemdialog-container > .tchmi-overlaysystemdialog-message > a {
            color: #007ACC;
            cursor: pointer;
        }
        #tchmi-overlaysystemdialog-container > .tchmi-overlaysystemdialog-message > a:hover {
            text-decoration: underline;
        }

#tchmi-overlaysystemdialog-container.tchmi-overlaysystemdialog-error > .tchmi-overlaysystemdialog-message {
    background-color: #cc0000;
    color: #e0d3d3;
    user-select: all;
}
#tchmi-overlaysystemdialog-container > #tchmi-overlaysystemdialog-dismissbutton {
    position: absolute;
    right: 5px;
    top: 5px;
}

.tchmi-system-topmostlayer-container > .tchmi-in-topmostlayer {
    max-height: 99%;
    max-width: 99%;
    pointer-events: auto; /* default is inherit which is wrong under non modal dialogs */
}
.tchmi-system-topmostlayer-container.tchmi-topmostlayer-non-modal {
    pointer-events: none;
}
