.panel-heading .btn-toolbar ul.dropdown-menu{right:0; left:auto;}

.courses {position: relative; margin-left: -20px;}
.courses {position: relative;}
.courses dl { margin:0 0 0 25px; line-height: 20px; }
.courses .article { padding: 0; border: none; box-shadow: none; margin: 0; display:flex;}
.book,.chapter,.courses .article { line-height: 30px; padding: 3px 0; transition: all 0.3s; border-radius: 4px}
.book > strong,.chapter > strong,.courses .article > strong { font-size: 16px; display: inline-block; }
.chapter > strong,.courses .article > strong { font-size: 14px; }
.courses .article > strong { font-weight: normal; }
.courses .actions { display: inline-block; margin-left: 20px;}
.courses .actions a { color: #999; font-weight: normal; }
.actions > a:focus, a:hover { color: #506EAF !important;}
.chapter, .courses .article { line-height: 20px; }
.chapter .order,.courses .article .order { display: inline-block; margin-right: 0; height: 20px; line-height: 20px; padding: 0 6px; text-align: center; border-radius: 5px; transition: all 0.3s;  }
.courses dd:hover .order,.book:hover:before{border-color: #999}
i.icon-arrow-up, i.icon-arrow-down{cursor:pointer}

.catalog.chapter.dragging, .catalog.article.dragging {opacity: 0.25; background-color: #FFF4E5; border: 1px solid #fff}
.catalog.chapter.drag-shadow, .catalog.article.drag-shadow {background: #fff; border: 1px solid #ddd; box-shadow:0 1px 8px rgba(0,0,0,.15);}
.sort {cursor: move;}
.catalog {position: relative;}
.catalog.drop-to {background: none;}
.catalog.drop-to:before {display: block; background-color: #E48600; content: ' '; height: 1px; width: 100%; position: absolute; top: -1px}
.catalog.dragging .catalog.drop-to:before, .catalog.drop-to.dragging:before {display: none}
.catalog-empty {display: none; padding: 0; height: 10px; line-height: 5px!important}
dl.drop-area {background-color: #f1f1f1}
dl.drop-area .catalog-empty {display: block;}
.courses > .catalog > .actions > .sort-handle {display: none}

.leftmenu.affix{max-height: 80%; overflow-y:auto;}
.courses .flex{display:inline-flex; vertical-align:middle;}
.panel-heading:after {position: absolute; right: 20px; top: 45px; left: 20px; display: block; height: 1px; content: ' '; background: #d6dae3;}
