.sos-view {
    position: absolute;
    width: 133vh;
    height: 100vh;
    z-index: 999999;
    pointer-events: none;
    top: 0%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    box-sizing: inherit;
}

.sos-con {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2vh;
    border-radius: 10px;
    z-index: 999999;
    pointer-events: none;
    left: 0%;
    box-sizing: inherit;
    overflow: hidden;
}

.sos-tab {
    position: absolute;
    width: 14%;
    height: 10%;
    background-color: #EBEBEBCC;
    border-radius: 5vh 0vh 0vh 5vh;
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    z-index: 0;
    top: 0vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
    right: 12vh;
}

.sos-tab.close {
    /* left: 0vh; */
    /* animation: anim-open ease-out 0.5s forwards; */
}

@keyframes anim-open {
    0% {
        left: 0vh;
    }
    100% {
        left: -10vh;
    }
}

.sos-tab.open {
    /* left: -10vh; */
    /* animation: anim-close ease-in 0.5s forwards; */
}

@keyframes anim-close {
    0% {
        left: -10vh;
    }
    100% {
        left: 0vh;
    }
}

.sos-tab .arrow {
    width: 2vh;
    height: 3vh;
    right: 1vh;
    top: 4vh;
    font-size: 3vh;
    color: #4c4a4a;
    pointer-events: auto;
    display: none;
}


.sosBtn {
    display: flex;
    cursor: pointer;
    border: none;
    padding: 1vh;
    width: 7vh;
    height: 7vh;
    pointer-events: auto;
    align-items: center;
    opacity: 0.5;
    margin-left: 2vh;
    background: transparent;
}

.sosBtn.opacity1 {
    opacity: 1;
}

#sosImg {
    padding: 0.3vh;
    width: 90%;
    background-image: url("../img/reload/refresh_button_blue.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
}

.sos-sure-view {
    position: absolute;
    width: 133vh;
    height: 100vh;
    z-index: 9999999;
    top: 0%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    box-sizing: inherit;
}

.black_bg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.4;
}

.sure-con {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    left: 0%;
    box-sizing: inherit;
    align-items: center;
}

.sure-bg {
    width: 49vh;
    height: 54vh;
    margin: 22vh auto;
    border-radius: 0.4em;
    background-color: #0086DC;
    display: inline-block;
}

.ariot {
    position: absolute;
    width: 28.6vh;
    height: 34.26vh;
    left: 25.5vh;
    top: 40.5vh;
    background-image: url("../img/reload/ariot.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
}

.flag {
    position: absolute;
    width: 62.7vh;
    height: 17.03vh;
    left: 35.1vh;
    top: 24vh;
    font-family: "OEMishtameshPro-Regular";
    font-size: 45px;
    color: #224099;
    background-image: url("../img/reload/flag.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
    direction: rtl;
    display: flex;
    justify-content: center;
}

.reload-icon {
    width: 4.16vh;
    height: 4.07vh;
    background-image: url("../img/reload/refresh_button_blue.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
    margin: 3.7vh 1vh;
}

.reload-text {
    margin-top: 1.5vh;
}

.inner_bg {
    position: absolute;
    width: 46vh;
    height: 37vh;
    top: 36vh;
    border-radius: 2vh;
    background-color: #85D2FC;
    margin: 1.5vh;
}


.btn {
    position: absolute;
    width: 15.64vh;
    height: 15.64vh;
    top: 14vh;
    border-radius: 0.2em;
    background-color: white;
    -webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.15), 6px 6px 6px 0px rgba(34, 64, 153, 0.2);
    -moz-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.15), 6px 6px 6px 0px rgba(34, 64, 153, 0.2);
    box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.15), 6px 6px 6px 0px rgba(34, 64, 153, 0.2);
    direction: rtl;
    cursor: pointer;
    pointer-events: auto;
}

.btn.no {
    left: 4.62vh;
    background-image: url("../img/reload/x.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
}

.btn.yes {
    right: 4.62vh;
    background-image: url("../img/reload/v.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% 100%;
}

.btn:active {
    -ms-transform: scale(0.92, 0.92);
    -webkit-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92);
}

text.no-text {
    position: absolute;
    top: 1.69vh;
    font-family: "OEMishtameshPro-bold";
    color: #224099;
    font-size: 9vh;
    left: 9vh;
}

text.yes-text {
    position: absolute;
    top: 1.69vh;
    font-family: "OEMishtameshPro-Bold";
    color: #224099;
    font-size: 9vh;
    right: 9vh;
}