@font-face {
    font-family: 'Issam-Bold';
    src: url('../fonts/Tajawal-Bold.ttf') format('truetype');
    font-family: 'Issam';
    src: url('../fonts/Tajawal-Regular.ttf') format('truetype');
    font-family: 'Title';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
    font-family: 'Title-Bold';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
}

body {
    direction: rtl;
  
    font-family: Issam;
}


#error-container, #error-container1 {
    display: none;
}

.linkButton {
    display: inline-block;
}

.responsiveTextTitle {
    font-size: calc(90% + 0.9vw + 0.9vh);
    color: black;
    font-family:Title-Bold;
    margin-left:2%;
}
#login-container, #changePassword-container {
    display: none;
    width: 50%;
    background-color: rgba(255,255,255,0.13);
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    border-radius: 10px;
    border: 2px solid rgba(255,255,255,0.1);
    backdrop-filter:blur(3px);
    box-shadow:0 0 20px black;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
    /* For mobile phones: */
    #login-container {
        width: 90%;
    }
    #changePassword-container {
        width: 90%;
    }
}

    form * {
       
        color: #ffffff;
        letter-spacing: 0.5px;
    }

button {
    cursor: pointer;
}

.watermark {
    background: url('../Images/logo5.jpg') center no-repeat;
    background-size: cover;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
}
.EffectShow {
    display: none;
}
.arrow-left {
    stroke: white;
    fill: white;
    animation: blink 1500ms ease-out infinite;

    @keyframes blink {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}
.k-loading-mask .k-loading-image {
    background-image: url('../Images/loader.gif');
}