@charset "UTF-8";
/* CSS Document */
/* Author: JST */
/**{-webkit-backface-visibility:hidden;}*/
/*html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */
a{background:none;border:none;outline: 0;}
body{margin:0;font-family: 'Titillium Web', sans-serif;background:#e4e6e5;-webkit-text-size-adjust: none;}
a{text-decoration:none}
.hideElement {display:none;}
#main_container{bottom:0;padding:0 6%;width:88%;float:left;position:absolute;top:80px;}
#PASSWORD_POLICY{bottom:0;padding:0 6%;width:94%;float:left;}
#SESSION_TIMER{bottom:0;padding:0 6%;width:88%;float:left;position:absolute;top:51px;}
/* Home Page Header Part */
.homepage_logo_container{width:96%;padding:0 0 25px 0;border-bottom:solid 1px #afafaf;margin:0 auto}
.homepage_logo{background:url(../../../images/mobile/mapp/image-sprite.png) 0 -3px no-repeat;width:280px;height:75px;margin:0 auto}
.homepage_winlogo{background:url(/images/mobile/mapp/image-sprite.png) 25px -339px;width:100%;height:75px;}
.homepage_custom_logo{display:table;margin:5px auto;}
/* Home Page Main Part */
.homepage_body_container{margin:25px 0 0 0}
.buttonbackground{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/* Border Gradient */border-bottom:1px solid #3d4850;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#94a6b4));background-image:-webkit-linear-gradient(transparent, #94a6b4);background-image:-moz-linear-gradient(transparent, #94a6b4),-moz-linear-gradient(transparent, #94a6b4);background-image:-o-linear-gradient(transparent, #94a6b4),-o-linear-gradient(transparent, #94a6b4);background-image:linear-gradient(transparent, #94a6b4),linear-gradient(transparent, #94a6b4);-moz-background-size:1px 100%;background-size:1px 100%;background-position:0 0, 100% 0;/* Background Gradient */background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#758591), to(#5c6972));background:-webkit-linear-gradient(top, #758591, #5c6972);background:-moz-linear-gradient(top, #758591, #5c6972);background:-ms-linear-gradient(top, #758591, #5c6972);background:#3C4953;float:left;width:100%;margin:15px 0 0 0;}
/*.buttonbackground:hover{opacity:0.8;}*/
.resetBtnIcon .lefticon{background:url(../../../images/mobile/mapp/image-sprite.png) -8px -94px no-repeat;width:28px;height:28px;margin:20px 3% 20px 5%;float:left}
.chPwdBtnIcon .lefticon{background:url(../../../images/mobile/mapp/image-sprite.png)  -508px -662px no-repeat;width:28px;height:28px;margin:20px 3% 20px 5%;float:left}
.unlockBtnIcon .lefticon{background:url(../../../images/mobile/mapp/image-sprite.png) -41px -94px no-repeat;width:28px;height:28px;margin:20px 3% 20px 5%;float:left}
.mainbuttontxt{float:left;font-size:20px;color:#fff;margin:18px 0 0 3%}
.butspacealign{margin:25px 0 0 0}
.homepage_settings{width:100%;margin:15px 0 0;color:#1b99ac;float:left;text-align:right;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.homepage_settings a{color:#1b99ac;text-decoration:underline;}
/*.homepage_settings a:hover{color:#1b99ac;text-decoration:none;}*/
/* Home Page Login */
.homepage_loginbut_container{float:left;width:100%;margin:35px 0 0 0}
.homepage_login_left{float:left;color:#5c6972;font-size:15px;margin:5px 0 0 0;width:90%;text-align:right}
.homepage_login_right{float:right;}
.homepage_login_right{font-size:18px;background-color:#66bc29;color:#fff;border:solid 1px #66bc29;padding:5px 15px;-webkit-tap-highlight-color: rgba(0,0,0,0);} 
/*.homepage_login_right:hover{opacity:0.8}*/
.homepage_login_right a{color:#fff;text-decoration:none}
.homepage_login_right input{background:#66bc29;border:solid 1px #66bc29;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;color:#fff;font-size:16px;font-weight:200;border:none;-webkit-appearance:none}
/* Inner Page Header */
#innerpage_header{float:left;width:100%;height:55px;background:#47555f;margin:0 0 10px;}
.innerpage_form_row{width:100%;float:left;margin:0 0 25px}
.innerpage_form_row input[type="text"],
.innerpage_form_row input[type="password"],
.innerpage_form_row input[type="tel"]{background:#fff;border:solid 1px #a9a9a9;color:#adb4b8;font-size:16px;-webkit-appearance:none;width:100%;padding:12px 3%;border-radius:0}
.innerpage_form_selectstyle{background:#fff url(../../../images/mobile/mapp/vertical-image-sprite.png) no-repeat right -166px;border:solid 1px #a9a9a9;overflow:hidden;}
.innerpage_form_row select{background:#fff;color:#adb4b8;font-size:16px;width:94%;padding:12px 3%;background:none;border:none;width:105%;-webkit-appearance:none}
.innerpage_header_left_icon{float:left;background:url(../../../images/mobile/mapp/image-sprite.png) -76px -93px;height:37px;margin:8px 0 0 4px;}
/*.innerpage_header_left_icon:hover{background:url(../../../images/mobile/mapp/image-sprite.png) -78px -137px;}*/
.innerpage_header_left_icon a{display:block;padding:7px 18px 5px 20px;text-decoration:none}
.innerpage_header_left_text{float:left;font-size:17px;color:#e8eae8;margin:13px 0 0;width:54%;text-align:center}
.innerpage_header_right_icon{float:right;text-align:center;height:37px}
.innerpage_header_right_icon a{color:#e8eae8;text-decoration:none;padding:4px 17px 5px;float:left}
/*.innerpage_header_right_icon a:hover{color:#e8eae8;text-decoration:none}*/
.form_label_text{color:#5c6972;font-size:18px;margin:0 0 10px}
/* Radio Button Theme Change */
.check_theme{background:url(../../../images/mobile/mapp/image-sprite.png) -2px -142px;}
.uncheck_theme{background:url(../../../images/mobile/mapp/image-sprite.png) -28px -143px;}
/* Checkbox Theme Change */
.uncheck_chkbx{background:url(../../../images/mobile/mapp/image-sprite.png) -147px -143px;padding:0 5px 0 0}
.check_chkbx{background:url(../../../images/mobile/mapp/image-sprite.png) -119px -143px;padding:0 5px 0 0}
.text_style_ans span input{opacity:0;filter:alpha(opacity=0);height:17px;width:16px;}
.innerpage_form_row span input{opacity:0;filter:alpha(opacity=0);height:23px;width:25px;margin:0}
.innerpage_captcha_container{border-top:solid 1px #afafaf;float:left;width:100%;margin:20px 0 0}
.captcha_bg_des{width:100%;background:#fff;border:solid 1px #a9a9a9;margin:30px 0 20px 0;padding:6px 0}
.captchaDivImg{width:100%;text-align:center;}
.innerpage_display_captcha{width:100%;text-align:center;}
.innerpage_display_captcha img{margin:0 0 0 0}
.innerpage_captcha_txtbx{width:56%;float:left;margin:1px 0 0 2%}
.innerpage_captcha_txtbx input[type="text"]{height:30px;padding:2px 3%;width:90%;
border:none;border-top:none;border-bottom:none;margin:8px 0}
.innerpage_captcha_refresh{width:55px;float:left;text-align:center}
.innerpage_captcha_refresh input{background:url(../../../images/mobile/mapp/image-sprite.png) -457px -655px; width:50px; height:50px;border:none;margin:3px 0 0 0}

.innerpage_captcha_audio{width:55px;float:left;text-align:center}
.innerpage_captcha_audio input{background:url(../../../images/mobile/mapp/image-sprite.png) -452px -706px; width:50px; height:50px;border:none;margin:3px 0 0 0}

.innerpage_form_time{float:right;font-size:19px;color:#a5a5a5;background:url(../../../images/mobile/mapp/image-sprite.png) -283px -4px;padding:0 0 0 30px; width:18px;}
.reset_replace_margin{margin:20px 0 0}
.reset_replace_margin .captcha_bg_des{margin:40px 0}
.innerpage_hints_container{border-top:solid 1px #afafaf;float:right;width:105%;color:#a0a7ab;margin:0 0 20px 0}
.innerpage_hints_header{float:left;width:100%;font-size:20px;margin:20px 0 0 0}
.innerpage_hints_content{float:left;width:100%;font-size:15px}
.innerpage_hints_content ul{margin:10px 0 0 25px;padding:0}
.innerpage_password_strength{height:4px;position:absolute;width:1%}
/* Password Meter */
.meternone{height:4px;position:absolute;width:1%;margin:2px 0 0 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}

.metertoolow{background:#000000;height:4px;position:absolute;width:22%;margin:2px 0 0 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}

.meterlow{background:#ad474a;height:4px;position:absolute;width:44%;margin:2px 0 0 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}
.metermedium{background:#ddc736;height:4px;position:absolute;width:66%;margin:2px 0 0 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}
.meterhigh{background:#66bc29;height:4px;position:absolute;width:88%;margin:2px 0 0 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}
/* Popup Window */
#ALERT_LAYOUT{position:fixed;width:100%;height:100%;background:#fff;opacity:0.3;filter:alpha(opacity=30);z-index:2}
#ALERT_BOX_CONTAINER{position:absolute;width:100%;/* margin:0 5% */margin:0;background:#000;/* top:35% */top:0;box-shadow:0 0 10px #000;padding:10px 2%;z-index:4}
#STATUS_LAYOUT{position:fixed;width:100%;height:100%;background:#fff;opacity:0.3;filter:alpha(opacity=30);z-index:2}
#STATUS_BOX_CONTAINER{position:fixed;width:100%; overflow:scroll;max-height:80%; margin:0;background:#000;top:0;box-shadow:0 0 10px #000;padding:10px 2%;z-index:4}
.popup_box_row{float:right;height:30px;margin:0 3% 0 0}
.popup_box_close{float:right;width:25px;height:25px;background:url(../../../images/mobile/mapp/image-sprite.png) -35px -179px;cursor:pointer}
.popup_box_left{float:left;margin:0 7px 0 3px}
.popup_box_middle{float:left;}
.popup_box_right{float:left}
.popup_box_align{float:left;width:24px;height:24px}
.icon_success{background:url(../../../images/mobile/mapp/image-sprite.png) -2px -179px}
.icon_error{background:url(../../../images/mobile/mapp/image-sprite.png) -149px -184px}
.icon_alert{background:url(../../../images/mobile/mapp/image-sprite.png) -70px -179px}
.popup_box_text{color:#fff;font-size:18px;font-weight:200}
/* Session Expired */
.session_expire_container{margin:0;}
.session_expire_cartoon{width:150px;height:85px;background:url(../../../images/mobile/mapp/image-sprite.png) -6px -221px;margin:10% auto 0;animation:cartoonani 1s;-moz-animation:cartoonani 1s;-webkit-animation:cartoonani 1s;-o-animation:cartoonani 1s;-ms-animation:cartoonani 1s;}
@keyframes cartoonani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-moz-keyframes cartoonani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-webkit-keyframes cartoonani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg);}}
@-o-keyframes cartoonani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.session_expire_text{font-size:24px;text-align:center;margin:50px 0 0 0}
.session_expire_text2{margin:10px 0 0 0;text-align:center}
.session_expire_text2 a{color:#1b98ac;text-decoration:underline}
/*.session_expire_text2 a:hover{color:#1b98ac;text-decoration:none}*/
.enroll_login_space_align{margin:10px 0 20px}

.enroll_user_icon{background:url(../../../images/mobile/mapp/image-sprite.png) -253px -93px;}
/*enroll_user_icon:hover{background:url(../../../images/mobile/mapp/image-sprite.png) -253px -137px}*/
.enroll_user_iconhover{background:url(../../../images/mobile/mapp/image-sprite.png) -253px -137px;}
/*.enroll_user_iconhover:hover{background:url(../../../images/mobile/mapp/image-sprite.png) -253px -137px;}*/
.innerpage_form_row_splitter{width:100%;float:left;margin:0 0 35px}
.innerpage_form_row_splitter input{background:#fff;border:solid 1px #a9a9a9;color:#adb4b8;font-size:16px;-webkit-appearance:none;width:41%;padding:10px 3%;border-radius:0;float:left}
.second_txtbx{margin:2px 0 0 3%;float:right !important}
.text_style_ans{color:#5c6972}
/* Tab */
.tab_container{float:left;width:100%;margin:0 0 0 0}
.tab_head_container{float:left;width:100%}
.tab_option{float:left;text-align:center;font-size:18px;padding:10px 0}
.header_margin_trim{margin:0 !important}
.check_tab{background:#e4e6e5;color:#000;}
.uncheck_tab{background:#d2d3d2;color:#868686;cursor:pointer}
.tabbody{float:left;width:100%;margin:30px 0 0 0 }
.hidetab{display:none}
.innerpage_verify_con{width:100%;float:left;margin:0 0 20px 0}
.innerpage_verify_con input{background:#fff;border:solid 1px #a9a9a9;color:#adb4b8;font-size:16px;-webkit-appearance:none;width:90%;padding:10px 3%;border-radius:0}
.innerpage_verify_col1{float:left;width:66%}
.innerpage_verify_col2,
.innerpage_verify_col3{float:left;width:17%;text-align:center}
.left_icon_container{float:left;margin:0 0 0 2%;width:19%}
.right_icon_container{float:right;width:21%;margin:8px 2% 0 0;}

/* Top Popup */
.toppopup_container{position:absolute;width:50%;background:#3c4953;margin:55px 0 0 2%;box-shadow:5px 5px 5px #b2b3b3;display:none;z-index:1}
.toppopup_con{color:#fff;padding:10px 0 10px 5%}
.border_toppopup{border-bottom:solid 1px #66747f}
#pop2{display:none}
.toppopup_con a{color:#fff;text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ol li{color:#fff;font-weight:200}
.sever_set{float:left}
.sever_set input{width:65px;height:35px;opacity:0;filter:alpha(opacity=0);}
.server_select{background:#a9a9a9;width:75px;color:#fff;}
.server_unselect{background:#fff;width:75px;color:#5c6972}
.sever_set_container{border:solid 1px #a9a9a9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;overflow:hidden}
.server_set_content{position:absolute;font-size:20px;width:74px;text-align:center;margin:3px 0 0 0}
.pass_back_icon{background:url(../../../images/mobile/mapp/vertical-image-sprite.png) 0 -281px;height:32px;border-top-right-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;margin:11px 0 0 0}
/*.pass_back_icon:hover{background:url(../../../images/mobile/mapp/vertical-image-sprite.png) 0 -281px;height:36px}*/
.pass_back_icon a{color:#fff;text-decoration:none;text-align:center;padding:3px 18px 5px 20px}
.margin_align_verify{margin:0 !important;


float: left;
width: 100%;
height: 55px;
background: #47555f;
margin: 0 0 10px;
position: absolute;
}
.user_verify_margin_align{margin:0 0 25px !important}
.enrollment_margin_align{margin:20px 0 25px;margin:35px 0 25px}
.enrollment_margin_align2{margin:0px 0 25px}
.identify_verify_margin{margin:0 0 25px}
.server_margin_adjust{margin:35px 0 25px}
.qnans_align_margin{margin:0 0 17px}

.trim_main_container{top:113px !important}
.trim_main_container2{/*margin:0 6% 0 !important*/top:0 !important}
.extra_margin_main{margin:38px 0 0 0 !important}
/* .add_margin_extra{margin:70px 6% 0 !important} */
.radio_container_overlay{width:auto;cursor:default;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#selectOverlay{position:absolute;background:#fff;width:64%;font-size:16px;color:#ADB4B8;padding:10px 3%}
.time_align_margin{margin:8px 0 20px}
.hidetab_txt_margin{margin:0 0 16px;font-size:18px}
.cpassword_align_margin{margin:0 0 45px}
.innerpage_verify_img_container{width:44px;height:46px;margin:0 auto;}
.innerpage_verify_img_container img{opacity:0;filter:alpha(opacity=0);}
.innerpage_verify_img_remove{background:url(../../../images/mobile/mapp/vertical-image-sprite.png) 0 -50px}
.innerpage_verify_img_add{background:url(../../../images/mobile/mapp/vertical-image-sprite.png) 0 0}
.bck_but_sty{background:url(../../../images/mobile/mapp/image-sprite.png) -222px -204px}

/* iPhone Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
.innerpage_header_left_text{width:54%;}
.width_align_server{width:54% !important}
.homepage_logo{background:url(/images/mobile/mapp/image-sprite.png) 0px -339px;width:200px;height:50px;}
.homepage_body_container{margin:20px 0 0 0}
.homepage_loginbut_container{margin:30px 0 20px}
.homepage_login_left{width:auto}
.pass_back_icon{height:31px;}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}
.loading-inner-container{margin:40% 10% 0 !important}

 }
 
 /* iPhone 4/4s Height Adjustment  */
 @media only screen
 and (device-height : 480px) {
.homepage_loginbut_container{margin:24px 0 0}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

 }

/* iPhone 5 Height Adjustment */
 @media only screen
 and (device-height : 568px) {
.homepage_loginbut_container{margin:52px 0 0}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}


 }



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape){
.innerpage_header_left_text{width:54%}
.width_align_server{width:54%}
.innerpage_verify_col1{width:76%}
.innerpage_verify_col2, 
.innerpage_verify_col3{width:12%}
.homepage_login_left{width:80%;text-align:right}
.pass_back_icon{height:31px;}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

}

/*iPad in landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.innerpage_verify_col1{width:84%}
.innerpage_verify_col2, 
.innerpage_verify_col3{width:8%}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

.pass_back_icon{height:31px;}

}

/*iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.innerpage_verify_col1{width:80%}
.innerpage_verify_col2, 
.innerpage_verify_col3{width:10%}
.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

.homepage_login_left{width:85%;text-align:right}
.pass_back_icon{height:31px;}
 }
 
 
 /* Samsung Galaxy S4 Portrait */    
@media screen 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi)
and (device-width: 1080px)
and (orientation: portrait){ 
.homepage_login_left{width:auto}
.homepage_login_left{width:auto;text-align:right !important}
.homepage_loginbut_container{margin:120px 0 0}
.pass_back_icon{height:31px;}
}
 
 
 /* Samsung Galaxy S4 Landscape */
@media screen 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 322dpi)
and (device-width: 1920px)
and (orientation: landscape){ 
.width_align_server{width:46%}
.innerpage_verify_col1{width:80%}
.innerpage_verify_col2, 
.innerpage_verify_col3{width:10%}
.homepage_login_left{width:auto}
.pass_back_icon{height:31px;}
}



/* S3 Portrait */
@media screen and (min-width: 321px) and (max-width: 480px) {

.innerpage_verify_col1{width:66% !important;}
.innerpage_verify_col2, .innerpage_verify_col3{width:17% !important}

.homepage_loginbut_container{margin:85px 0 20px}
.homepage_login_left{width:70% !important;text-align:right !important}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
       .homepage_logo {
          background-image: url(../../../images/mobile/mapp/image-sprite.png); /* actual image size = 396px by 64px */
          height: 75px;
    margin: 0 auto;
    width: 215px; text-align: center;
       }
	   .innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

     }
	 
	 
/* For browser */
@media screen and (max-width: 800px) {

.innerpage_form_row select{width:110%}
	.innerpage_form_row select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 7% 12px 3%}

}

.loading-container{display:none;width:100%;height:100%;position:absolute;background:#000;opacity:0.4;filter:alpha(opacity=40);z-index:3}
@media screen and (max-width: 800px) {
.loading-inner-container{display:none;width:80%;margin:50% 10% 0;position:absolute;background:#000;border:solid 1px #fff;box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;z-index:4}
}
.loading-inner-left{float:left;margin:25px 15px}
.loading-inner-right{float:left;margin:25px 15px;color:#fff;font-size:18px;}

.loading-container{display:block;width:100%;height:120%;position:absolute;background:#000;opacity:0.4;filter:alpha(opacity=40);z-index:3}
.loading-inner-container{display:block; width:80%;margin:20% 10% 0;position:absolute;background:#000;border:solid 1px #676c66;box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;z-index:4}
.loading-inner-left{float:left;margin:25px 15px}
.loading-inner-right{float:left;margin:25px 15px;color:#fff;font-size:18px;}
.loading-bri-con{float:left;width:96%;color:#fff;margin:0 2%;padding:25px 0;border-top:solid 1px #676c66}
.loading-footer-container{float:left;width:100%;background:#999b98;height:60px}
.loading-error-button{width:30%;background:#d5d5d5;margin:12px 0 0 33%;padding:5px 0;text-align:center;border:solid 1px #828280}
.error-adjust-margin{margin:15% 10% 0}
input#submit{  background:none;  border:none;  padding:0px; }
table{  background:none;  border:none;  padding:0px;  font-size:13px; }
.submit_button{background:none; border:none;font-family: 'Titillium Web', sans-serif;font-size:16px;color: #e8eae8;text-decoration: none;padding: 7px 17px 5px;float: left; color:#99e11c;}
.curuveBox { background: #fff; border: solid 1px #a9a9a9;color: #adb4b8;font-size: 16px;-webkit-appearance: none;float:left;width: 100%;padding: 12px 3%;border-radius: 0; }
.curveBox1{ background:#FFFFFF; padding:10px; box-shadow:2px 2px 3px 0px #c9c9c9; line-height:39px; position:absolute;   border:1px solid #d9d9d9; width:86%; z-index:9999999; margin-top:-26px;  overflow:auto;}
.arrowBg1{background:#eeeeee; padding:8px; margin-left:10px;float:right;}
.downArrow{background:url(../../../images/transparent-total-images.gif) no-repeat; background-position:-6px 0; width:9px; height:5px; overflow:hidden;}
.clearAll {clear:both;margin:0;padding:0;}
.list-bullet{background:url(../../../images/mobile/mapp/image-sprite.png) -35px -232px;height:20px; width:22px;text-align:center;color:white;}

.loading-button{width:50%;background:#d5d5d5;margin:12px 0 0 33%;padding:5px 0;text-align:center;border:solid 1px #828280}
.popup_button{background:#d5d5d5; border:solid 1px #828280;font-family: 'Titillium Web', sans-serif;font-size:16px;color: #000000;text-decoration: none;padding: 4px 17px 5px;}
  /*================ Change Password ================*/

.chngPwdConst { padding : 0; margin : 0; margin-bottom : 10px; text-align: left;}
.chngPwdConst li { display : block; line-height : 20px; color : #666666; padding-left: 20px;position: relative; }
.sspicn { width : 17px; height : 15px; display : inline-block; vertical-align : middle; background-image : url(../../../images/mobile/mapp/image-sprite.png); position: absolute;left: 0;top:4px }
.incomplete { background-position : -245px -298px;  }
.complete { background-position :  -245px -284px;  }
.enroll_user_iconss{background:url(../../../images/mobile/mapp/image-sprite.png) -253px -93px; width:100%; height:100%;}

/*Tab Icons*/
.ad_auth {background:url(../../../images/mobile/mapp/image-sprite.png) -661px -237px; width:48px; height:44px;text-align:center;}
.ad_auth.active {background:url(../../../images/mobile/mapp/image-sprite.png) -661px -189px; }

.sec_questions {background:url(../../../images/mobile/mapp/image-sprite.png) -604px -240px; width:48px; height:44px;text-align:center;}
.sec_questions.active {background:url(../../../images/mobile/mapp/image-sprite.png) -546px -240px; }

.ad_sec_questions {background:url(../../../images/mobile/mapp/image-sprite.png) -661px -237px; width:48px; height:44px;text-align:center;}
.ad_sec_questions.active {background:url(../../../images/mobile/mapp/image-sprite.png) -661px -189px; }

.ver_code {background:url(../../../images/mobile/mapp/image-sprite.png) -604px -189px;width:48px; height:44px; text-align:center;}
.ver_code.active {background:url(../../../images/mobile/mapp/image-sprite.png) -544px -189px; }

.google_auth {background:url(../../../images/mobile/mapp/image-sprite.png) -602px -143px;width:48px; height:44px; text-align:center;}
.google_auth.active {background:url(../../../images/mobile/mapp/image-sprite.png) -602px -143px; }

.sec_duo {background:url(../../../images/mobile/mapp/image-sprite.png) -602px -288px;width:48px; height:44px; text-align:center;}
.sec_duo.active {background:url(../../../images/mobile/mapp/image-sprite.png) -544px -288px; }
.alert_icon_new{background:url(../../../images/mobile/mapp/image-sprite.png) -178px -146px; width:20px; height:20px;}

.sec_rsa {background:url(../../../images/mobile/mapp/image-sprite.png) -602px -336px;width:48px; height:44px; text-align:center;}
.sec_rsa.active {background:url(../../../images/mobile/mapp/image-sprite.png) -544px -336px; }

.sec_radius {background:url(../../../images/mobile/mapp/image-sprite.png) -552px -140px;width:48px; height:44px; text-align:center;}
.sec_radius.active {background:url(../../../images/mobile/mapp/image-sprite.png) -505px -140px; }

.sec_one_auth {background:url(../../../images/mobile/mapp/image-sprite.png) -317px -338px; width:37px; height:44px;text-align:center;}
.sec_one_auth.active {background:url(../../../images/mobile/mapp/image-sprite.png) -368px -338px; }

.sec_saml_idp_auth {background:url(../../../images/mobile/mapp/image-sprite.png) -665px -285px;width:48px; height:44px; text-align:center;}
.sec_saml_idp_auth.active {background:url(../../../images/mobile/mapp/image-sprite.png) -665px -335px; }
@media screen and (orientation: portrait) {
  body {
    height: : 100%;
  }
  .foot {
  	height:100%;
  	position: initial;
  	display: table;
  	table-layout: fixed;
  }
}

/* For landscape */

@media screen and (orientation: landscape) {
	.foot {
		height:100vh;
		position: relative;
		display: table;
		table-layout: fixed;
	}
}
.log-btn{float:left; width:100%; margin:20px 0 0 0;}
.log-btn .homepage_login_right{ border-radius:2px; border-bottom:1px solid #4a732c; width:93px; padding:8px 0px 10px; box-shadow: 0 3px 3px #ccc;}
/* Native App Banner Styles Starting */
.linkText{text-decoration: inherit;	color: inherit;}
#closeAppBanner{font-size:5vmin;height:7vw;width:8vw;padding-top:5px;border-radius: 5px;cursor:pointer;}
#closeAppBannerText{	display: inline-block; vertical-align: middle; line-height: normal;	margin-top:-4px;color: #999999;}
#nativeAppBanner{position:fixed;top:0;left:0;width:100%;height:20%;}
#appBanner{	background-color:#EBECEB;border:1px solid #e4e6e5;	width:100%;	padding-top:0px;	padding-bottom:0px;}
#bannerTitle{	font-size:15px;color:black;height:30px;padding:10px 0px 0px 0px;margin:0px;}
#bannerLogo{background:url(../../../images/mobile/mapp/image-sprite.png) -300px -100px;height:80px; width:80px;	}
/* Native App Banner Styles Ending */
/*  EMployee Search Styles Starting  */

.wrap{ float:left; width:100%; padding:0px; margin:0px; background:#f2f2f2; min-height:100vh;}
#searchBox{background-color:white;}
.FailureMsg{ background:#ffeded; border:1px solid #ff0000; padding:10px 25px;}

.scrollToTop{	position:fixed;	z-index:40;	bottom:30px;	right:30px;	display:none;	background:url(../../../images/mobile/mapp/image-sprite.png) -313px -250px;	width: 29px;	height: 29px;}	

.table-tabs table{width:100%}
.table-tabs table tr td{padding:12px 6px;text-align:center;border-right:1px solid #ccc;border-bottom:2px solid #ccc;width:33.3%; cursor:pointer;}
.table-tabs table tr td.active{background:#5b6972;color:#fff;border-right-color:#5b6972;border-bottom:2px solid #7dba47}
.table-tabs table tr td:last-child{border-right-width:0}
.icn-tick{background-position:-440px -261px;width:15px;height:15px}
.emp-user-profile-pic{width:140px;height:140px;margin:20px auto;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #5b6972}
.emp-search-popup{background: #e4e6e5;}
.emp-search-popup .emp-user-default-pic{background:url(../../../images/mobile/mapp/image-sprite.png) -528px -411px; width:140px; height: 140px;    margin: 20px auto;}
.emp-search-popup .emp-contact-default-pic{background:url(../../../images/mobile/mapp/image-sprite.png) -528px -411px; width:140px; height: 140px;    margin: 20px auto;}
.emp-search-popup .emp-group-default-pic{background:url(../../../images/mobile/mapp/image-sprite.png) -704px -411px; width:140px; height: 140px;    margin: 20px auto;}
.emp-profile-name{text-align:center; word-break: break-word;}
.emp-search{position:fixed;top:55px;right:0;bottom:0;left:0;}
.emp-search .emp-search-bar{border:1px solid #ececec;position:relative;min-height:17px;margin:8px;background:#fff}
.emp-search .emp-search-bar .emp-search-filter{float:left;width:42px;height:18px;padding:8px 0;border-right:1px solid #fff}
.emp-search .emp-search-bar .emp-search-filter .emp-search-filer-icon{width:97%;border-right:1px solid #ececec;height:17px;background:url(../../../images/mobile/mapp/image-sprite.png) -426px -231px; cursor: pointer;}
.emp-search .emp-search-bar.open .emp-search-filter{background:#fafafa;border-right:1px solid #ececec;z-index:3;position:relative}
.emp-search .emp-search-bar.open .emp-search-filter .emp-search-filer-icon{border-right-color:#fff; cursor: pointer;}
.emp-search .emp-search-bar.open .emp-search-drpdown{display:block}
.emp-search .emp-search-bar .emp-search-drpdown{background:#fafafa;position:absolute;right:-1px;left:-1px;top:33px;height:auto;max-height:400px;overflow-y:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ececec;z-index:2;padding:0 10px 0 10px;display:none;}
.emp-search .emp-search-bar .emp-search-drpdown ul{list-style:none;padding:0;margin:20px 0}
.emp-search .emp-search-bar .emp-search-drpdown ul li{padding:3px 12px 3px 30px;font-size:15px;line-height:18px;cursor:pointer}
.emp-search .emp-search-bar .emp-search-drpdown ul li.emp-search-objCrit{margin-left: 24px;word-break: break-word;}
.emp-search .emp-search-bar .emp-search-drpdown ul li .icn-tick{margin-left:-25px;position:absolute}
.emp-search .emp-search-bar .emp-search-drpdown hr{margin-left:20px;width:75%;border-color:#e1e1e1;border-style:solid}
.emp-search .emp-search-bar .emp-search-input{padding-left:42px;height:33px;margin-right:42px}
.emp-search .emp-search-bar .emp-search-input input{width:99%;padding:10px;margin:0;box-sizing:border-box;border:0;height:33px;font-size:14px}
.emp-search .emp-search-bar .emp-search-icon{float:right;padding:5px 0;background:url(../../../images/mobile/mapp/image-sprite.png) -474px -230px;width:23px;height:23px;position:absolute;right:10px;top:0; cursor:pointer;}
.emp-search-inner{overflow-y:scroll;position:absolute;top:47px;bottom:10px;left:10px;right:10px;-webkit-overflow-scrolling: touch;}
.emp-list-of-details{margin-top:20px;padding:10px}
.emp-list-of-details table{width:100%}
.emp-list-of-details table tr{vertical-align:top}
.emp-list-of-details table tr td{padding:16px 10px;border-bottom:1px solid #e0e0e0;line-height:18px;font-size:12px}
.emp-list-of-details table tr:last-child td{border-bottom-width:0}
.emp-search-body{position:absolute;top:50px;bottom:0;right:0;left:0;padding:0 10px 10px 10px}
.emp-search-body ul{list-style:none;padding:0;margin:0}
.emp-search-body ul li{border-bottom:1px solid #ececec;padding:15px 0 15px 0}
.emp-search-body ul li>img{float:left;width:60px;height:60px;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.emp-search-body ul li .emp-search-image-user{float:left; background:url(../../../images/mobile/mapp/image-sprite.png) -438px -411px; width:60px; height: 60px;}
.emp-search-body ul li .emp-search-image-contact{float:left; background:url(../../../images/mobile/mapp/image-sprite.png) -438px -411px; width:60px; height: 60px;}
.emp-search-body ul li .emp-search-image-group{float:left; background:url(../../../images/mobile/mapp/image-sprite.png) -744px -577px; width:60px; height: 60px;}
.emp-search-body ul li div.emp-details{margin-left:75px}
.emp-search-body ul li div.emp-details span.emp-name{font-size:15px;display:block;color:#333;font-weight:700;margin-bottom:5px}
.emp-search-body ul li div.emp-details span.emp-attr{font-size:10px;display:block;color:#818181;line-height:14px}

.icon-base{background:url("../../../images/mobile/mapp/image-sprite.png") -438px -258px;display:inline-block;vertical-align: middle;}
.icn-desktop{background-position: -439px -211px; width: 15px;  height: 11px;margin-right:5px;margin-bottom: 3px;}
.bottom-bar{ float:left; width:100%; height:41px; background:#f7f7f7; position:absolute; z-index:1; bottom:1px; position:fixed;}
.bottom-bar input{ float:none; width:45px; height:45px;background:url("../../../images/mobile/mapp/image-sprite.png") no-repeat scroll -427px -325px #3C4953; border-radius:50%; border:none; margin:-8px 0 0 0; cursor:pointer;}
.bottom-bar a{ float:right; text-decoration:none; color:#5b6972; margin:-25px 16px 0 13px; font-size:10px;position:absolute; right:0px; bottom:11px;} 
.contact-list{ float:left; width:100%; padding:0px;}
.contact-list li{ list-style-type:none; float:left; width:100%; border-bottom:1px solid #dadee1; padding:10px 0px;}
.contact-list li img{ float:left; width:60px; height:60px; margin:0 10px 0 1px; border-radius:50%;}
.contact-list .contact-details{ float:left; padding:0px; width:60%; margin:20px 0 0 0;}
.contact-list .contact-details h4{ margin:0px; font-size:1.2em; color:#47555f; font-weight:400;}
.contact-list .contact-details span{ color:#b7b7b7; float:left; width:100%; font-size:10px; font-weight:400; margin:5px 0 0 0;}
.back-button{float:left; width:20%; padding:0px; margin:14px 0 0 10px; color:#99e11c; cursor:pointer;}
.back-button i.back-arrow-green{ float:left; width:15px; margin:3px 6px 0 0; height:20px;background: rgba(0, 0, 0, 0) url("../../../images/mobile/mapp/image-sprite.png") no-repeat scroll -476px 0;}
.search{float:left; height:32px; width:100%; background:#fff;}
.search i.search-icon{float:left; width:27px; height:25px; margin:3px 8px 0 10px;background:url("../../../images/mobile/mapp/image-sprite.png") no-repeat scroll -469px -266px #fff;}
.search input{ float:left; width:85%; border:none; height:30px; font-size:1em;font-family: "Titillium Web",sans-serif;}
ul.tabs{margin: 0px;padding: 0px;list-style: none;}ul.tabs li{background: none;color: #fff;display: inline-block;padding: 15px 0px;cursor: pointer;float:left;width:50%;text-align:center;background:#a3a3a3;}
.border-none{ border:none !important; }
.blur-bg{-webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); -o-filter: blur(15px); filter: blur(15px); }

 @media only screen 
and (min-device-width : 200px) 
and (max-device-width : 350px) 
and (orientation : portrait)
{
	.user-details p{font-size:12px; padding: 3px 0px;}
	.linkText{font-size:14px;}
	#bannerTitle{font-size:11px;	}
	#bannerDesc{font-size:10px;	}
}

 @media only screen 
and (min-device-width : 350px) 
and (max-device-width : 400px) 
and (orientation : portrait)
{
	.user-details p{font-size:13px; padding: 4px 0px;}
	.linkText{font-size:15px;}
	#bannerTitle{font-size:13px;	}
	#bannerDesc{font-size:12px;	}
}
@media only screen and (orientation : portrait)
{	#contactPicMax{	padding-top:5%;	} }

 @media only screen and (min-device-width : 500px) 
 {	 .search-button{ font-size:15px; } }

:focus{outline:0}.mt18{margin-top:18px}

/*  Employee Search styles ending */

.FailureIcon{background:url(../../../images/mobile/mapp/image-sprite.png) -435px -40px; width:20px; height:20px;}

/*Microsoft Authenticator Icon*/
.ms_auth {
    width: 44px;
    height: 44px;
    background: url(../../../webclient/images/ssp-sprite.png) -67px -1420px;
}

.ms_auth.active {
    background-position: -120px -1420px;
}
/*Yubikey Authenticator Icon*/
.yk_auth {
	background: url(../../../webclient/images/ssp-sprite.png)  -455px -1421px;
	width: 44px;
	height: 44px;
}
.yk_auth.active {
	background-position:  -405px -1421px;
}

/*Zoho OneAuth Authenticator Icon*/
.zoho_one_auth {
    width: 44px;
    height: 44px;
    background: url(../../../webclient/images/ssp-sprite.png) -35px -909px;
}

.zoho_one_auth.active {
    background-position: -89px -909px;
}

.sc_auth {
    width: 44px;
    height: 44px;
    background: url(../../../webclient/images/ssp-sprite.png)  -1px -1618px;
}

.sc_auth.active {
   background-position:  -0px -1662px;
}

.rightArrowGreen {
	background: url(../../../images/mobile/mapp/image-sprite.png) no-repeat -285px -256px;
	width: 14px;
	height: 14px;
	margin-left: -25px;
    position: absolute;
	filter: sepia(100%);  
}



.downArrowGreen {
	background: url(../../../images/mobile/mapp/image-sprite.png) no-repeat -259px -256px;
	width: 14px;
	height: 14px;
	margin-left: -25px;
    position: absolute;
	filter: sepia(100%);  
}

.login-wrap > span {
  color: #666;
  display: block;
}
.login-wrap > span .text-black {
  color: #000;
}
.login-wrap > span a {
  float: right;
  position:relative;
  color: #52A81E;
  text-decoration: underline;
  cursor:pointer;
}

.ssp-mobile-container {
  min-width: 320px;
  padding: 0 20px;
}

.ssp-mobile-container .backup-code {
  padding: 75px 5px 20px;
}
.ssp-mobile-container .backup-code h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 10px;
}
.ssp-mobile-container .backup-code p {
  font-size: 12px;
  color: #666;
  line-height: 18px;
}

.ssp-mobile-container ::-webkit-input-placeholder {
  /* Edge */
  color: #999;
}
.ssp-mobile-container :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
.ssp-mobile-container ::placeholder {
  color: #999;
}
.ssp-mobile-container .backup-sub-text {
  font-size: 14px;
  color: #666;
  margin: 25px 0 15px 0;
}
.ssp-mobile-container .mobile-from-wrap {
  margin: 25px -5px 0;
}
.ssp-mobile-container .form-group {
  margin-bottom: 10px;
  position: relative;
}
.ssp-mobile-container .form-group .form-control {
  width: 90%;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #E4E4E4;
  font-size: 15px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  position: relative;
}
.ssp-mobile-container .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}

@media only screen and (max-width: 340px) {
  .ssp-mobile-container .backup-code h4 {
    font-size: 17px;
  }
}

.ssp-top-mob-strip {
  font-family: 'Titillium', sans-serif;
  background: #F7F7F7;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14);
  z-index: 1;
  padding: 10px 10px 10px 23px;
  position: relative;
}
.ssp-top-mob-strip .icn-close {
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ssp-top-mob-strip .top-strip-cont {
  font-size: 11px;
  font-weight: 500;
  color: #000;
  padding-left: 48px;
  position: relative;
  padding-top: 8px;
  height: 40px;
}
.ssp-top-mob-strip .top-strip-cont span {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #666;
  margin-top: 2px;
}
.ssp-top-mob-strip .top-strip-cont .icn-ssp-app {
  position: absolute;
  left: 0;
  top: 0;
}
.ssp-top-mob-strip .top-strip-cont .store-btn {
  float: right;
  padding: 6px 7px 5px;
  font-size: 10px;
  font-weight: 600;
  color: #000;
  border: 1px solid #909FB3;
  margin-right: -5px;
}
.ssp-top-mob-strip .top-strip-cont .store-btn .icn-ios {
  margin-top: -2px;
  margin-right: 3px;
}

.ssp-bkup-wrap {
  font-family: 'Titillium', sans-serif;
  background: #fff;
  padding: 15px 20px 25px;
  margin-bottom: 20px;
}
.ssp-bkup-wrap h5 {
  font-size: 14px;
  font-weight: 400;
}
.ssp-bkup-wrap .ssp-bkup-codes {
  border: 1px dashed #C5C5C5;
  padding: 15px 20px;
  margin: 15px 0;
}
.ssp-bkup-wrap .ssp-bkup-codes ol {
  padding-left: 12px;
  margin-bottom: 20px;
}
.ssp-bkup-wrap .ssp-bkup-codes ol li {
  list-style: unset;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: unset !important;
}
.ssp-bkup-wrap .ssp-bkup-codes ol li span {
  font-weight: 500;
  padding-left: 10px;
  font-size: 14px;
  color: #000;
}
.ssp-bkup-wrap > span {
  font-size: 11px;
  color: #666;
  display: block;
  margin-bottom: 10px;
}

.mob-br-3 {
   border-radius: 3px !important;
}

.icn-duo-logo {
   background-position: 4px -193px !important;
   width: 96px;
   height: 96px;
}

.mob-sprite {
  background: url("../../../images/mobile/mapp/mobile-app-sprite@2x.png") no-repeat;
  background-image: url("../../../images/mobile/mapp/mobile-app-sprite.png") \9;
  background-size: 390px 290px !important;
  display: inline-block;
  vertical-align: middle;
}

.icn-close {
  background-position: -8px -52px;
  width: 9px;
  height: 9px;
}
.icn-ssp-app {
  background-position: -87px -5px;
  height: 41px;
  width: 41px;
}
.icn-ios {
  background-position: -20px -50px;
  width: 10px;
  height: 12px;
}
.icn-download {
  background-position: -93px -56px;
  width: 9px;
  height: 10px;
}

.icn-send-mail {
  background-position: -110px -57px;
  width: 13px;
  height: 8px;
}

.icn-back {
  background-position: -125px -49px;
  width: 11px;
  height: 19px;
}
.icn-status-warning {
  background-position: -276px -13px;
  width: 27px;
  height: 24px;
}

.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Titillium', sans-serif;
}
.btn.full-width-btn {
  display: block;
  width: 100%;
}

.btn-primary {
  font-size: 11px;
  color: #fff;
  background: #80BA50;
  padding: 8px 20px 7px;
}
.btn-white {
  font-size: 12px;
	padding:6px 10px 3px;
	background:#fff;
	border:1px solid #d4d4d4;
	color:#000;
	line-height:13px;
}
.btn-white:hover {
  background: #e4e4e4;
}
.btn-white i {
  margin-right: 5px;
}
.btn-white + .btn {
  margin-left: 6px;
}

#send_mail_page_header{float:left;width:100%;height:55px;background:#47555f;margin:0 0 10px;}
#BACKUP_VC_STATUS_LAYOUT{position:fixed;width:100%;height:100%;background:#fff;opacity:0.3;filter:alpha(opacity=30);z-index:2}
#BACKUP_VC_STATUS_BOX_CONTAINER{position:fixed;width:100%; overflow:scroll;max-height:80%; margin:0;background:#000;top:0;box-shadow:0 0 10px #000;padding:10px 2%;z-index:4}

.ssp-top-header {
  background: #47555F;
  height: 60px;
  position: relative;
}
.ssp-top-header h3 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  padding: 19px 20px 18px;
  margin: 0;
}
.ssp-top-header a {
  font-size: 16px;
  color: #99E11C;
  position: absolute;
}
.ssp-top-header a.backbtn {
  left: 18px;
  top: 23px;
  line-height: 18px;
}
.ssp-top-header a.backbtn i {
  margin-top: -3px;
  margin-right: 5px;
}
.ssp-top-header a.login-link {
  right: 18px;
  top: 23px;
}

.alert {
  padding: 10px 15px;
  background: #FBF3D1;
  font-size: 12px;
  line-height: 18px;
}
.alert i {
  margin-right: 10px;
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.loader .loader-inner {
  background: #fff;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  padding: 25px;
  width: 215px;
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  margin: auto;
}
.loader .loader-inner img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.backup-text-wrap {
  margin-top: 100px;
  color: #666;
  line-height: 16px;
}
.backup-text-wrap span {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}
.backup-text-wrap p {
  font-size: 12px;
}
.backup-text-wrap span a {
  font-weight: 600;
  text-decoration: underline;
  color: #666;
}

@font-face {
  font-family: 'Titillium';
  src: url('../fonts/Titillium-Thin.eot');
  src: url('../fonts/Titillium-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Thin.svg#Titillium-Thin') format('svg'), url('../fonts/Titillium-Thin.ttf') format('truetype'), url('../fonts/Titillium-Thin.woff') format('woff'), url('../fonts/Titillium-Thin.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('../fonts/Titillium-Light.eot');
  src: url('../fonts/Titillium-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Light.svg#Titillium-Light') format('svg'), url('../fonts/Titillium-Light.ttf') format('truetype'), url('../fonts/Titillium-Light.woff') format('woff'), url('../fonts/Titillium-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('../fonts/Titillium-Semibold.eot');
  src: url('../fonts/Titillium-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Semibold.svg#Titillium-Semibold') format('svg'), url('../fonts/Titillium-Semibold.ttf') format('truetype'), url('../fonts/Titillium-Semibold.woff') format('woff'), url('../fonts/Titillium-Semibold.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('../fonts/Titillium-Regular.eot');
  src: url('../fonts/Titillium-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Regular.svg#Titillium-Regular') format('svg'), url('../fonts/Titillium-Regular.ttf') format('truetype'), url('../fonts/Titillium-Regular.woff') format('woff'), url('../fonts/Titillium-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('../fonts/Titillium-Bold.eot');
  src: url('../fonts/Titillium-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium-Bold.svg#Titillium-Bold') format('svg'), url('../fonts/Titillium-Bold.ttf') format('truetype'), url('../fonts/Titillium-Bold.woff') format('woff'), url('../fonts/Titillium-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul,
ol,
li,
dl,
dt,
dd,
form {
  padding: 0;
  margin: 0;
}

.backCodeCaptcha{
	top: 230px!important;
}
.backupCodeMainCont{
	padding-top: 15px!important;
}
.ssp-mobile-container.backupCodeMainCont .form-group .form-control {
  width: 100%!important;
}	
.ssp-mobile-container .error-msg {
  margin-top: 110px;
  text-align: center;
  padding: 0 30px;
}
.ssp-mobile-container .error-msg strong {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 30px 0 13px;
}
.ssp-mobile-container .error-msg p {
  font-size: 16px;
  color: #7E7E7E;
  line-height: 24px;
}
.icn-failed{
	background-position: -333px -4px;
	height: 56px;
	width: 56px;
}
.azure_mfa{
	width: 48px;
    height: 44px;
    background: url(../../../webclient/images/ssp-sprite@2x.png) no-repeat -540px -3230px;
}
.azure_mfa.active{
    background: url(../../../images/mobile/mapp/mobile-app-sprite@2x.png) no-repeat -180px -164px;
}

input::-ms-clear, input::-ms-reveal {
    display: none!important;
}

.m-ssp-ww-bw{
    word-wrap:break-word
}
.ellipsify {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-device-width : 410px)
{	 .ssp-backup-code {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        max-width: 50%;
     }
}
@media only screen and (max-device-width : 380px)
{	  .ssp-choose-verify {
        display: inline-block !important;
        max-width: 80%;
     }
}

.form-input-with-icon{
  position: relative !important;
}

.add-on {
  background: url("../../../images/ssp-sprite@2x.png?buildNo=6216");
  background-size: 500px 2136px !important;
  width: 25px;
  height: 20px;
}
.form-icn-eye {
  background-position: -194px -1325px;
}
.form-icn-eye.open {
  background-position: -318px -1321px;
  opacity: 0.35;
  filter: alpha(opacity=35);
}

.form-input-with-icon .form-icn-eye {
  position: absolute;
  right: 1%;
  top: 16%;
  cursor: pointer;
}

.form-input-with-icon input{
  width: 100% !important;
  box-sizing: border-box;
  padding-right: 26px !important;
}

.hide{
  display: none !important;
}