.yalla-box-bg {
    width: 620px; 
    height: 520px; 
    background-color: #61A6D6; 
    border: 1px solid #0E75B7; 
    top: 100px; 
    left: 50%; 
    position: absolute;
    z-index: 99996;
    direction: rtl;
}

.yalla-box {
    width: 600px; 
    height: 500px; 
    top: 111px; 
    left: 50%; 
    position: absolute; 
    background-color: #FFF;
    overflow: hidden;
    z-index: 99997;
    border :1px solid #FFF;
    direction: rtl;
    text-align: center;
}
.yalla-box-loader {
    background: #FFF url('http://p1.yalla.co.il/m/loader.gif') no-repeat center center;
    z-index: 99999;
    direction: rtl;
}
.yalla-box-x {
    position: absolute; 
    top: 5px; 
    left: 5px; 
    padding: 0px 6px 2px 6px; 
    color: #FFF; 
    font-weight: bold; 
    font-size: 18px;
    cursor: pointer;
    z-index: 99998;
    overflow: visible;
    direction: rtl;
}
.yalla-box-space {
    position: absolute; 
    bottom: -50px; 
    left: 0px; 
    background-color: transparent; 
    height: 50px;
    width: 10px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    z-index: 99999;
    direction: rtl;
}
.yalla-box-wrapper {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    text-align: center;
}
.yalla-box-container {
    position: relative;
}
.yalla-box-overlay {
    width: 500px; 
    height: 500px; 
    background-color: #000;  
    top: 0; 
    left: 0; 
    position: absolute;
    z-index: 99995;
}