/**
 * __VERGE3D_PLAYER__ - delete this comment if you want to edit the player's code
 */
body {
    background-color: #FFF;
    margin: 0px;
    overflow: hidden;
}

#container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* div#fullscreen_button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
}

.fullscreen-open {
    background-image: url('media/fullscreen-open.png');
}

.fullscreen-close {
    background-image: url('media/fullscreen-close.png');
} */

#disabler {
    position: absolute;
    display: none;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 75px;
    z-index: 10;
}
#logo {
    position: absolute;
    top: 10px;
    right: 10px;
    user-select: none;
    pointer-events: none;
    font-size: 4em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #3477b5;
}
#title {
    position: absolute;
    bottom: 67px;
    left: 18px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.2em;
    padding: 10px;
    user-select: none;
    pointer-events: none;
}
#gui {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
#level_btns_1 {
    display: block;
    position: absolute;
    direction: rtl;
    bottom: 0;
    left: 0;
    right: 0;
}
#level_btns_2 {
    display: block;
    position: absolute;
    direction: ltr;
    bottom: 0;
    left: 0;
}
#level_btns_3 {
    display: block;
    position: absolute;
    direction: ltr;
    bottom: 0;
    left: 0;
}
#level_btns_4 {
    display: block;
    position: absolute;
    direction: ltr;
}
#annotations {
    display: block;
    position: absolute;
}
.v3d-annotation{
    position: absolute;
    width: auto;
    display: block;
    margin: 1px;
    padding: 1px 5px 1px 5px;
    background-color: #0f77b5;
    cursor: pointer;
    /* shto??? */
    top: -26px;
    left: -26px;
    min-width: 14px;
    height: 26px;
    border: 0px;
    border-radius: 0px;
    font-size: 0.75em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height: 26px;
    color: #fff;
    text-align: center;
    user-select: none;
    background: #0f77b5;
}
.v3d-annotation-dialog{
    display: block;
    color: #FFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.75em;
    pointer-events: none;
    user-select: none;
}
.annotation {
    position: absolute;
    width: auto;
    display: block;
    margin: 1px;
    padding: 5px;
    background-color: #0f77b580;
    cursor: pointer;
}
.annotation_content {
    display: block;
    color: #FFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.85em;
    pointer-events: none;
    user-select: none;
}
#description{
    position: absolute;
    display: block;
    width: 25%;
    height: 100%;
    top: 50px;
    left: 50px;
    color: #000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    pointer-events: none;
    user-select: none;
}
#description_title{
    font-weight: 900;
    font-size: 1em;
    padding-bottom: 1.5em;
}
#description_content{
    font-weight: 100;
    font-size: 0.9em;
}

.bottom_btns {
    display: inline-flex;
    margin: 1.5px;
    padding: 15px;
    background-color: #0f77b5;
    cursor: pointer;
}
.btns_content {
    display: inline-block;
    color: #FFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1em;
    pointer-events: none;
    user-select: none;
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }