/* UI body and desktop */
* {
user-select: none;
}
body {
    margin: 0;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
    background-color: #512451;
    background-image: url("img/am.png");
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.close {
    border:none;
    float: right;  
    background: red;
    height: 19px;
    width: 32px;
}
img {
    vertical-align: middle;
}
#desktop {
    height: 100%;
    width: 100%;
    position: fixed;
}
/* END UI body and desktop */

/* OKNE */
.okne {
    display: none;
    width: 420px;
    background:white;
    margin: 6px auto 10px auto;
    position: absolute;
    border: steelblue 3px solid;
}
.okne_header {
    width: 100%;
    background:linear-gradient(to right, #302050, #52338f);
    color:white;
    position: relative;
    text-align: center;
    user-select: none;
    height: 19px;
}
.okne_content {
    width: 400px;
    background:linear-gradient(to bottom, #edf4ec, #d9e4f1);
    padding: 10px 10px 10px;
    position: relative;
}
.show {
    display: block;
}
/* END OKNE */

/* Browser OKNE */
.okne_browser {
    display: none;
    width: 720px;
    background:white;
    margin: 6px auto 10px auto;
    position: absolute;
    border: steelblue 3px solid;
}
#browser_iframe {
    width: 700px;
    background:linear-gradient(to bottom, #edf4ec, #d9e4f1);
    padding: 10px 10px 10px;
    position: relative;
}
#browser_homeb {
    border: none;
    margin-left: 8px;
    background: white;
}
.showb {
    display: block;
}
/* END Browser OKNE */

/* UI Taskbar */
#taskbar {
    width: 100%;
    height: 64px;
    bottom: 0;
    position: fixed;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    border-top: #9664ff 4px solid;
    background: #f0f0f0;
    color: #9664ff;
}
#taskbar button {
    border: none;
    margin-left: 8px;
    background-color: #f0f0f0;
    width: 72px;
    height: 64px;
}
#taskbar .rightbar {
    margin-right: 8px;
    display: inline-block;
    float: right;
    line-height: 58px;
    text-align: center;
    font-size:30px;
    font-weight:bold;
}
#taskbar button:hover {
background-color: #f9f9f9;
}

#taskbar button:focus, button:active {
outline: none;
    }
/* END UI Taskbar */