* {
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
body {
    /*  padding: 5px; сложнее будет делать хедеры и футеры с отступами. К тому же скрипты view масштабируются и им пиксели сильно мешают.*/

}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
    /*margin: 20px 0; отступ может вызывать ненужный вертикальный скролл*/
    margin: 0;
}
li, dd, blockquote {
   /* margin-left: 40px;*/
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*reset end*/
/*

window{overflow:hidden}
body{
    font-family:Tahoma;
    overflow:hidden;
}
*/














body{
    position:fixed;/*Надо body прижимать к краям, а не то не будет работать автомасштаб*/
    left:0;
    right:0;
    top:0;
    bottom:0;
    font-family: Golos UI;
}

.ruweldRemoteApp_displayNone{
    display:none
}

.ruweldRemoteApp_button {
    font-size:100%;
    background-color:#7f3;
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.15) 5%, rgba(0,0,0,0.15) 100%);

    border-radius: 0.5em;
    border: 0.05em solid rgba(0,0,0,0.5);
    display:inline-block;
    cursor:pointer;
    color:#306108;

    font-family:Arial;
    font-weight:bold;
    padding: 0.15em 0.5em;
    /*line-height:1.5; лучше не применять, а то двустрочные кнопки сломаются*/
    text-decoration:none;
    text-shadow:0 0.05em 0 rgba(255,255,255,0.5);
    margin-top:0;
    margin-bottom:0.2em;
    box-shadow:inset 0 0.05em 0 0 rgba(255,255,255,0.8), 0.1em 0.1em 0.2em rgba(0,0,0,0.8);

}
.ruweldRemoteApp_button:hover, .ruweldRemoteApp_button_hover, .ruweldRemoteApp_button[checked] {
    box-shadow:inset 0 0.05em 0 0 rgba(255,255,255,0.8);
    background-color:#0d0;
    1margin-bottom:0;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.25) 90%);

    1margin-top:0.1em;
    1vertical-align:-0.1em;
    transform: translate(0, 0.1em);
}
.ruweldRemoteApp_button:active {
    position:relative;
    top:0.2vmin;
}







.ruweldRemoteApp_buttonRed {
    background-color:#f61;
    color:#610;
}


.ruweldRemoteApp_buttonDisabled,.ruweldRemoteApp_buttonDisabled:hover ,.ruweldRemoteApp_button[disabled]{
    box-shadow:inset 0 0.2vmin 0 0 #777;
    background-image:none;
    transform:none;
    background:linear-gradient(to bottom, #ccc 5%, #aaa 100%);
    background-color:#bbb;
    border:1px solid #777;
    color:#222;
    text-shadow:0 0.2vmin 0 #ccc;
    top:0;
    user-select: none;
}


.Ruweld_close1{
    float:right;
    width:10vmin;
    height:10vmin;
    border-radius: 100vmax;
    background-color:#fff;
    cursor:pointer;
    opacity:0.3;
    border:#07f 0vmin solid;
    background-size:contain;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAA7ElEQVR4nO3ZWwqDMBCF4bMI9+SjS3U3bkWQgn3JQEur9TJQzfk/yOskZ/ASowQAAAAAAAAc1UjqJY2SBkltYu221BzLHE1i7TS9pPllTJK6hLpdqfVau0+om27U+yIzmvAt/FzmupxBnws904Sl8HOZ63JaLS94bxPWwk/Kfb6k+rXwLU3IqPFXZwLcPnw4EqSa8GFPoOrChy3Bqg0f1gI+yqg2fFhrQvXhw9YmVBk+dFq+5OOWqDa8ZN4A61vA+iFo/Rq03ghZb4WtP4asP4etD0Tsj8TsD0Xtj8Xtf4zY/xoDAAAAAADAHTwBBaBl9KZw62AAAAAASUVORK5CYII=");
    z-index:99999;
}








.ruweldRemoteApp_close{
    float:right;
    width:10vmin;
    height:10vmin;
    border-radius: 100vmax;
    background-color:#fff;
    cursor:pointer;
    opacity:0.3;
    border:#07f 0vmin solid;
    background-size:contain;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAA7ElEQVR4nO3ZWwqDMBCF4bMI9+SjS3U3bkWQgn3JQEur9TJQzfk/yOskZ/ASowQAAAAAAAAc1UjqJY2SBkltYu221BzLHE1i7TS9pPllTJK6hLpdqfVau0+om27U+yIzmvAt/FzmupxBnws904Sl8HOZ63JaLS94bxPWwk/Kfb6k+rXwLU3IqPFXZwLcPnw4EqSa8GFPoOrChy3Bqg0f1gI+yqg2fFhrQvXhw9YmVBk+dFq+5OOWqDa8ZN4A61vA+iFo/Rq03ghZb4WtP4asP4etD0Tsj8TsD0Xtj8Xtf4zY/xoDAAAAAADAHTwBBaBl9KZw62AAAAAASUVORK5CYII=");
    z-index:99999;
}