:root {
  --blue1: #006B9E;
  --blue2: #008bce;
  --green1: #7AA011;
  --gray1: #7AA011;
  --alert1: #BD0A0A;
}

/* PRELOAD IMAGES */
body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;  /* hide images */
   content:url('../images/wait_blue_fill.svg') url('') url('') url('');   /* load images */
}



.w100 {
    width:100%;
}
.h100 {
    height:100%;
}
.fa {
    direction:rtl !important;
}
.body1{
     overflow:auto;
     margin:0;
     padding:0;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 52%, rgba(227,227,227,1) 100%);
}
.input1{
    border: solid 1px var(--blue1);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding:10px;
    box-sizing: border-box;
    width:100%;
    padding:12px 10px 10px 10px;
    transition: all .3s ease;
    background-color:#FFFFFF;
    line-height:normal;
}
.input1:focus{
    border-color: var(--blue2);
    outline: none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
    -moz-box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
    box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
}

.login_1{
    text-align:right;
    display:inline-block;
    /*border:solid 1px #d1d1d1;*/
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-image:url('../images_pand/bg_home1.jpg');
    background-size:cover;
    background-position:left 38% center;
    width:95%;
    max-width:760px;
    transition: all .3s ease;
    border:solid 5px #FFFFFF;
        -webkit-box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
    -moz-box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
    box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.40);
}


.login1_block{
    padding:20px;
    margin:20px;
    background-color:rgba(255, 255, 255, 0.94);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.20);
    
}
.login1_block_width {
    width:270px;
}
.block_next_display{
    margin-right:270px;
    direction:rtl;
}
.block_prev_display{
    margin-right:0px;
    direction:ltr;
}

.btn1{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    transition: all .3s ease;
    padding:15px;
    box-sizing: border-box;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.btn_blue{
    background-color:var(--blue1);
    color:#FFFFFF;
}
.btn_blue:hover{
    background-color:var(--blue2);
}
.btn_wait_1{
    background-color:transparent !important;
    pointer-events: none !important;
    color:#808080;
}
.btn_wait{
    background-color:rgba(0, 107, 158, 0.2) !important;
    pointer-events: none !important;
    color:var(--blue1);
}


.disable_input{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
    pointer-events:none;
	opacity: 0.5; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50); /* // for IE8 */
	filter: alpha(opacity= 50); /* //for IE5-7 */
}


.login_step_show{
    width:24px;
    margin:0 10px;
    vertical-align:middle;
    cursor:pointer;
	opacity: 0.7; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 70); /* // for IE8 */
	filter: alpha(opacity= 70); /* //for IE5-7 */
    transition: all .3s ease;
}
.login_step_show:hover{
	opacity: 1; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); /* // for IE8 */
	filter: alpha(opacity= 100); /* //for IE5-7 */
}
.login_step_hide{
    width:24px;
    margin:0 10px;
    vertical-align:middle;
    cursor:unset;
	opacity: 0; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0); /* // for IE8 */
	filter: alpha(opacity= 0); /* //for IE5-7 */
}


.login_option{
    margin:0px 0 7px 0;
    display:inline-block;
    color:var(--blue1);
    background-image:url('../images/login2_bullet.svg'),url('../images/login2_bullet_black.svg');
    background-position:right 4px center, right -50px center;
    background-repeat:no-repeat;
    background-size:7px;
    padding-right:15px;
    cursor:pointer;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.login_option:hover{
    color:#000000;
    background-image:url('../images/login2_bullet_black.svg');
    background-position:right 4px center;
}

.login_timer{
    font-weight:bold;
    vertical-align:middle;
    display:inline-block;
    margin:0 4px;
}
.wait_blt{
    width:20px;
    margin-left:5px;
    vertical-align:middle;
}


.step_class{
    overflow:hidden;
    text-align:center;
    margin-top:0px;
}

.disable1{
    position:relative;
    background-image:url('../images/wait_blue_fill.svg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:30px 30px;
}
.disable1::after{
    /*content: url('../images/wait_blue.svg');*/
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.disable1 > .login1_block_width{
    transition: all .2s ease;
    position:relative;
    pointer-events: none !important; /* VERY IMPORTANT */
	opacity: 0.2; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 20);
	filter: alpha(opacity=20);
    filter: grayscale(1) blur(0.5px);
}


@media screen and (max-width:790px) {
    .login_1{
        padding-left:0px;
        width:95%;
        max-width:unset;
        border:none;
    }
}
@media screen and (max-width:650px) {
    body{
        background:none;
        background-image:url('../images_pand/bg_home1.jpg') !important;
        background-size:cover !important;
    }
    .login_1{
        padding-left:0px;
        width:unset;
        background-image:unset;
    }

    .login1_block{
        padding:25px;
        margin:0px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.50);
    }

    .login1_block_width {
        width:340px;
    }
    .block_next_display{
        margin-right:340px;
        direction:rtl;
    }
}



.login2_btn_sub{
    color:#5f5f5f;
    font-weight:bold;
    cursor:pointer;
    display:inline-block;
}
.login2_btn_sub:hover{
    color:#121212;
}