PKO(_Wvas.css.with-vas-bar .navbar { top: 35px; } div#VASbar { position: fixed; top: 0px; width: 100%; display: table; height: 35px; background: #5c7aa0; color: white; z-index: 1040; } #VASbar .user_card { float: left; display: table; width: 50%; padding-left: 15px; } #VASbar .user_action { float: right; padding: 2px; } body.with-vas-bar { padding-top: 130px !important; } body.with-vas-bar.fit-vas { padding-top: 35px !important; } #VASbar .user_card img { height: 34px; width: 34px; min-width: 34px; min-height: 34px; } #VASbar .user_card span { display: inline-block; padding-left: 15px; } body.with-vas-bar aside#sidebar-menu { top: 105px; } /**on small devices*/ @media (max-width: 767px){ #VASbar .user_card { width: 60%; display: inline; } #VASbar .user_action { width: 40%; display: inline; } #VASbar .user_card span { text-overflow: ellipsis; white-space: nowrap; line-height: 25px; max-width: 99%; height: 25px; overflow: hidden; display: block; padding: 5px; } #VASbar .user_card img{ display: none; } #VASbar .user_action button{ white-space: nowrap; text-overflow: ellipsis; max-width: 99%; overflow: hidden; } }PK#GcçÑÑPKO(_W#GcçÑѤvas.cssPK5