#error_window {
    visibility: hidden;
    position: absolute;
    width: 29%;
    height: auto;
    border-radius: 0.2em;
    font-family: OEMishtameshPro-Regular;
    color: #FF0000;
    background-color: white;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
    z-index: 11;
    transform: translateY(-50%);
    top: 48%;
    right: 4vh;
    /* left: 66%; */
    direction: rtl;
    padding: 1vh;
}

#error_window.openKB {
    top: 26.5%;
}

#error_window.errorOptions {
    top: 59%;
    left: 61%;
}

#error_window.errorOptions.openKB {
    top: 41%;
}

#white_triangle {
    position: absolute;
    width: 5.1%;
    height: 40.7%;
    background-color: white;
    -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    left: -4.5%;
    top: 29%;
}

#smileIcon {
    position: relative;
    width: 5vh;
    height: 5vh;
    float: right;
}

#errorText {
    margin-right: 15%;
    font-size: 3.2vh;
    line-height: 3.9vh;
}

.browser_error {
    position: absolute;
    width: 130.55vh;
    height: 7vh;
    transform: translateX(-50%);
    left: 50%;
    top: 1.5vh;
    background-color: #EA4109;
    border-radius: 0.2em;
    font-family: OEMishtameshPro-Regular;

    -webkit-box-shadow: 0.4vh 0.4vh 0.45vh 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0.4vh 0.4vh 0.45vh 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0.4vh 0.4vh 0.45vh 0px rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.error_icon {
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/error_icon.png");
    width: 4.35vh;
    height: 3.8vh;
    transform: translateY(-50%);
    top: 50%;
    margin-right: 44vh;
    direction: rtl;
    float: right;
}

.error_text {
    color: white;
    font-size: 3.2vh;
    line-height: 6vh;
    margin-right: 2vh;
    display: inline-block;
    direction: rtl;
}

/********************** popup ***************/

#popup-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 120;
    font-family: 'Heebo', sans-serif;
}

#popup-view .bg-opacity {
    position: absolute;
    background-color: black;
    width: 100%;
    height: inherit;
    opacity: 0.75;
}

.popup-con {
    position: absolute;
    top: 7%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.popup-inner {
    position: relative;
    width: 70%;
    height: 60%;
    margin: 5% auto;
    border-radius: 0.4em;
    background-color: white;
    border: 1vh solid #304fff;
    display: flex;
    justify-content: center;
    color: black;
    padding: 3%;
    flex-direction: column;
    align-items: center;
    direction: ltr;
}

.popup-inner .text {
    font-size: 3vh;
    direction: ltr;
    line-height: 4vh;
}

.text.heb {
    direction: rtl;
}

.popup-inner a {
    font-size: 3vh;
    direction: ltr;
    margin: 0% 0vh;
}

.displayNone {
    display: none;
}

.popup-inner .text-con .displayNone {
    display: none;
}

.text-ver {
    font-size: 2vh;
   margin-top: 5vh;
    direction: ltr;
    line-height: 3vh;
}