/* books */
.panel-heading > a {padding:3px 12px}
.panel-heading{padding:0 20px}
.panel-body{padding:20px 0px}
.panel-actions {left:180px; right:unset; padding: 0;}

.books {position: relative;}
.books dl {margin:0px 0px 0px 6.28px; line-height: 20px; position: relative;}
.books > dl {margin:0px 0px 0px 20px}
.book,.chapter { line-height: 30px; padding: 3px 0; transition: all 0.3s}
.book .book-title {float:left;background-color:#ECEBF7;padding:0px 12px 0px 5px}
.book .book-title:before {content:'\e930';font-family:ChangerPressIcon;display:inline-block;font-weight:normal;font-size:14px;width:30px;height:30px;color:#747CFF;text-align:center}
.book strong {color:#747CFF}
.book strong,.books .catalog > strong {display: inline-block; }
.catalog strong { font-size: 14px;line-height:27px}
.books .actions { display: inline-block; margin-left: 25px;}
.books .actions a {margin-right:2px}
.books .actions a > i {font-size:16px}
.chapter { line-height: 20px; }
.catalog .order,.chapter .order { display: inline-block; margin-right: 0; height: 20px; line-height: 20px; padding: 0 3px; text-align: center; border-radius: 5px; transition: all 0.3s;  }

.books dl:before {content: ' ';position: absolute; left: 0px; top: -7px;height:12px;border-left:1px solid #CECECE}
.books > dl:before {content: ' ';position: absolute; left: 0px; top: -2px;height:2px;border-left:1px solid #CECECE}
.books dd {padding:5px 0px 5px 18.28px;}
.books dd.last {padding:5px 0px 0px 18.28px}
.books dd.closed > dl {display:none}
.books dd:before {content: ' ';position: absolute; left: 0px; top: 0px;height:100%;border-left:1px solid #CECECE}
.books dd:after {content: ' ';position: absolute; left: 0px; top: 50%;width:10px;border-top:1px solid #CECECE}
.books dd.last:before {height:50%;}
.books dd.last:after {top: 50%}
.books dd:not(.chapter-empty):before {height:100%}
.books dd:not(.chapter-empty):after {top: 18px}
.books dd.last:not(.chapter-empty):before {height:18px}
.books dd.last:not(.chapter-empty):after {top: 18px}

.books dd.opened:not(.chapter-empty) > strong:before {content:'';width:16px;height:16px;border:4px solid #D8D8D8;float:left;margin:6px 8.2px 0px 0px}
.books dd.opened:not(.chapter-empty) > strong:after {content: '';float:left;border:4px solid #D8D8D8;width:16px;height:10px;position:absolute;left:18px;top:14px}
.books dd.closed:not(.chapter-empty) > strong:before {content:'';width:16px;height:16px;border:4px solid #D8D8D8;float:left;margin:6px 8.2px 0px 0px}
.books dd.closed:not(.chapter-empty) > strong:after {content: '';float:left;border:2px solid #D8D8D8;width:12px;height:6px;position:absolute;left:20px;top:16px}
.books dd > strong > a { color:#333}
.books dd label {padding:1px 5px;border:1px solid #89C9BF;font-size:12px;color:#89C9BF;letter-spacing:0;text-align:center;margin-right:8px;margin-bottom:0px;display: unset;border-radius:2px}
.books dd.chapter > strong > label {color:#747CFF;border-color:#747CFF}
.books dd dl {padding-top:5px}
.books dd > strong {font-size:14px;font-weight:400}
.books dd .title {float:right;max-width:400px}
.label {padding:4px;line-height:0px;vertical-align:unset}

.catalog.chapter.dragging {opacity: 0.25; background-color: #FFF4E5; border: 1px solid #fff}
.catalog.chapter.drag-shadow {background: #fff; border: 1px solid #ddd; box-shadow:0 1px 8px rgba(0,0,0,.15);}
.sort {cursor: move;}
.books .catalog {position: relative;}
.books .catalog.drop-to {background: none;}
.books .catalog.drop-to:before {display: block; background-color: #E48600; content: ' '; height: 1px; width: 100%; position: absolute; top: -1px}
.books .catalog.drop-to:not(.chapter-empty):before {height: 1px}
.books .catalog.dragging .catalog.drop-to:before, .catalog.drop-to.dragging:before {display: none}
.books .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;}
.books > .catalog > .actions > .sort-handle {display: none}
