* {
    margin: 0;
    padding: 0;
}

html {
    height: auto;
    min-height: 100%;
    display: table;
    vertical-align: middle;
    width: 100%;
}

BODY {
    font-family: 'oe_doo_proregular', Helvetica;
    direction: rtl;
    background-color: #ffffff;
    min-height: 100%;
    display: table;
    font-size: 10px;
    position: absolute;
    /* margin-bottom: 128px; */
    /* overflow-y: auto; */
    /* min-height: 480px; */
    width: 100%;
}

img {
    border: 0px;
}
* {box-sizing:border-box;padding:0;margin:0;-webkit-transition: 0.5s;transition: 0.5s;}
button{font-size:1em}
.wrap{display:table-cell;vertical-align: middle;}
h4 {	line-height: 0;} 
a{text-decoration:none;}
header{background-color: #231F20;padding:14px 0;overflow: hidden;}
footer{text-align: center;position: absolute; width: 100%;font-weight: 500;font-family: 'oe_doo_promedium';}
input:focus, textarea:focus, keygen:focus, select:focus {outline:0px}
input::-ms-clear {width:20px;color:#dedcdc}
input::-ms-reveal {display:none}
#accessibilityBtn{display:inline-block;width: 52px;height:68px;position:absolute;background-image:url(../../images/Videa/accessibility.png);background-size: auto 100%;text-indent: -100%;overflow: hidden;background-repeat: no-repeat;}

#changePass{display:none}
h1 {/* font-size: 2.5em; */font-weight:500;text-align:center;color: #000;letter-spacing:0.03em;line-height: 1.4em;font-family: 'oe_doo_promedium', Helvetica;}
h2{text-align:center;font-size:2em;font-family: 'oe_doo_promedium', Helvetica;font-weight: 500;line-height: 1.23em;margin-top: -10px;margin-bottom: -13px;}
h1:after,h2:after,h3:after,.dialog.Info .header:after{content:'';display: block;height: 1px;width: 52px;margin: 25px auto 0;background-color: #0AD7BA;}
.dialog.Info .header:after{width:81px}
h2:after{margin-top:25px}
h3 {font-size: 2.3em;font-weight:500;text-align:center;color: #000;letter-spacing:0.03em;line-height: 1.4em;font-family: 'oe_doo_promedium', Helvetica;}
#changePass .loginPanel{padding-top: 23px;}
input.input{border: 1px solid #dedcdc;width: 100%;height: 41px;padding: 6px 14px 0;font-size: 1.6em;color: #000;font-weight: 300;}
.error input.input {border: 1px solid #ff7367;}
.labelWrapper{font-size: 1.2em;padding: 0 15px;color: #8c8a8c;line-height: 8px;margin-top: 23px;min-height: 8px;display: block;margin-bottom: 8px;position: relative;font-family: 'oe_doo_prolight', Helvetica;}
input.input:-webkit-autofill {background-color:#fff !important}
input:-webkit-autofill + .watermark{display:none}
.inputWrapper{font-family: 'oe_doo_prolight', Helvetica;}
.button,.btnPanel{width: 100%;}
.inputErr{color: #FF7367;font-size: 0.85em;position: absolute;top: 64px;right: 0;margin-left: -10px;}
.inptDiv{position:relative;}
.watermark{top: 12px;padding-right: 15px;font-size: 1.65em;font-weight: 300;color: #6d6d6d;}
.button{font-size:1.8em;text-align:center;background-color:#1C8FFF;border:solid 0;display:block;color: #fff;cursor: pointer;}
.button:focus,.button:hover{background-color:#2775c2;color:#fff}
.button:disabled{background-color:#70bdfc}
.lightBtn{background-color:#fff;color:#1C8FFF;border:solid 1px #1C8FFF;}
.lightBtn:hover,.lightBtn:focus{background-color:#fff;color:#2775c2;border-color:#2775c2;}
.lightBtn:active{background-color:#fff;color:#70bdfc;border-color:#70bdfc;}
a{color:#1c8fff}
a:hover,a:focus{color:#2775c2}
a:active{color:#70bdfc}
.instruction{color: #6d6d6d;font-size: 1em;letter-spacing: 0.05em;margin-top: 5px;text-align: center;}
footer span:before{content:'';background-image:url(../../images/videa/phone.png);width:10px;height:13px;background-size:contain;display: inline-block;vertical-align: middle;margin-left: 5px;}
#footer a{direction:ltr;color:inherit;display: inline-block}
#changePass h1 {display:none}
.peek{display:inline-block;width:40px;height:100%;position: absolute;left: 0;background: url(../../images/videa/eye.png) no-repeat center;top: 0;}
.peek:before{content:'';display:inline-block;height:18px;width:1px;vertical-align: middle;margin: 11px 0;background-color: #767676;}
#errorPanel{    background-color: #FF7367;margin: -52px -42px 0;color: #fff;font-size: 1.6em;padding: 19px 35px;text-align: center;display: none;margin-bottom: 18px;}
#errorPanel *{display:inline;}
#errorPanel a{color:#fff;text-decoration:underline}
.forgot{font-size: 1.4em;text-align:center;margin-top: 22px;}
#sendVoiceMsgDiv {margin-bottom: 20px; margin-top: 20px;}
#goBackDiv {text-align: left;}
.forgot a{text-decoration:underline;}
.dialogBg{position:absolute;width:100%;height:100%;top: 0;left: 0;display:none;padding-top: 42px;}

.dialogBg {}
.dialog{background-color:#fff;padding: 1px 35px;text-align:center;}
.dialog .header{font-family:'oe_doo_promedium',Arial;font-size:2.3em;color: #222427;margin-top: 80px;margin-bottom: 30px;padding: 0 6px;}
.dialog.Success .header{margin-top:114px}
.dialog .body{font-size:1.5em;color: #8c8a8c;}
.dialog .header:before{content:'';width: 59px;height: 50px;display:block;margin:0 auto 40px;background-repeat: no-repeat;background-position: bottom center;}
.dialog.Info .header:before{background-image: url(../../images/videa/icon.png);}
.dialog.Success .header:before{background-image: url(../../images/videa/v.png);}

.b2 .button{width: 50%;float:right;position: static;}
.b2 .lightBtn{float:left;}   
.u1st .u1st-accBtnPos-topLeft .u1st-hideAccBtn{display:none}

a.disabled, input[type=button].deactivated
{
    color: #939393;
    pointer-events: none;
    cursor: default;
}


@media (max-width: 767px) {
    header{text-align:center}
    header img{width:67px}
    #wrapper{margin-bottom: 50px;}
    #accessibilityBtn{background-position: right;background-image: url(../../images/Videa/accessibilityMobile\.png);height: 30px;width: 30px;margin-top: 3px;left: 50%!important;top: 5px!important;margin-left: -71px;}
    section{padding: 52px 42px 0;display: table;width: 100%;overflow-y: scroll;}
    h1{font-size:2.5em}
    h3{font-size:2.5em}
    .button{font-size: 1.9em; }
    .button,.btnPanel{/* position: fixed; */bottom: 0;right: 0;height: 42px;line-height: 46px;z-index: 100;text-align: center;vertical-align: middle;}    
    .button ,input.input {font-family: 'oe_doo_proregular', Helvetica;}
    #changePass .instruction{margin-bottom: -3px;}
    .dialog{width:100%;height:100%;}
    .instruction{height: 12px;}
    footer{font-size: 1.2em;height: 25px !important;text-align: center;bottom: 14px;position: absolute;width: 100%;font-weight: 500;font-family: 'oe_doo_promedium';right: 0;}
    .u1st .u1st-myAccLogo#u1stLogoContainer{margin-top:3px;left: 50%!important;top: 5px!important;margin-left: -71px;}                  
/*  .u1st .u1st-accBtnPos-topLeft .u1st-hideAccBtn{left: 115px!important;top: 20px!important;}*/

    #passButt, #otpButt, #otp_passButt, #otp_otpButt {height:40px;line-height:40px;font-size: 18px;/* border-radius: 25px; *//* box-shadow: 0px 0px 30px 0px rgba(34, 36, 39, 0.1); */}
    #passButt {width: 138px;}
    #otpButt {width: 100%;}
    #otp_passButt {width: 100%;}
    #otp_otpButt {width: 124px}
    #passButt, #otpButt, #otp_passButt, #otp_otpButt {bottom: auto; position: relative;}
    #passButt.disabled, #otpButt.disabled, #otp_passButt.disabled, #otp_otpButt.disabled {background-color: #767676;}
    #passButt.disabled, #otp_passButt.disabled {
    text-align: center;
    vertical-align: middle;
    padding: 2px 9px;
}
    #otpButt.disabled, #otp_otpButt.disabled {
    text-align: center;
    vertical-align: middle;
    padding: 1px 9px;
}
    .otpButtonsContainer {height: 40px;width: 100%;position: relative;margin: 0 auto;margin-bottom: 20px;margin-top: 30px;}
    #passButtDiv .disabled, #otpButtDiv .disabled, #otp_passButtDiv .disabled, #otp_otpButtDiv .disabled {cursor: pointer;}
    #passButtDiv .active, #otpButtDiv .active, #otp_passButtDiv .active, #otp_otpButtDiv .active {cursor: default;}
    #passButtDiv, #otp_passButtDiv {
    position: relative;
    z-index: 1;
    left: 0;
    width: 100%;
    border: solid #000 1px;
}
    #otpButtDiv, #otp_otpButtDiv {
    position: relative;
    z-index: 1;
    left: 0;
    width: 100%;
    border: solid #000 1px;
}
    #otp_passButtDiv {z-index: 1;}
    #otp_otpButtDiv {z-index: 2;}

    #GetOTPPanel .forgot a {
        display: inline !important;
        visibility: hidden;
    }

    #forMobile.child
    {
        top: -134px;
        height: 2px;
        background-color: #ccc;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        /* left: 0; */
        /* right: -31px; */
        width: 100%;
        margin: 0 auto;
    }

    input
    {
        -webkit-appearance: none !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0;
    }

    .otpButtonsContainer .child 
    {
       display: none;
    }
}

@media (min-width: 768px) {
    header{text-align:right;padding: 16px 41px;}
    header img{width:107px;}
    section{background-size: cover;padding: 1px;}
    #wrapper{position: inherit;width: 100%;background-image: url(../../images/videa/bg_sm.png);background-repeat: no-repeat;background-size: contain;/* display: table-row; */position: relative;background-position: top 50px center;height: 100%;background-color: #efefef;}
    .formWrp {width: 359px;min-height: 528px;background-color: #fff;margin: 0px auto 10px;padding: 42px 61px 40px;box-shadow: -11px 0px 68px 0px rgba(0, 0, 0, 0.1);position: relative;overflow: hidden;margin-bottom: -1px;}
    h1{font-size:3em;margin-bottom: 24px;}
    h2{font-size:2em;margin-bottom: 34px;}
    h2{color:#fff;background-color: #FF7367;/* position: absolute; *//* width: 100%; */border: 0;font-size: 1.8em;/* right: 0; *//* top: 0; */padding: 14px 10px;text-align: center;line-height: 1.15em;margin: -52px -66px 0;}
    h2 br{display:none}
    h1:after, h3:after, .dialog.Info .header:after{width:81px}
    h1:after, h3:after {margin-top: 18px;}
    h2:after{content:none}
    #accessibilityBtn{width:98px;height:100px;top: 59px;left: 0;}
    #changePass .labelWrapper{margin-top: 23px;}
    .labelWrapper{font-size:1.4em;margin-top: 20px;}
    #changePass .labelWrapper{margin-top: 19px;}
    input.input{height:50px;font-size: 1.7em;}
    .inputErr{font-size: 12px;top: 72px;}
    .peek{width:45px}
    .peek:before{margin-top:13px;height: 22px;}
    .watermark{font-size:1.7em;top: 18px;}
    .instruction{letter-spacing:-0.01em;font-size: 1.3em;line-height:16px;margin: 8px -12px;height: 16px;}
    #changePass .okWrapper{margin-top:38px}
    .button{height: 47px;line-height: 47px;font-size:2em;border-radius: 2px;box-shadow: 0px 0px 30px 0px rgba(34, 36, 39, 0.1);text-align: center;vertical-align: middle;}
    .button {font-family: 'oe_doo_promedium', Helvetica;}

    #passButt, #otpButt, #otp_passButt, #otp_otpButt {height: 45px;line-height:40px;font-size: 19px;/* border-radius: 25px; *//* box-shadow: 0px 0px 30px 0px rgba(34, 36, 39, 0.1); */}
    #passButt {width: 138px;}
    #otpButt {width: 100%;}
    #otp_passButt {width: 100%;}
    #otp_otpButt {width: 124px}
    #passButt, #otpButt {bottom: auto;position: relative;}
    #passButt.disabled, #otpButt.disabled, #otp_passButt.disabled, #otp_otpButt.disabled {background-color: #767676;}
    #passButt.disabled, #otp_passButt.disabled {
    text-align: center;
    vertical-align: middle;
    padding: 4px 9px 2px;
    bottom: 20px;
}
    #otpButt.disabled, #otp_otpButt.disabled {text-align: center;vertical-align: middle;padding: 4px 9px;}
    .otpButtonsContainer {height: 40px;width: 237px;position: relative;top: 13px;margin-bottom: 13px;padding-top: 38px;padding-bottom: 74px;overflow: visible !important;}

        .otpButtonsContainer .child {
        top: 18px;
        height: 1px;
        background-color: #000;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: -63px;
        width: 160%;
    }
    #forMobile {display: none;}

    #passButtDiv .disabled, #otpButtDiv .disabled, #otp_passButtDiv .disabled, #otp_otpButtDiv .disabled {cursor: pointer;}
    #passButtDiv .active, #otpButtDiv .active, #otp_passButtDiv .active, #otp_otpButtDiv .active {cursor: default;}
    #passButtDiv, #otp_passButtDiv {float: right;position: absolute;z-index: 2;}
    #otpButtDiv, #otp_otpButtDiv, #otp_passButtDiv {position: relative;z-index: 1;left: 0;width: 100%;border: solid #000 1px;}
     #otp_passButtDiv {bottom: auto;}
    #otp_passButtDiv {z-index: 1;}
    #otp_otpButtDiv {z-index: 2;}

    footer{line-height: 37px;height: 37px;font-size: 1.4em;background-color: #EBEBEB;color: #040404;width: 359px;margin: -37px auto 0px;/* margin-bottom: 2% !important; */position: relative;vertical-align:middle;font-family: 'oe_doo_proregular';}

    #errorPanel{margin-right: -66px;margin-left: -66px;}
    .dialog .header:before{margin-bottom: 30px;}
    footer span:before{width:16px;height:20px;vertical-align:middle}
    .dialogBg{background-color:#222427;background-color: rgba(34,36,39,0.85);padding-top: 54px;}
    .dialog{width:434px;height:358px;margin: 0px auto;padding: 32px 40px;top: 25.5%;position: relative;}
    .dialog.Success .button{width:226px;margin-left:auto;margin-right:auto}
    .dialog .header{margin-top: 1px;line-height: 1.35em;margin-bottom: 25px;}
    .dialog.Success .header{margin-top: 48px;line-height: 1.7em;}
    .dialog .btnPanel {margin-top: 39px;}
    .dialog.Info .header:after{margin-bottom: 12px;margin-top: 18px;}
    .b2 .button{width:171px}
    .btnPosition{position:absolute!important;top: 137px;left: 35px;}
      .u1st .u1st-myAccLogo#u1stLogoContainer{margin-top: 8px;right: 180px;top: 5px!important;/* margin-left: -71px; */}                  

}

@media (min-width: 992px) {
    #wrapper{background-image: url(../../images/videa/bg_xl.png);background-size: 105% auto;}
    .formWrp{/* margin-right:90px */}
    footer{/* margin-right:91px */}
    .dialog{top:20%}
}
/*@media (min-width: 1200px) {
    #wrapper{background-image: url(../../images/videa/bg_xl.png);}
}
@media (min-width: 1640px) {
    #wrapper{ background-image: url(../../images/videa/bg_xl.png);}
}
@media (min-width: 1920px) {
}*/

.okWrapper {
    margin-top: 30px;
}