section[data-role=login] div.paddingBox ul.tab {display: flex; gap:10px; text-align: left; margin-bottom:10px;}
section[data-role=login] div.paddingBox ul.tab li {padding:5px; border-radius:5px; background-color:#fff;}
section[data-role=login] div.paddingBox ul.tab li.active {background-color:var(--thema_color); color:#fff;}

div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons {display:flex; align-items:center; flex-wrap:wrap; width:100%; border:0px; table-layout:fixed; list-style:none; border-top:1px solid #e0e0e0;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li {box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(100% / 3); height:78px; border-left:1px solid #e0e0e0; background:#f7f7f7; position:relative; font-size:0px; vertical-align:top;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li:nth-child(n + 4) {border-top:1px solid #e0e0e0;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li.lms {}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li.haksa {}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li > a {display:block; text-decoration:none; box-sizing:border-box; width:100%; height:100%; cursor:pointer; color:#626a73; text-align:center; font-size:12px; font-weight:bold; line-height:1;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li > a > i {display:block !important; color:#c3cad0; text-align:center; width:100%; height:48px; line-height:48px; font-size:24px;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li > a > i.xi {line-height:50px;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li:first-child {border-left:0px;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li > span[data-role=badge] {display:inline-block; position:absolute; top:8px; right:12px; font-size:11px; font-family:OpenSans; height:18px; line-height:18px; padding:0px 5px; min-width:18px; box-sizing:border-box; text-align:center; border-radius:9px; color:#fff; font-weight:bold;}
div[data-widget=coursemos-sheresidebar][data-templet=default] aside section[data-role=login] ul.buttons > li > span[data-role=badge]:empty {display:none;}