/**
 * 이 파일은 코스모스연동모듈의 일부입니다. (http://www.coursemos.kr)
 *
 * 코스모스 사이드바 스타일시트
 *
 * @file /modules/coursemos/widgets/sidebar/styles/style.css.php
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.2.0
 * @modified 2019. 4. 18.
 */
.ir_hidden {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0; white-space:nowrap;}
 
div[data-widget=coursemos-sheresidebar] aside {position:fixed; top:0; right:0; width:300px; height:100%; background:#fff; z-index:20000; display:none;}
div[data-widget=coursemos-sheresidebar] aside > div.header {height:60px; line-height:60px; padding-left:20px; font-size:14px; font-weight:bold; background:#0071be; color:#fff;}
div[data-widget=coursemos-sheresidebar] aside > div.header:after {content:''; display:block; clear:both;}
div[data-widget=coursemos-sheresidebar] aside > div.header > div.photo {margin:10px 0px; width:40px; height:40px; border:1px solid #ccc; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; box-sizing:border-box; float:left; margin-right:10px; border-radius:50%;}
div[data-widget=coursemos-sheresidebar] aside > div.header > span.name {float:left; max-width:calc(100% - 206px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div[data-widget=coursemos-sheresidebar] aside > div.header > div.admin_link {float:left; height:100%; margin-left:5px; box-sizing:border-box;}
div[data-widget=coursemos-sheresidebar] aside > div.header > div.admin_link > a {color:#FF8F00; line-height:1;}
div[data-widget=coursemos-sheresidebar] aside > div.header > button.logout {color:#fff; font-size:12px; height:30px; line-height:28px; padding:0px 10px; cursor:pointer; vertical-align:middle; margin-left:10px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
div[data-widget=coursemos-sheresidebar] aside > div.header > button.close {float:right; width:60px; height:60px; cursor:pointer; background:transparent; border:0;}
div[data-widget=coursemos-sheresidebar] aside > div.header > button.close > i {width:60px; height:60px; line-height:60px; text-align:center; font-size:30px; color:rgba(255,255,255,0.7);}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div[data-role=input] {margin:0px; min-height:0px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div[data-role=input] > input {box-sizing:border-box; border:1px solid #c2c2c2; border-right:0px; width:100%; height:32px; padding:5px; line-height:20px; border-radius:0; font-size:12px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div[data-role=input] > input[type=password] {height:31px; border-top:0px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div[data-role=help] {display:none;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login].login {margin-bottom:0; box-sizing:border-box; position:relative; font-size:12px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login].login .paddingBox {padding:15px; border-top:1px solid #e0e0e0; background:#f7f7f7;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .errorBox {display:none; position:absolute; top:100%; left:10px; width:calc(100% - 20px); background:#c20000; line-height:25px; padding:5px 10px; line-height:1.6; font-size:12px; color:#ffff7f; margin-top:0px !important; box-sizing:border-box; z-index:10;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .errorBox:after {bottom:100%; left:20px; border:solid 0px transparent; content:" "; height:0; width:0; position:absolute; border-bottom-color:#c20000; border-width:5px; margin-top:-5px;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .help {height:16px; padding-bottom:15px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .help > button {display:inline-block; height:18px; line-height:19px; text-decoration:none; color:#808080; font-size:12px; vertical-align:top; background:transparent; border:0px; cursor:pointer; padding-right:23px; background:url(../templets/default/images/icon_help.png) no-repeat 100% 0;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox {position:absolute; top:47px; left:15px; z-index:1; width:calc(100% - 30px); display:none;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox > div {position:relative; background:#fff; border:1px solid #919599; padding:12px; height:37px; line-height:18px; color:#666; cursor:pointer;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox > div:after, div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox > div:before {bottom:100%; left:68px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox > div:after {border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-left:-8px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .helpBox > div:before {border-color:rgba(145, 149, 153, 0); border-bottom-color:#919599; border-width:9px; margin-left:-9px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .loginForm:after {content:" "; clear:both; display:block; padding-bottom:15px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .loginForm > .input {float:left; width:calc(100% - 65px);} /* 144px */
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .loginForm > button {border:1px solid #c2c2c2; width:65px; height:63px; float:left; cursor:pointer; background:#fff; color:#333;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] .loginForm > a {float:right; width:73px; height:63px; border:1px solid #8ab4db; display:block; color:#1c9ac0; text-align:center; text-decoration:none; font-size:12px; box-sizing:border-box; padding-top:13px; line-height:1.6; background:#fbfbfb;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div.link {color:#d5d7d8;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div.link > a {display:inline-block; transform: translateY(10px); font-size:12px; text-decoration:none; color:#808080; vertical-align:middle;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] div.link > button {font-size:12px; display:inline-block; width:100%; background:transparent; padding:0; margin:0; border:0; vertical-align:middle; color:#808080; cursor:pointer;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons {display:table; width:100%; border:0px; table-layout:fixed; list-style:none; border-top:1px solid #e0e0e0;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li {display:table-cell; height:72px; border-left:1px solid #e0e0e0; background:#f7f7f7; position:relative; font-size:0px; vertical-align:top;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > a, div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > button {display:block; text-decoration:none; box-sizing:border-box; width:100%; height:72px; cursor:pointer; color:#626a73; text-align:center; font-size:12px; font-weight:bold; border:0; background:transparent; vertical-align:top;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > a > i, div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > button > i {display:block; color:#c3cad0; text-align:center; width:100%; height:48px; line-height:48px; font-size:24px; font-weight:normal;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > a > span, div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > button > span {display:block; height:24px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li:first-child {border-left:0px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > label {display:inline-block; position:absolute; top:8px; right:12px; font-size:12px; font-family:Roboto; height:18px; line-height:18px; padding:0px 5px; min-width:18px; box-sizing:border-box; text-align:center; border-radius:9px; background:#0071be; color:#fff;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li > label:empty {display:none;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li.opened:before {position:absolute; bottom:0px; left:50%; border-bottom:6px solid #e0e0e0; border-left:6px solid transparent; border-right:6px solid transparent; content:" "; margin-left:-6px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login] ul.buttons > li.opened:after {position:absolute; bottom:-1px; left:50%; border-bottom:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; content:" "; margin-left:-6px;}


div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] {display:none; position:absolute; top:134px; left:0; background:#fff; box-sizing:border-box; z-index:5; width:100%; height:calc(100% - 134px)}
div[data-widget=coursemos-loginbar] > ul > li.opened > div[data-role=popup] {display:block;}
div[data-widget=coursemos-loginbar][data-thema=light] > ul > li > div[data-role=popup] {border-color:#ccc;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] {text-align:left; height:100%;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 {font-size:0; height:30px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div {display:inline-block; height:30px; line-height:30px; font-size:12px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div.button {float:right; font-size:0; line-height:1;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div.button > button {border:0; background:transparent; height:20px; line-height:20px; margin:5px; color:#2196F3; font-size:12px; position:relative; cursor:pointer;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div.button > button:after {width:2px; height:2px; background:#ccc; position:absolute; top:9px; right:-6px; content:" ";}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div.button > button:last-child {margin-right:0;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > h6 > div.button > button:last-child:after {display:none;}

div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul {display:block; list-style:none; width:100%; height:calc(100% - 61px); overflow-y:auto;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li {border-top:1px solid #dddfe2; font-size:0;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li:first-child {border-top:0;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li.title {background:#f5f6f7; padding-left:8px; height:24px; line-height:24px; color:#666; font-size:12px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li.message {height:100px; line-height:100px; text-align:center; color:#999; font-size:12px;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li > button {display:block; width:100%; border:0; padding:6px 8px; background:transparent; cursor:pointer; font-size:0; box-sizing:border-box; text-align:left;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li > button > i.icon {width:42px; height:42px; border-radius:50%; display:inline-block; border:1px solid #ccc; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; box-sizing:border-box; margin-right:10px; vertical-align:top;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li > button > div.text {width:calc(100% - 52px); display:inline-block; line-height:20px; padding:1px 0px; font-size:12px; color:#222; vertical-align:top;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li > button > div.text > time {display:block; height:20px; line-height:20px; color:#666;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > ul > li > button.unread {background:#edf2fa;}
div[data-widget=coursemos-sheresidebar] aside section[data-role=login]  div[data-role=popup] > section[data-role=push] > *[data-action] {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;}

div[data-widget=coursemos-loginbar] > ul > li[data-action=push] > div[data-role=popup] > section[data-role=push] {border-top:0;}

div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] {width:360px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section {text-align:left;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > h6 {height:30px; line-height:30px; font-size:12px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul {display:block; float:none; list-style:none; min-height:100px; max-height:300px; overflow-y:scroll;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li {display:block; border-top:1px solid #dddfe2;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li:first-child {border-top:0;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a {display:block; text-decoration:none; font-size:14px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:15px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a:hover {background:#f5f5f5;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label {display:inline-block; width:45px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:20px; padding:0px 4px; color:#fff; margin-right:8px; line-height:20px; font-size:12px; font-style:normal; text-align:center; vertical-align:middle;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_E {background:#94ba43;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_O {background:#a875ae;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_IR {background:#7685b3;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_ON {background:#bdbfbf;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.R {background:#00afb3;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > a {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;}


div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] {width:360px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section {text-align:left;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > h6 {height:30px; line-height:30px; font-size:12px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul {display:block; float:none; list-style:none; min-height:100px; max-height:300px; overflow-y:scroll;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li {padding:0px; border-top:1px solid #dddfe2;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li:first-child {border-top:0;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a {display:block; text-decoration:none; font-size:14px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:10px;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a:hover {background:#f5f5f5;}

div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > i.photo {width:38px; height:38px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; display:inline-block; float:left; margin-right:8px; vertical-align:middle; border-radius:50%;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div {padding:5px 0px; display:inline-block; width:calc(100% - 50px); vertical-align:middle;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span {display:inline-block; height:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div.message > span {text-overflow:clip; white-space:normal; overflow:auto;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.course {display:block; color:#0370a6;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.from {display:block; overflow:visible; font-size:12px; color:#333; font-weight:bold; line-height:1.2}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.detail {color:#666;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div.message > span.detail {font-size:12px; padding-top:3px; line-height:1.4; white-space:normal !important; height:auto;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span > span.time {float:right; overflow:hidden; color:#333; font-weight:normal;}



div[data-widget=coursemos-loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > a {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;}


div[data-widget=coursemos-loginbar] > ul > li[data-action=service] > div[data-role=popup] {width:240px; min-height:100px; max-height:none;}








div[data-widget=coursemos-sheresidebar] aside > ul.menu {width:100%; border-top:1px solid #e0e0e0; list-style:none; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu.login {height:calc(100% - 214px);}
div[data-widget=coursemos-sheresidebar] aside > ul.menu.logged {height:calc(100% - 133px);}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li {height:50px; overflow:hidden;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > a {display:block; width:100%; height:50px; line-height:50px; font-size:14px; padding:0px 20px; text-decoration:none; border:0; background:#fff; color:#333; box-sizing:border-box; border-bottom:1px solid #e0e0e0; text-align:left; cursor:pointer;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > a > i.icon {float:left; width:30px; height:50px; line-height:50px; font-size:20px; color:#666;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > a > i[data-role=toggle] {float:right; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#666; margin-right:0px; cursor:pointer; margin-right:-20px; transform:rotate(0deg);}

div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu {background:#f7f7f7; padding:10px 0px; border-bottom:1px solid #e0e0e0;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu > a {display:block; width:100%; min-height:36px; line-height:36px; font-weight:600; padding:0px 20px; box-sizing:border-box; text-decoration:none; color:#000; font-size:13px;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu > a.selected {color:#005596; font-weight:bold;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu div.depth3 {padding-left:20px;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu div.depth3 > a {display:block; padding-left:10px; position:relative; text-decoration:none; color:#666;  font-size:13px; line-height:1.6;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu div.depth3 > a::before {content:''; display:inline-block; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:50%; background:#666;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li > div.submenu div.depth3 > a.selected {color:#005596; font-weight:bold;} 
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li.opened {height:auto;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li.opened > a > i[data-role=toggle] {transform:rotate(180deg);}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li.selected > a {color:#0071be; font-weight:bold;}
div[data-widget=coursemos-sheresidebar] aside > ul.menu > li.selected > a > i {color:#0071be;}
div[data-widget=coursemos-sheresidebar] aside > div.login {padding:0 15px 10px; background:#f7f7f7;}
div[data-widget=coursemos-sheresidebar] aside > div.login > button {width:100%; height:32px; background:#ddd; border:0 none; cursor:pointer;}