#dialog-ok {
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	 z-index: 9999;
}

#dialog-box{
    position: fixed;
    width: 500px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #f2f2f2;
    border-radius: 6px;
}

#dialog-box p{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    padding: 0px 10px 0px 10px;
    text-align: center;
    color: black;
}

#dialog-button{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 20%;
    background-color: #6495ed;
    color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    cursor: pointer;
}

#dialog-button:hover{
    color: yellow;
}

#dialog-button-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}


#dialog-erase.dialog {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 9999;
}

#dialog-erase .dialog-box {
    position: fixed;
    width: 500px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #f2f2f2;
    border-radius: 6px;
}

#dialog-erase .dialog-box p {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    padding: 0px 10px 0px 10px;
    text-align: center;
    color: black;
}

#dialog-erase .dialog-button:hover {
    color: yellow;
}

#dialog-erase .dialog-button-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

#dialog-erase .dialog-button {
    position: absolute;
    bottom: 5px;
    height: 20%;
    background-color: #6495ed;
    color: white;
    cursor: pointer;
}

#dialog-erase .dialog-box{
    width:550px;
}

#dialog-erase .dialog-button{
    width: 170px;
    border-radius:6px;
}

#erase-document{
    left:10px;
}

#erase-deal{
    left: calc(50% - 85px);
    border-radius:6px;
}

#erase-cancel{
    right:10px;
}

.vjs-ended .vjs-loading-spinner { display: none; }