/*$Id$*/
 *{box-sizing: border-box;}
 @font-face {
    font-family: 'ZohoPuvi';
    src: url('../images/zohopuvi/zoho_puvi_regular.cdda956b52a848ecb4d75cf91fea5737.eot'); /* IE9 Compat Modes */
    src: url('../images/zohopuvi/zoho_puvi_regular.cdda956b52a848ecb4d75cf91fea5737.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../images/zohopuvi/zoho_puvi_regular.2115e13d08dc114dd29d568b411169d9.woff') format('woff'), /* Modern Browsers */
         url('../images/zohopuvi/zoho_puvi_regular.9adb79386e4ececdeb93f007d5ecda75.ttf') format('truetype'); /* Safari, Android, iOS */
         font-style: normal;
    	 font-weight: 400;
    	 text-rendering: optimizeLegibility;
    	 font-display:swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url('../images/zohopuvi/zoho_puvi_medium.d3721ce4119fbf073c2175c7079f9a3b.eot'); /* IE9 Compat Modes */
    src: url('../images/zohopuvi/zoho_puvi_medium.d3721ce4119fbf073c2175c7079f9a3b.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../images/zohopuvi/zoho_puvi_medium.63ce939dabb7a62611c66c2f03cd7781.woff') format('woff'), /* Modern Browsers */
         url('../images/zohopuvi/zoho_puvi_medium.88f7f19ee68806acbfcb8e640b0b9ed5.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: medium;
    		 font-weight: 500;
    		 font-display:swap;
    		 text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url('../images/zohopuvi/zoho_puvi_semibold.5a4543010df2bf08f459d8f8af468421.eot'); /* IE9 Compat Modes */
    src: url('../images/zohopuvi/zoho_puvi_semibold.5a4543010df2bf08f459d8f8af468421.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../images/zohopuvi/zoho_puvi_semibold.ec775134290eac7cb9e8fd31bfc908c5.woff') format('woff'), /* Modern Browsers */
         url('../images/zohopuvi/zoho_puvi_semibold.e9ba3130b9031314983d78c4280d0b89.ttf') format('truetype'); /* Safari, Android, iOS */
         font-style: semi-bold;
    	 font-weight: 600;
    	 font-display:swap;
    	 text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url('../images/zohopuvi/zoho_puvi_bold.863af2667bd90df92bf84974d40621fb.eot'); /* IE9 Compat Modes */
    src: url('../images/zohopuvi/zoho_puvi_bold.863af2667bd90df92bf84974d40621fb.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../images/zohopuvi/zoho_puvi_bold.d9145ee851fb8481a4efdfbdb8ddb278.woff') format('woff'), /* Modern Browsers */
         url('../images/zohopuvi/zoho_puvi_bold.9ddee54e5f59a6b9b2a03a669b1aa7d3.ttf') format('truetype'); /* Safari, Android, iOS */
         font-style: bold;
    	 font-weight: 700;
    	 font-display:swap;
    	 text-rendering: optimizeLegibility;
}
body{background-color: #fff; font-family: Lato, "ZohoPuvi", sans-serif; margin: 0px; padding: 0px; height: 100vh; width: 100vw; position: relative;}
.background-bg{position: fixed; width: 100%; height: 230px; background-color: rgba(255, 215, 0, 0.4); z-index: -1;}
.main-container{position: relative; text-align: center;}
.wh100{width: 100%; height: 100%;}
.flexC{display: flex; align-items: center;}
.flexM{display: flex; align-items: center; justify-content: center;}
.logo-item-wrap{height: 130px; width: 100%; padding-top: 30px;}
.logo-item{width: 166px; height: 38px; background-size: 166px 38px; background-image: url("../images/weblogin_bg.70adbe2b6d6f50b3ecf0898ae9959629.svg");}
.login-container{display: inline-block; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 18px; background-color: #fff; padding: 26px 28px 38px;}
.qr-container{overflow: hidden; background: #F5F5F5; border: 2px dashed #EAEAEA; box-sizing: border-box; border-radius: 10px; width: 480px; height: 250px; padding: 24px;}
.qr-container-dom{width: 198px; height: 200px; background-color: #fff;}
.qr-container-logo{width: 46px; height: 46px; border-radius: 5px; background-color: #fff; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.qr-logo-icn{width: 36px; height: 30px; background-size: 36px 30px; background-image: url("../images/weblogin_plain_logo.23d5b54cc926d6782289f6602f8a4e42.svg");}
.user-profile-icon{width: 30px; height: 28px; background-size: 30px 28px; background-image: url("../images/weblogin_user_profile.ed87d4369d6074e3fb94a65282fb26d2.svg"); margin: 0px 5px;}
.user-settings-icon{width: 30px; height: 28px; background-size: 30px 28px; background-image: url("../images/weblogin_settings.9915fe02b7471cc27d038bf07d1aa64d.svg"); margin: 0px 5px;}
.clr-M{color: #000;}
.clr-S{color: #666;}
.font14{font-size: 14px;}
.posrel{position: relative;}
.posabs{position: absolute;}
.separator{margin: 33px auto 23px; width: 70px; height: 1px; opacity: 0.1; border: 1px solid #000000;}
.qr-reload-container{display: none; position: absolute; width: 100%; height: 100%; z-index: 2; background: rgba(255, 255, 255, 0.2);}
.show-reload-btn .qr-reload-container{display: flex;}
.qr-reload-btn{width: 300px; height: 80px; padding: 0px 30px; color: #fff; background-color: #FADF50; border-radius: 12px; cursor: pointer;}
.qr-reload-icon{width: 17px; height: 20px; background-size: 17px 20px; background-image: url("../images/weblogin_reload_icon.114764f064df5bec3d95b60ab6dad8c8.png"); margin-right: 12px;}
.qr-reload-txt{color: #fff; font-weight: bold; font-size: 22px;}
.qrloginlink{color:#439bf7;padding-left:5px;cursor:pointer; text-decoration: none;}
.showTopNotificationMsg{display: block;margin: auto;height: auto;min-width: 200px;width: fit-content;width: -moz-fit-content;max-width:600px;background-color: #032239;border-radius: 6px;position: fixed;top: -100px;left: 0px;right: 0px;transition: all .2s ease;padding: 0px 20px;z-index:2;display:flex;align-items: center;color: #fff;font-size:14px;}
.topNotificationText{font-size: 14px;color: #fff;line-height: 18px;margin: 16px 0px;max-width: 510px;}