.onhover {display: none;}
.item:hover .onhover {display: block;}

.deleted {text-decoration: line-through;}

.cabi-wrap {
    display: flex;
    flex-flow: row nowrap;
    height: calc(100vh - 50px);
    
}


.cabi-menu{
    flex: none;
    width: 230px;
    background: #0A6951;
    overflow: auto;
}

.cabi-main {
    padding: 5px;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
}


.cabi-main-data {
    display: flex;
    flex-flow: row nowrap;
    height: calc(100vh - 100px);
}

.cabi-main-data a {border-bottom: 1px dashed black;}

.cabi-main-single {
    width: 100%;
    padding: 10px;
    overflow: auto;
}

.cabi-main-menu {
    overflow: hidden;
}

.cabi-main-menu .menu {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    
}
.cabi-main-menu .menu::-webkit-scrollbar {width: 0;}
.cabi-main-menu .menu .item {flex: 0 0 auto;}


.cabi-main-aside {
    flex: none;
    width: 330px;
    padding: 10px;
    border-right:2px solid #ccc;
    overflow: auto;
}

.cabi-main-info {
    padding: 10px;
    flex: 1;
    flex-grow: 1;
    position: relative;
    overflow: auto;
}

.cabi-main-info form {margin: 0 10px;}


/*cabi-menu*/

.cabi-menu a {color: #fff;}
#nest-menu {margin: 10px 0;}


/*cabi-mess*/

.mess-list { width: 100%;  overflow: auto; background: #60C4AB; position: absolute; top:0; bottom:50px; left:0; right:0;}
.mess-item { margin: 15px 5px; padding: 3px; background: #fff; border-radius:3px;}
.mess-item.system {background: #60C4AB; text-align: center;}

.mess-item .head {padding: 3px 0; font-size: 0.8em;}
.mess-item .head .auth {font-weight: bold;}

.mess-form-wrap.bottom {position: absolute; bottom: 0; left: 0; right: 0;}

.mess-form .item {display: inline-block; vertical-align: bottom;}
.mess-form .item.ta {width: calc(100% - 50px);}
.mess-form .item.bt {padding-bottom: 3px;}
.mess-form .item textarea {width: 100%; overflow: hidden; resize: none; border-radius: 5px;}

/* */
.drag {padding-left: 25px !important;}

.drag::before {
    
    width: 15px;
    content: '';
    position: absolute;
    cursor: grab;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 1px solid #ccc;
}

