#main {padding: 0}
#mainMenu .container ul > li.divider {width: 2px; height: 25px; margin: 11px 5px; background-color: rgba(0,0,0,.05);}

#mainContent .panel {margin-top:76px; margin-left: 50px; background-color: transparent;}
#mainContent .panel .panel-heading {padding: 0; font-weight:bold; font-size: 16px; color: #7b71ff}
#mainContent .panel .panel-heading:before {content: ' '; display: block; position: absolute; top:3px; left: -8px; height:16px; border-right: 4px solid #7b71ff;}
#mainContent .panel .panel-body {padding: 0;}

#navList select, #navList input {border-radius: 4px;}
#navList .sort-handle {cursor: move;}
#navList li.dragging {opacity: 0.35; background-color: #FFF4E5;}
#navList li.drag-shadow {border: 1px solid #ddd; box-shadow:0 1px 8px rgba(0,0,0,.15); background-color: #fff; z-index: 9999}

#navList .options{padding-left:10px;}
#navList .showBox .options{opacity:0;}
.opacity{opacity:1 !important;}
#submitBox{height:35px; margin-left: 25px;}

body > .navbar-nav {position: absolute; right: 0; top: 0; z-index: 10;}

ul.navList{padding-left: 0;}
.navList li {list-style: none; border: 1px dotted #DDDDDD; padding: 8px; padding-left: 5px; border: none;}
.grade2{margin-left: 30px;}
.grade2 li:last-child{border-bottom: none;}
.grade3{margin-left: 60px;}
.grade3 li:last-child{border-bottom: none;}
i{cursor: pointer;}
label{font-weight:500;font-size:13px;}

.btn-icon {height: 22px; min-width: 22px; line-height: 17px; display: inline-block !important;}

.plus1 {margin-left: 8px;}
.delete {margin-left: 10px;}

.icon-folder, .icon-folder-open, .icon-circle-solid {color: #BBE0DA;}
.icon-folder-open ~ ul > li {position: relative}
.icon-folder-open ~ ul > li:before {content: ' '; position: relative; display: inline-block; left: -18px; top: -3px; width: 5px; height: 1px; border-top: 1px solid #CECECE;}
.icon-folder-open ~ ul > li:after {content: ' '; display: block; position: absolute; left: -13px; top: -13px; bottom: -25px; border-left: 1px solid #CECECE;}
.icon-folder-open ~ ul > li:last-child:after {display: none;}
.icon-folder-open ~ ul > li:nth-last-child(1):first-child:after {content: ' '; display: block; position: absolute; top: -13px; height: 38px; border-left: 1px solid #CECECE;}
.icon-folder-open ~ ul > .liGrade3:after {content: ' '; display: block; position: absolute; left: -9px; top: -13px; bottom: -25px; border-left: 1px solid #CECECE;}
.icon-folder-open ~ ul > .liGrade3:before {content: ' '; position: relative; display: inline-block; left: -14px; top: -3px; width: 5px; height: 1px; border-top: 1px solid #CECECE;}
.icon-folder-open ~ ul > .editing > ul > li:first-child:after {content: ' '; display: block; position: absolute; left: -9px; top: -13px; bottom: -20px; border-left: 1px solid #CECECE;}

.navList .form-control { width: auto; min-width: 100px; max-width: 200px; }
.panel-body > form { max-width: 10000px; }
.navList .icon-circle-solid, .navList .icon-folder-open, .navList .icon-folder, .navList .icon-arrow-up, .navList .icon-arrow-down { margin-right: 6px; opacity: 0.6; transition:all 0.3s; }
.navList li:hover .icon-folder-open,.navList li:hover .icon-folder,.navList li:hover .icon-arrow-up,.navList li:hover .icon-arrow-down { opacity: 1; }
.navList .icon-arrow-up,.navList .icon-arrow-down { color: #384D7A; }
.navList .icon-folder {opacity: 0.8;}
.navList .icon-circle-solid {font-size: 12px;}
.navList .urlInput{width:360px; max-width: 360px;}
