/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; line-height: 20px; color:#333333; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }

.dd-list .mdi-social-school { display: none; }
.dd-list .dd-list .mdi-social-school { display: inline; }
.dd-list .dd-list .mdi-action-account-balance { display: none; }

.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; line-height: 20px; }

.dd-handle {
    display: block; margin: 7px 0; padding: 5px 10px; background: #FFF; text-decoration: none;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    cursor:pointer;
}

.dd-item > button {
    cursor: pointer;
    float: left;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
}

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #FFF; border: 2px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.dd-item .buttons { float: right; padding: 3px 6px; }
.dd-item .buttons a { padding: 0 3px; }
.dd-item .buttons a:hover { text-decoration: none; color:#F44336; }

.dd-title { max-width: 80%; }

/* icons */
.dd-item button i { font-size: 17px; }