.file-upload-wrapper{width:100%}.file-upload{position:relative;width:100%;height:200px}.file-upload:not(.has-error):hover .file-upload-mask{opacity:.06}.file-upload-input.has-multiple~.file-upload-previews .file-upload-preview:hover .file-upload-preview-details,.file-upload.has-error:hover .file-upload-errors,.file-upload:hover .file-upload-input:not(.has-multiple)~.file-upload-previews .file-upload-preview-details{opacity:1}.file-upload.has-error .file-upload-errors{display:-webkit-box;display:-ms-flexbox;display:flex}.file-upload.disabled{pointer-events:none}.file-upload.disabled .file-upload-message{opacity:.5;text-decoration:line-through}.file-upload-message{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-cloud-icon{font-size:2.2rem}.file-upload-main-error{font-weight:700;margin:0}.file-upload-input{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.file-upload-input.has-multiple{z-index:unset}.file-upload-mask{pointer-events:none;background-color:#000}.file-upload-errors,.file-upload-mask{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-errors{display:none;background:rgba(243,65,65,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-error{color:#fff}.file-upload-previews{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.file-upload-preview{background-color:#fff;cursor:pointer;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.file-upload-render{width:100%;height:100%}.file-upload-file-icon{font-size:80px;color:#777}.file-upload-extension,.file-upload-file-icon{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}.file-upload-extension{margin-top:10px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;font-size:1rem;color:#fff;width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-upload-preview-details{position:absolute;width:100%;height:100%;top:0;left:0;color:hsla(0,0%,100%,.959);background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:flex;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-remove-file-btn{position:absolute;right:15px;top:10px;z-index:3}.file-upload-details-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file-uplod-preview-details-inner{text-align:center}
.treeview {
    width: 100%
}

    .treeview .active, .treeview .treeview-category {
        padding: 0 .4rem;
        border-radius: 5px
    }

    .treeview .treeview-line {
        border-left: 2px solid rgba(0,0,0,.08)
    }

    .treeview .non-transitions {
        -webkit-transition: none !important;
        transition: none !important
    }

    .treeview .treeview-disabled {
        color: rgba(0,0,0,.25) !important;
        cursor: not-allowed
    }

    .treeview ul {
        margin-left: .8rem;
        padding-left: .8rem
    }

        .treeview ul ul:not(.collapse):not(.collapsing):not(.show) {
            display: none
        }

    .treeview li {
        list-style-type: none;
        margin: 3px 0
    }

    .treeview a {
        color: #4f4f4f;
        display: block
    }

        .treeview a[data-mdb-toggle=collapse] {
            color: unset
        }

    .treeview span[aria-label=toggle] i {
        -webkit-transition: .3s;
        transition: .3s;
        cursor: pointer
    }

.treeview-category:hover, .treeview-primary .active {
    background-color: rgba(18,102,241,.05)
}

.treeview-primary .active {
    color: #1266f1 !important
}

.treeview-primary a:focus, .treeview-primary li:focus {
    outline: none;
    background-color: rgba(18,102,241,.05)
}

.treeview-category:hover, .treeview-secondary .active {
    background-color: rgba(178,60,253,.05)
}

.treeview-secondary .active {
    color: #b23cfd !important
}

.treeview-secondary a:focus, .treeview-secondary li:focus {
    outline: none;
    background-color: rgba(178,60,253,.05)
}

.treeview-category:hover, .treeview-success .active {
    background-color: rgba(0,183,74,.05)
}

.treeview-success .active {
    color: #00b74a !important
}

.treeview-success a:focus, .treeview-success li:focus {
    outline: none;
    background-color: rgba(0,183,74,.05)
}

.treeview-category:hover, .treeview-info .active {
    background-color: rgba(57,192,237,.05)
}

.treeview-info .active {
    color: #39c0ed !important
}

.treeview-info a:focus, .treeview-info li:focus {
    outline: none;
    background-color: rgba(57,192,237,.05)
}

.treeview-category:hover, .treeview-warning .active {
    background-color: rgba(255,169,0,.05)
}

.treeview-warning .active {
    color: #ffa900 !important
}

.treeview-warning a:focus, .treeview-warning li:focus {
    outline: none;
    background-color: rgba(255,169,0,.05)
}

.treeview-category:hover, .treeview-danger .active {
    background-color: rgba(249,49,84,.05)
}

.treeview-danger .active {
    color: #f93154 !important
}

.treeview-danger a:focus, .treeview-danger li:focus {
    outline: none;
    background-color: rgba(249,49,84,.05)
}

.treeview-category:hover, .treeview-light .active {
    background-color: hsla(0,0%,98.4%,.05)
}

.treeview-light .active {
    color: #fbfbfb !important
}

.treeview-light a:focus, .treeview-light li:focus {
    outline: none;
    background-color: hsla(0,0%,98.4%,.05)
}

.treeview-category:hover, .treeview-dark .active {
    background-color: rgba(38,38,38,.05)
}

.treeview-dark .active {
    color: #262626 !important
}

.treeview-dark a:focus, .treeview-dark li:focus {
    outline: none;
    background-color: rgba(38,38,38,.05)
}