
/*top header container css*/
.plain-header .plainTopHeader .headerConainer{
    border-bottom: solid 5px #51b31d;
}

/*hidden top header css*/
.plain-header .plainTopHeader .plainHeaderSlide{
    height: 0px;
    width: 100%;
    overflow: hidden;
    transition: all 1s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*arrow up and down css*/
.plain-header .plainTopHeader .plainCalbtn{
    width: 45px;
    height: 30px;
    background-color: #51b31d;
    position: absolute;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
}

/*logo css*/
.plain-header .plainTopHeader .plainHeaderSlide .logo{
    padding: 10px;
    margin:0;
}

/*user-section css*/
.plain-header .plainTopHeader .plainHeaderSlide .user-section{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .welcomSec{
    border-right: solid 1px #b3b3b3;;
    padding-right:10px;
    color: #333;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .welcomSec .welcomUser{
    text-align: right;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .welcomSec .welcomUser a{
    color: #51b31d;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .welcomSec .welcomUser .icon{
    color: blue;
    padding: 5px;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .welcomSec .lastVisit{
    font-size: 10px;
    margin-top: 2px;
}

.plain-header .plainTopHeader .plainHeaderSlide .user-section .logout{
    padding: 4px 23px;
    background: url(/static/oasys/images/logout.png) no-repeat 0 3px;
    margin-left: 10px;
}



/*menu related css*/
.plain-nav > ul >li:first-child{
    height: 50px;
    border-right: none !important;
}
.plain-header .plain-nav{
    background-color: #1480ec;
    overflow: hidden;
}

/*hide sub menus*/
.plain-header .plain-nav .plain-dropdown-menu{
    display: none;
    z-index: 2;
}
.plain-dropdown-menu>li:hover .plain-dropdown-menu li{
    background-color: #FFF;
    border-color: #1480ec;
    color: #1480ec;
}
.plain-header .plain-nav ul>li .plain-dropdown-menu li:hover .plain-dropdown-menu li:last-child a{
    border-bottom-width: 1px;
}
.plain-header .plain-nav ul>li .plain-dropdown-menu li:hover .plain-dropdown-menu li a{
    background-color: #FFF;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #1480ec;
    color: #1480ec;
}
.plain-header .plain-dropdown-menu li ul.plain-dropdown-menu{
    position: absolute !important;
    right: -230.5px;
    top: 0px;
}
.plain-dropdown-menu li{
    position: relative;
}
.plain-header .plain-nav ul>li .plain-dropdown-menu li:hover .plain-dropdown-menu li a:hover{
    background-color: #1480ec;
    border: 1px solid #1480ec;
    color: #FFF;
}
/*all ul css*/
.plain-header .plain-nav ul{
    
    list-style: none;
    padding: 0;
    margin-right: 0px;
    margin-bottom: 0;
}

/*parent ul li css*/
.plain-header .plain-nav>ul>li{
    float: left;
    border-right: 1px solid #076dd3;
}

.plain-header .plain-nav>ul>li:last-child{
    border-right: none;
}

/*this is to override property applies by .active class*/
.plain-header .plain-nav ul>li>.link-wrapper.active{
    font-size: inherit;
    background-color: unset;
    padding: unset;
    border-radius: unset;
    width: 100%;
}

.plain-header .plain-nav ul>li>.link-wrapper.active a{
    background-color: #FFF;
    color: #337ab7;
}

.plain-header .plain-nav ul li a{
    color: #FFF;
    display: block;
    padding: 7px 15px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.plain-header .plain-nav ul>li:hover >.link-wrapper a{
    background-color: #FFF;
    color:  #1480ec;
}

.plain-header .plain-nav ul li:hover > .plain-dropdown-menu{
    display: block;
    position: absolute;
    z-index: 99999;
}

.plain-header .plain-nav .plain-dropdown-menu li a{
    background-color: #FFF;
    border-width: 1px 1px 0 1px;
    border-style: solid;;
    border-color: #1480ec;
    color:  #1480ec; white-space: nowrap; 
}

.plain-header .plain-nav ul.plain-dropdown-menu li:last-child a{
    border-bottom-width:1px;
}

.plain-header .plain-nav ul .plain-dropdown-menu .active{
    font-size: inherit;
    background-color: unset;
    padding: unset;
    border-radius: unset;
    width: 100%;
}

.plain-header .plain-nav ul>li .plain-dropdown-menu li:hover a{
    background-color: #1480ec;
    border: 1px solid  #1480ec;
    color:  #FFF;
}

.plain-header .plain-nav ul>li .plain-dropdown-menu li >.link-wrapper.active a{
    background-color: #1480ec;
    border: 1px solid  #1480ec;
    color:  #FFF;
}


/*icon related css*/
.plain-header .plain-nav .icon{
    float: left;
    font-size: 20px;
    margin: 6px 5px;
}


/*home icon handling*/
.plain-header .plain-nav .home .icon{
    float: unset;
    color: #FFF;
}

.plain-header .plain-nav ul li .home a{
    padding: 3px 5px;
}
/* Header icons */


.plain-dropdown-menu>li:hover {
    background: #1480ec
}

.plain-dropdown-menu>li:hover a {
    color: #fff
}

.plain-dropdown-menu>li .iconBox {
    float: left;
    width: 18px;
    height: 18px;
    margin: 9px 5px 0;
}


.plain-dropdown-menu>li .pg{
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -1138px;
}

.plain-dropdown-menu>li:hover .pg, .plain-dropdown-menu>li.active .pg {
    background-position: 0 -1172px;
}



.plain-dropdown-menu>li .um {
    background: url(/static/oasys/images/user-management-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .um,
.plain-dropdown-menu>li.active .um {
    background-position: 0 -37px;
}

.plain-dropdown-menu>li .rm {
    background: url(/static/oasys/images/user-management-sprite.png) no-repeat 0 -76px
}

.plain-dropdown-menu>li:hover .rm,
.plain-dropdown-menu>li.active .rm {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .pu {
    background: url(/static/oasys/images/user-management-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .pu,
.plain-dropdown-menu>li.active .pu {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .fpm {
    background: url(/static/oasys/images/user-management-sprite.png) no-repeat 0 -227px
}

.plain-dropdown-menu>li:hover .fpm,
.plain-dropdown-menu>li.active .fpm {
    background-position: 0 -265px
}

.plain-dropdown-menu>li .cts {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .cts,
.plain-dropdown-menu>li.active .cts {
    background-position: 0 -37px
}
.plain-dropdown-menu>li .pst {
    background-image: url(/static/oasys/images/products-sprite.png);
    background-position: 0 -228px;
}
.plain-dropdown-menu>li:hover .pst,
.plain-dropdown-menu>li.active .pst {
    background-image: url(/static/oasys/images/products-sprite.png);
    background-position: 0 -266px
}





.pro {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0px -76px
}

.plain-dropdown-menu>li .pro {
    background-image: url(/static/oasys/images/products-sprite.png);
    background-position: 0 -76px;
}

.plain-dropdown-menu>li:hover .pro,
.plain-dropdown-menu>li.active .pro {
    background-image: url(/static/oasys/images/products-sprite.png);
    background-position: 0 -114px
}
.plain-dropdown-menu{
    min-width: 232px;
}

.plain-dropdown-menu>li .pln {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .pln,
.plain-dropdown-menu>li.active .pln {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .ps {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 -227px
}

.plain-dropdown-menu>li:hover .ps,
.plain-dropdown-menu>li.active .ps {
    background-position: 0 -265px
}

.plain-dropdown-menu>li .prm {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 -301px
}

.plain-dropdown-menu>li:hover .prm,
.plain-dropdown-menu>li.active .prm {
    background-position: 0 -340px
}

.plain-dropdown-menu>li .ucf {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 -377px;
}

.plain-dropdown-menu>li:hover .pol,
.plain-dropdown-menu>li.active .pol {
    background-position: 0 -486px;
}
.plain-dropdown-menu>li .pol {
    background: url(/static/oasys/images/products-sprite.png) no-repeat 0 -449px;
}

.plain-dropdown-menu>li:hover .ucf,
.plain-dropdown-menu>li.active .ucf {
    background-position: 0 -412px;
}
.plain-dropdown-menu>li .cpm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .cpm,
.plain-dropdown-menu>li.active .cpm {
    background-position: 0 -37px
}

.plain-dropdown-menu>li .pm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -76px
}

.plain-dropdown-menu>li:hover .pm,
.plain-dropdown-menu>li.active .pm {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .vm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .vm,
.plain-dropdown-menu>li.active .vm {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .zm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -228px
}

.plain-dropdown-menu>li:hover .zm,
.plain-dropdown-menu>li.active .zm {
    background-position: 0 -266px
}

.plain-dropdown-menu>li .bm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -303px
}

.plain-dropdown-menu>li:hover .bm,
.plain-dropdown-menu>li.active .bm {
    background-position: 0 -342px
}

.plain-dropdown-menu>li .wm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -1210px
}

.plain-dropdown-menu>li:hover .wm,
.plain-dropdown-menu>li.active .wm {
    background-position: 0 -1249px
}

.plain-dropdown-menu>li .cm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -379px
}

.plain-dropdown-menu>li:hover .cm,
.plain-dropdown-menu>li.active .cm {
    background-position: 0 -417px
}

.plain-dropdown-menu>li .ptm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -457px
}

.plain-dropdown-menu>li:hover .ptm,
.plain-dropdown-menu>li.active .ptm {
    background-position: 0 -495px
}

.plain-dropdown-menu>li .tm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -532px
}

.plain-dropdown-menu>li:hover .tm,
.plain-dropdown-menu>li.active .tm {
    background-position: 0 -570px
}

.plain-dropdown-menu>li .sqm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -609px
}

.plain-dropdown-menu>li:hover .sqm,
.plain-dropdown-menu>li.active .sqm {
    background-position: 0 -647px
}

.plain-dropdown-menu>li .sm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -685px
}

.plain-dropdown-menu>li:hover .sm,
.plain-dropdown-menu>li.active .sm {
    background-position: 0 -723px
}

.plain-dropdown-menu>li .city-m {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -761px
}

.plain-dropdown-menu>li:hover .city-m,
.plain-dropdown-menu>li.active .city-m {
    background-position: 0 -799px
}

.plain-dropdown-menu>li .srv {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -836px
}

.plain-dropdown-menu>li:hover .srv,
.plain-dropdown-menu>li.active .srv {
    background-position: 0 -874px
}

.plain-dropdown-menu>li .bptm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -911px
}

.plain-dropdown-menu>li:hover .bptm,
.plain-dropdown-menu>li.active .bptm {
    background-position: 0 -949px
}

.plain-dropdown-menu>li .butm {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -989px
}

.plain-dropdown-menu>li:hover .butm,
.plain-dropdown-menu>li.active .butm {
    background-position: 0 -1027px
}

.plain-dropdown-menu>li .ps,
.plain-dropdown-menu>li.active .ps {
    background: url(/static/oasys/images/generic-masters_products-sprite.png) no-repeat 0 -1064px
}

.plain-dropdown-menu>li:hover .ps,
.plain-dropdown-menu>li.active .ps {
    background-position: 0 -1102px
}

.plain-dropdown-menu>li .ptr {
    background: url(/static/oasys/images/partners-&-business-units-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .ptr,
.plain-dropdown-menu>li.active .ptr {
    background-position: 0 -37px
}

.plain-dropdown-menu>li .bu {
    background: url(/static/oasys/images/partners-&-business-units-sprite.png) no-repeat 0 -76px
}

.plain-dropdown-menu>li:hover .bu,
.plain-dropdown-menu>li.active .bu {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .blei {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .blei,
.plain-dropdown-menu>li.active .blei {
    background-position: 0 -37px
}

.plain-dropdown-menu>li .bp {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 -76px
}

.plain-dropdown-menu>li:hover .bp,
.plain-dropdown-menu>li.active .bp {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .ufasf {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .ufasf,
.plain-dropdown-menu>li.active .ufasf {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .cpf {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 -228px
}

.plain-dropdown-menu>li:hover .cpf,
.plain-dropdown-menu>li.active .cpf {
    background-position: 0 -266px
}

.plain-dropdown-menu>li .subf {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 -304px
}

.plain-dropdown-menu>li:hover .subf,
.plain-dropdown-menu>li.active .subf {
    background-position: 0 -343px
}

.plain-dropdown-menu>li .suf {
    background: url(/static/oasys/images/system-entitements-sprite.png) no-repeat 0 -380px
}

.plain-dropdown-menu>li:hover .suf,
.plain-dropdown-menu>li.active .suf {
    background-position: 0 -418px
}

.plain-dropdown-menu>li .ac {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .ac,
.plain-dropdown-menu>li.active .ac {
    background-position: 0 -37px
}

.plain-dropdown-menu>li .cnc {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -76px
}

.plain-dropdown-menu>li:hover .cnc,
.plain-dropdown-menu>li.active .cnc {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .upd {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .upd,
.plain-dropdown-menu>li.active .upd {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .pae {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -228px
}

.plain-dropdown-menu>li:hover .pae,
.plain-dropdown-menu>li.active .pae {
    background-position: 0 -266px
}

.plain-dropdown-menu>li .vcr {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -304px
}

.plain-dropdown-menu>li:hover .vcr,
.plain-dropdown-menu>li.active .vcr {
    background-position: 0 -343px
}

.plain-dropdown-menu>li .vwr {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -380px
}

.plain-dropdown-menu>li:hover .vwr,
.plain-dropdown-menu>li.active .vwr {
    background-position: 0 -418px
}

.plain-dropdown-menu>li .pdc {
    background: url(/static/oasys/images/customer-boarding-sprite.png) no-repeat 0 -457px
}

.plain-dropdown-menu>li:hover .pdc,
.plain-dropdown-menu>li.active .pdc {
    background-position: 0 -495px
}

.plain-dropdown-menu>li .grp {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 0
}

.plain-dropdown-menu>li:hover .grp,
.plain-dropdown-menu>li.active .grp {
    background-position: 0 -37px
}

.plain-dropdown-menu>li .rm {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -75px
}

.plain-dropdown-menu>li:hover .rm {
    background-position: 0 -114px
}

.plain-dropdown-menu>li .pfc {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -152px
}

.plain-dropdown-menu>li:hover .pfc,
.plain-dropdown-menu>li.active .pfc {
    background-position: 0 -190px
}

.plain-dropdown-menu>li .pfr {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -228px
}

.plain-dropdown-menu>li:hover .pfr,
.plain-dropdown-menu>li.active .pfr {
    background-position: 0 -266px
}

.plain-dropdown-menu>li .pfd {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -303px
}

.plain-dropdown-menu>li:hover .pfd,
.plain-dropdown-menu>li.active .pfd {
    background-position: 0 -342px
}

.plain-dropdown-menu>li .pfum {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -380px
}

.plain-dropdown-menu>li:hover .pfum,
.plain-dropdown-menu>li.active .pfum {
    background-position: 0 -418px
}

.plain-dropdown-menu>li .sf {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0 -456px
}

.plain-dropdown-menu>li:hover .sf,
.plain-dropdown-menu>li.active .sf {
    background-position: 0 -494px
}

.plain-dropdown-menu>li .sftp {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -532px;
}

.plain-dropdown-menu>li:hover .sftp,
.plain-dropdown-menu>li div.active .sftp {
    background-position: 0px -570px;
}

.plain-dropdown-menu>li .brs {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -605px;
}

.plain-dropdown-menu>li:hover .brs,
.plain-dropdown-menu>li.active .brs {
    background-position: 0px -640px;
}

.plain-dropdown-menu>li .gk {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -676px;
}

.plain-dropdown-menu>li:hover .gk,
.plain-dropdown-menu>li.active .gk {
    background-position: 0px -710px;
}

.plain-dropdown-menu>li .kks {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -745px;
}

.plain-dropdown-menu>li:hover .kks,
.plain-dropdown-menu>li.active .kks {
    background-position: 0px -779px;
}

.plain-dropdown-menu>li .usrf {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -818px;
}

.plain-dropdown-menu>li:hover .usrf,
.plain-dropdown-menu>li.active .usrf {
    background-position: 0px -860px;
}

.plain-dropdown-menu>li .uprrf {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -897px;
}

.plain-dropdown-menu>li:hover .uprrf,
.plain-dropdown-menu>li.active .uprrf {
    background-position: 0px -932px;
}

.plain-dropdown-menu>li .ubrf {
    background: url(/static/oasys/images/membership-management-sprite.png) no-repeat 0px -968px;
}

.plain-dropdown-menu>li:hover .ubrf,
.plain-dropdown-menu>li.active .ubrf {
    background-position: 0px -1005px;
}


.teaMemberHeader {
    background: rgba(248, 148, 0, 0.16);
    font-size: 14px;
    color: #000;
    text-align: center;
    padding: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.teaMemberHeader p {
    margin: 0 5px 0 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #212121;
}

.teaMemberHeader > button {
    padding: 0px;
    background: transparent;
    border: none;
}
.teaMemberHeader > button a{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #0282F0;
}
.teaMemberHeader > button:hover a, .teaMemberHeader > button:focus a{
    color: #0282F0;   
}

.teaMemberHeader > button img {
    padding: 0 0 0 6px;
}
