.flex {display: flex;}
.flex-center {display: flex; justify-content: center; align-items: center;}
.flex-start {display: flex; align-items: center;}
#main {padding-bottom: 0;}

.selectBox > button {width: 180px;}

/* main-content */
#mainContent > #sideBar {flex: 0 0 180px; height: calc(100vh - 120px); overflow: auto;}
#mainContent > .sidebar-toggle {flex: 0 0 16px;}
#mainContent > .main-col {flex: auto; height: calc(100vh - 120px); overflow: auto;}

/* tree */
#sideBar {padding-left: 0; padding-right: 0;}
li.lib {width: unset;}
a.lib {margin-bottom: 0; width: unset;}
.tree-icon {position: absolute; right: 0;}
.tree li > a {max-width: 100%; padding: 2px;}
.file-tree  a.show-icon > div {padding-right: 15px;}
.file-tree .tree-text {overflow: hidden;}
.tree li.has-input {overflow: hidden;}
.tree li.has-list.open:before {display: none;}

.img-lib {flex: 0 0 16px; height: 14px;}
/* sideBar */

.sidebar-toggle > .icon {width: 16px; height: 30px; margin-top: -10px; line-height: 30px; color: #fff; text-align: center; background: #7dcdfe; border-radius: 6px; cursor: pointer;}