.signTxt,.userLoggedIn,.userLoginSec #userLogin{cursor:pointer}
.loginLable span,.loginTitle .exclHi,.loginTitle .hello,.userLoginSec #userLogin{text-transform:capitalize}
.ssoTopBar{background:#333;color:#fff;padding:5px 15px;width:100%;font-size:12px;position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}
.userLoginSec #userLogin,.userNameTxt{text-overflow:ellipsis;white-space:nowrap;max-width:100px;padding:0 2px;overflow:hidden}
.loginLable,.userLoggedIn,.userLoginSec #userLogin,.userLogoutDropdown li a,.userLogoutDropdownOnetap li a,body ul.userLogoutDropdown li a{-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex!important; padding: 0!important}
.userLogoutDropdown li a,.userLogoutDropdownOnetap li a,body ul.userLogoutDropdown li a{padding:5px!important}
.loginLable:hover{background-color:rgba(255,255,255,0.2)}
.sso-bar ul.user-follow{display:inline-flex!important;align-items: center; justify-content: center}
.sso-bar ul.user-follow li{padding: 0}
.sso-bar ul.user-follow li + li:after{top:4px}
.sso-bar ul.user-follow li span.signTxt,
.sso-bar ul.user-follow li span.userIcon{padding:0 4px!important;display:inline-flex;align-items: center;}
.sso-bar ul.user-follow li span.userLoggedIn:hover,
.sso-bar ul.user-follow li span.userNameTxt:hover,
.sso-bar ul.user-follow li span.signTxt:hover,
.sso-bar ul.user-follow li span.userIcon:hover{background: none!important}

.loginLable img,.userLoginSec ul a img{margin-right:5px}
.userLoggedIn img{margin:0}

.userLogoutDropdown{position:absolute!important;top:-100px;right:0px;min-width:100px;padding:0px;background-color:var(--gray-bg);display:inline-block;z-index:115; min-height:inherit;box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;border:1px solid var(--color-03); border-radius:3px;transition: .3s ease-in-out;opacity:0;}
.userLogoutDropdown:before{content:'';height:0;width:0;display:block;border:5px transparent solid;border-top-width:0;border-bottom-color:var(--white);position:absolute;right:50%;top:-5px;margin-right:-5px;}
.userLogoutDropdown,.userLogoutDropdownOnetap{margin:0;right:0;top:-100px;width:100%;max-width:130px}

.userLogoutDropdown.active,.userLogoutDropdownOnetap.active{top:25px;visibility:visible;opacity:1}
.userLogoutDropdown li{list-style:none;color:#333}
.userLogoutDropdown li a{color:#000!important;text-decoration:none;font-weight:500;padding:10px}
.userLogoutDropdown li a:hover,.userLogoutDropdownOnetap li a:hover{text-decoration:none;color:#000}
.userLogoutDropdown li a img,.userLogoutDropdownOnetap li a img{height:16px;width:auto}
.hide{display:none!important}
.userLoginSec{position:relative;z-index:1;font-size:12px;padding:5px 15px}
.userLoginSec ul,.userLogoutDropdownOnetap{padding:0;transition:.3s ease-in-out}
.userLogoutDropdownOnetap{display:block;background:#eee;position:absolute;visibility:hidden;opacity:0}
.userLogoutDropdownOnetap li{list-style:none;color:#333;margin-right:0!important;padding-right:0!important}
.userLogoutDropdownOnetap li a{color:#333;text-decoration:none;font-weight:500;padding:10px;display:block}
.ssoTopBar.bgrSsoBar{width:200px;right:0;float:right;top:6px;background:#fff;border-radius:4px;padding:15px;box-shadow:0 0 3px rgb(0 0 0 / 50%)}
.loginTitle{color:#333;width:100%;margin-bottom:15px;font-size:14px;text-align:left}
.loginTitle .hello{color:#6438f1}
.loginTitle .exclHi{color:#1e52df}
.loginTitle>span{width:100%;display:block}
.loginTitle .hello .userLoggedIn{display:inline-block}
.bgrSsoUserIcon .bgrSsoBar .userLogoutDropdown{position:relative;top:inherit;right:inherit;width:100%;max-width:100%;opacity:1;visibility:visible;background:0 0}
.signinSec.bgrSignSec .exclLoginLable,.signinSec.bgrSignSec .loginLable{margin:0;padding:5px 0;border-radius:4px;width:calc(50% - 5px);text-align:center}
.bgrSsoUserIcon .bgrSsoBar .userLogoutDropdown li{width:100%;margin:0!important}
.bgrSsoUserIcon .bgrSsoBar .userLogoutDropdown a{color:#333!important;width:100%!important;font-size:12px!important;height:auto!important;padding:10px;border-radius:4px;line-height:normal!important;background:#eee!important;text-align:center}
.signinSec.bgrSignSec .loginLable{background:#7e49d8}
.signinSec.bgrSignSec .exclLoginLable{background:#1e52df}
.signinSec.bgrSignSec{display:flex;width:100%;justify-content:space-between}
.signinSec.bgrSignSec .loginLable .signTxt{width:100%;text-transform:uppercase;font-weight:700}
.bgrSsoUserIcon{position:relative;overflow:hidden;z-index:999}
.bgrSsoUserIcon:hover{overflow:visible}
.bgrSsoUserIcon .bgrSsoBar{position:absolute;top:100%;z-index:99;visibility:hidden;opacity:0;transition:.3s ease-in-out}
.bgrSsoUserIcon:hover .bgrSsoBar{visibility:visible;opacity:1}
#credential_picker_container iframe,.bgrIframe #credential_picker_container iframe{float:right}
.ssoTopBar.dark .userIcon{display:inline-block;margin-right:5px;float:left;height:20px}
.ssoTopBar.dark .signTxt,.ssoTopBar.dark .userNameTxt>span{line-height:20px}

@media screen and (max-width:767px){
body .ssoTopBar{padding:5px 0}
body .loginLable span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70px}
body .userLogoutDropdown{right:0;width:85px}
}
#credential_picker_container{position:fixed!important;z-index:999999!important}
.ssoTopBar .userLogoutDropdown{max-width:inherit;width:auto}
.ssoTopBar .userLogoutDropdown li{list-style:none;color:#333;margin-right:0;padding-right:0;display:block}
.userLoginSec ul.userLogoutDropdownOnetap{width:auto;max-width:inherit;box-shadow:0 3px 3px rgb(0 0 0 / 10%)}
.userLogoutDropdownOnetap li{padding:0;background:#fff!important}