.file-manager {
    background-color: #fafafa;
    margin-bottom: 12px;
    float: left;
    width: 100%;
    min-height: 250px;
    z-index: 2;
}

.file-manager-left-side {
    float: left;
    width: 20.8%;
    padding: 6px;
    height: 100%;
    margin-right: .2%;
    margin-bottom: 12px;
    min-width: 200px;
}

    .file-manager-left-side.hide {
        width: 0;
    }

.file-manager-right-side {
    background-color: #fff;
    float: right;
    width: 77%;
    padding: 6px;
    padding-top: 2px;
}

@media (max-width:1000px) {
    .file-manager-right-side {
        width: 100%;
    }
}

.fileManagerBreadCrumbs {
    float: left;
    width: 100%;
    margin-top: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 18px;
}

.fileManagerGridView {
    float: left;
    width: 100%;
}

.fileManagerListView {
    float: left;
    width: 100%;
    padding-bottom: 8px;
}

.file-manager-search {
    float: right;
    margin-right: 14px;
}

    .file-manager-search input {
        width: 180px;
    }

div.k-dialog {
    z-index: 100000;
}

#modal-dialog {
    background-color: #fff;
    padding: 30px !important;
}

div.k-dialog-buttongroup {
    background-color: #fff;
}

.file-manager-search {
    display: inline-block;
    float: left;
    /*margin-left: 220px;
    margin-top: -50px;*/
}

    .file-manager-search input {
        width: 160px;
    }

#dropZoneElement,
.file-manager .dropZoneElement {
    display: none;
}

#photosListView div.k-listview-content,
.fileManagerListView div.k-listview-content {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    /*justify-content: space-around;*/
    justify-content: flex-start;
    padding: 1%;
}


@media (max-width: 767.98px) {
    #photosListView div.k-listview-content,
    .fileManagerListView div.k-listview-content {
        justify-content: center;
    }
}

#photosListView .uiCard,
.fileManagerListView .uiCard {
    margin: 1%;
}

#doc-preview-scroll-view {
    /*bottom: 0;*/
    /*height: calc(100% - 100px);*/
    background: rgba(0,0,0, 0.6);
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 10000000;
    position: fixed;
}

#doc-viewer {
    height: 100%;
    overflow: hidden;
    margin: auto;
    width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    #doc-viewer {
        width: 90%;
    }
}

.DocumentContainer {
    background-color: #fff;
}

/*.k-mediaplayer-toolbar,
.k-mediaplayer-toolbar .k-button,
.k-mediaplayer-toolbar span.k-icon {
    color: #efefef;
}*/

.k-mediaplayer-toolbar .k-button {
    padding: 0;
}

#mediaPlayer {
    border-width: 0;
}

.k-widget.k-slider.k-slider-horizontal.k-mediaplayer-volume.k-state-default {
    display: inline-block !important;
}

.file-manager .k-upload {
    display: none;
}

.notification-upload-content .drop-zone,
.notification-upload-content .k-upload-empty {
    display: none;
}

.file-manager-left-side {
    overflow: auto;
}

#filemanager {
    min-height: 700px;
    border-radius: 4px;
}

.k-file-manager-header {
    border-bottom: 1px solid #d5dbe0 !important;
    box-shadow: 0 2px 2px 0px rgb(35 35 35 / 10%);
}

.k-file-preview .k-file-meta {
    display: list-item;
}

.k-file-preview img {
    max-width: 90%;
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
}

.k-filemanager-content .uiCard {
    margin: 12px;
}

.k-filemanager-content .k-listview-content {
    padding: 12px;
}

.k-filemanager-content .k-loading-mask.k-opaque {
    display: none;
}

.k-toolbar {
    margin: 0;
    padding: 2px 4px 0 0;
    /*border-width: 1px;
    border-style: solid;*/
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.k-filemanager-header {
    box-shadow: 0 2px 2px 0px rgb(35 35 35 / 10%);
}

/*.k-button {
    border-radius: 4px;
    padding: 7px 12px;
    border-width: 1px;
}*/

.k-toggle-button {
    padding: 4px;
    margin: 0;
}

.k-button.btn-primary {
    border-radius: 4px;
    color: #fff;
    background-color: #348fe2;
    border-color: #1c75c7;
    padding: 7px 12px;
    border-width: 1px;
    margin-bottom: 4px;
    margin-right: 4px;
}

    .k-button.btn-primary.focus,
    .k-button.btn-primary:focus {
        color: #fff;
        background-color: #1c75c7;
        border-color: #1c75c7;
        box-shadow: 0 0 0 0 rgba(82,160,230,.5);
    }

/*.k-sprite.folder {
    background-position: 0 -16px;
}*/

/*.k-sprite.html {
    background-position: 0 -48px;
}

.k-filemanager-navigation .k-sprite {
    background-image: url("https://demos.telerik.com/kendo-ui/content/web/treeview/coloricons-sprite.png");
}*/

/*.k-filemanager-navigation .k-sprite {
    height: 16px !important;
    width: 20px !important;
}*/

.k-filemanager-navigation span.k-in {
    font-weight: 600;
    /*padding-top: 4px;
    padding-bottom: 4px;*/
}

/*.k-filemanager-navigation .k-icon.k-i-expand:before {
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: rgb(173, 181, 189);
}*/

.k-dialog .k-window-content.k-dialog-content {
    background-color: #fff;
}

/*.k-in .k-item ::before {
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: rgb(173, 181, 189);
    
}*/

/*.k-filemanager-navigation ul, 
.k-filemanager-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.k-filemanager-navigation ul {
    padding-left: 1em;
}

.k-filemanager-navigation li {
    padding-left: 1em;
    border: 1px dotted black;
    border-width: 0 0 1px 1px;
}

.k-treeview .k-item {
    border: 1px dotted black;
    border-width: 0 0 1px 1px;
}*/

/*.k-treeview .k-item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 1px;
    left: .70312rem;
    border-left: 1px dotted #adb5bd;
}

.k-treeview .k-item {
    position: relative;
    background: 0 0 !important;
}*/

/*.k-treeview .k-item ul, .k-treeview .k-item  li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.k-treeview .k-item  ul {
    padding-left: 1em;
}

.k-treeview .k-item  li {
    padding-left: 1em;
    border: 1px dotted black;
    border-width: 0 0 1px 1px;
}

.k-treeview .k-item .k-top,
.k-treeview .k-item .k-mid {
    border-bottom: 0px;
}

    .k-treeview .k-item  li.empty {
        font-style: italic;
        color: silver;
        border-color: silver;
    }

    .k-treeview .k-item  li span {
        margin: 0;
        background: white;
        position: relative;
        top: 0.85em;
    }

    .k-treeview .k-item  li ul {
        border-top: 1px dotted black;
        margin-left: -1em;
        padding-left: 2em;
    }

.k-treeview .k-item  ul li:last-child ul {
    border-left: 1px solid white;
    margin-left: -17px;
}*/

/*.jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl:before {*/
/*.k-item .k-top .k-icon {
    content: '';
    position: absolute;
    left: 50%;
    right: 1px;
    top: 50%;
    border-top: 1px dotted #adb5bd;
}

.k-treeview .k-group {
    margin-bottom: 20px;
}

.k-treeview .k-group {
    border-left: 1px dotted #adb5bd;
}

.k-item.k-last {
    margin-top: 20px;
}*/

.k-treeview-lines > li:nth-child(2) .k-icon,
.recycle-bin .k-icon {
    display: none;
}

.k-treeview-lines > li:nth-child(2) > ul,
.recycle-bin ul {
    display: none !important;
}

.k-dialog-content[data-role="confirm"] {
    padding: 30px 20px !important;
}

@media (max-width: 767.98px) {
    .k-filemanager-navigation,
    .k-filemanager-splitbar-navigation {
        display: none;
    }
}

@media (min-width: 768px) {
    .k-filemanager-navigation {
        display: block;
    }

    .k-filemanager-splitbar-navigation {
        display: flex;
    }
}