/*
@license
Webix FileManager v.4.4.0
This software is covered by Webix Trial License.
Usage without proper license is prohibited.
(c) XB Software Ltd.
*/
@charset "UTF-8";
/* card sizes */
@font-face {
    font-family: "Font Awesome 5 Pro" !important;
    /*src: url("/Fontawesome/webfonts/filemanager-webfont.woff2") format("woff2"), url("/Fontawesome/webfonts/filemanager-webfont.woff") format("woff");*/
    src: url("/Fontawesome/webfonts/fa-light-300.eot");
    src: url("/Fontawesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/Fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("/Fontawesome/webfonts/fa-light-300.woff") format("woff"), url("/Fontawesome/webfonts/fa-light-300.ttf") format("truetype"), url("/Fontawesome/webfonts/fa-light-300.svg#fontawesome") format("svg");

    font-style: normal;
}

[class^=fmi-]:before,
[class*=fmi-]:before {
    font-family: "Font Awesome 5 Pro" !important;
    display: inline-block;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/*
Glyphs list
*/
.fmi-check:before {
    content: "";
}

.fmi-circle:before {
    content: "";
}

.fmi-file-plus-outline:before {
    content: "\f319";
}

.fmi-file-tree:before {
    content: "\f802";
}

.fmi-file-upload-outline:before {
    content: "\f093";
}

.fmi-folder-plus-outline:before {
    content: "\f65e";
}

.fmi-information-outline:before {
    content: "";
}

.fmi-open-in-new:before {
    content: "";
}

.fmi-view-array:before {
    content: "";
}

.fmi-view-grid:before {
    content: "\f009";
}

.fmi-view-list:before {
    content: "\f0c9";
}

.fmi-content-copy:before {
    content: "\f0c5";
}

.fmi-content-cut:before {
    content: "\f0c4";
}

.fmi-content-paste:before {
    content: "\f0ea";
}

.fmi-rename-box:before {
    content: "\f044";
}

.fmi-format-list-bulleted:before {
    content: "";
}

.fmi-exit-to-app:before {
    content: "";
}

.fmi-folder-upload-outline:before {
    content: "";
}

.webix_fmanager_cards {
    background-color: #ebedf0;
}

    .webix_fmanager_cards .webix_dataview_item.tiles {
        padding: 0;
        border-radius: 3px;
        background-color: #ffffff;
        border-color: #ccd7e6;
    }

        .webix_fmanager_cards .webix_dataview_item.tiles.webix_selected {
            border-color: #28b263;
        }

        .webix_fmanager_cards .webix_dataview_item.tiles.webix_drag_over {
            background-color: #f4f5f9;
        }

            .webix_fmanager_cards .webix_dataview_item.tiles.webix_drag_over.webix_selected {
                background-color: #ffffff;
            }

        .webix_fmanager_cards .webix_dataview_item.tiles .customrotatedfolder.filemanagercardicon {
            margin-left: 0px;
            margin-top: 5px;
            color: FFE9A2;
            font-size: 70px !important;
            height: 75px !important;
            width: 75px !important;
        }
        .webix_fmanager_cards .webix_dataview_item.tiles .filemanagercardicon {
            margin-left: 13px;
            margin-top: 10px;
            color: #005a9e;
            font-size: 70px !important;
            height: 75px !important;
            width: 75px !important;
        }

        .webix_fmanager_cards .webix_dataview_item.tiles .webix_fmanager_card_preview {
            border-bottom: 1px solid #edeff0;
        }

.webix_fmanager_card_label {
    color: #828d9c;
    font-size: 10px;
    line-height: 10px;
    display: block;
}

.webix_fmanager_card_preview {
    position: relative;
    height: 87px;
}

    .webix_fmanager_card_preview.file {
        background-color: white;
        height: 92px;
    }

        .webix_fmanager_card_preview.file:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(transparent 80%, rgba(134, 134, 134, 0.3));
        }

.webix_fmanager_card_panel {
    position: relative;
    padding: 10px 12px;
    height: 24px;
}

    .webix_fmanager_card_panel.file {
        height: 18px;
        border-top: 1px solid #ccd7e6;
    }

.webix_fmanager_card_name {
    display: inline-block;
    white-space: nowrap;
    font-weight: 500;
    width: 114px;
    height: 19px;
    line-height: 19px;
    color: #475466;
}

    .webix_fmanager_card_name.folder {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .webix_fmanager_card_name .webix_fmanager_file-type-icon {
        margin: 0;
        height: 17px;
    }

.webix_fmanager_menu_icon {
    position: absolute;
    padding: 4px;
    width: 20px;
    border-radius: 100px;
    right: 9px;
    bottom: 6px;
    color: #475466;
    font-size: 17px;
}

    .webix_fmanager_menu_icon:hover {
        background-color: #ebedf0;
    }

.file_name_text {
    margin-left: 8px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 97px;
}

.webix_fmanager_search_mark {
    background: yellow;
    color: #313131;
}

.webix_fmanager_preview_name .webix_el_box {
    padding: 3px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webix_fmanager_preview {
    border-top-color: transparent;
}

    .webix_fmanager_preview .webix_template {
        padding: 0px;
    }

        .webix_fmanager_preview .webix_template img {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

            .webix_fmanager_preview .webix_template img.webix_fmanager_preview_icon {
                margin: 20px;
                width: 90%;
                height: 90%;
            }

.webix_fmanager_info_tab .webix_item_tab.webix_selected {
    cursor: default;
}

    .webix_fmanager_info_tab .webix_item_tab.webix_selected:focus {
        box-shadow: inset 0 -2px #3498db;
        color: #3498db;
    }

.webix_fmanager_preview_info.extra {
    border-color: #ebedf0 transparent transparent;
}

.webix_fmanager_preview_info .webix_template {
    padding: 0;
}

.webix_fmanager_preview_info .key_col {
    float: left;
    width: 50%;
    font-weight: 500;
    text-align: right;
}

.webix_fmanager_preview_info .value_col {
    float: right;
    width: 50%;
    white-space: nowrap;
}

.webix_fmanager_preview_info .key_value_cell {
    padding: 2px;
}

    .webix_fmanager_preview_info .key_value_cell.key {
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.webix_fmanager_id3tags-unknown {
    color: #a4b4bf;
}

.webix_fmanager_info_header {
    margin: 8px 0;
}

    .webix_fmanager_info_header .webix_fmanager_icon {
        color: #a4b4bf;
        line-height: 1.5;
    }

.webix_fmanager_info_title {
    color: #475466;
    font-weight: 500;
}

/* plyr player style */
.webix_fmanager_player .plyr--audio .plyr__controls {
    background: #ffffff;
}

.webix_fmanager_player .plyr__video-wrapper {
    background: #ffffff;
}

.webix_fmanager_player .plyr--video .plyr__controls {
    background: linear-gradient(transparent, #ffffff);
}

.webix_fmanager_player .plyr--video .plyr__progress__buffer {
    color: rgba(193, 201, 209, 0.66);
    box-shadow: none;
    background: rgba(193, 201, 209, 0.66);
}

.webix_fmanager_player .plyr--video .plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr--video .plyr__control--overlaid {
    background: #3498db;
}

    .webix_fmanager_player .plyr--video .plyr__control--overlaid:hover {
        background: #2386c8;
    }

.webix_fmanager_player .plyr--video .plyr__control.plyr__tab-focus {
    box-shadow: none;
}

.webix_fmanager_player .plyr__time--current {
    color: #4a5764;
}

.webix_fmanager_player .icon--not-pressed,
.webix_fmanager_player .icon--pressed {
    fill: #4a5764;
}

.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus, .webix_fmanager_player .plyr__controls__item.plyr__control:hover,
.webix_fmanager_player .plyr__controls__item .plyr__control:hover,
.webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true], .webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] {
    fill: #3498db;
    background: transparent;
}

    .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus .icon--pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control:hover .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control:hover .icon--pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true] .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true] .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] .icon--not-pressed,
    .webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] .icon--pressed {
        fill: #3498db;
    }

.webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus {
    box-shadow: none;
}

.webix_fmanager_player .plyr--full-ui input[type=range] {
    color: #3498db;
}

    .webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5);
    }

    .webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5);
    }

    .webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5);
    }

.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(193, 201, 209, 0.66);
}

.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 201, 209, 0.66);
}

.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(193, 201, 209, 0.66);
}

.webix_fmanager_tree .webix_tree_item.webix_selected .webix_icon,
.webix_fmanager_tree .webix_tree_item .webix_icon {
    color: #ccc;
    padding: 0 2px 0 0;
    font-size: 15px;
    vertical-align: top;
}

.webix_fmanager_fsstats .webix_template {
    padding: 4px 14pt;
}

.webix_fmanager_inner_drag_zone_list .webix_fmanager_file-type-icon, .webix_fmanager_file-type-icon {
    float: left;
    height: 17px;
}

.webix_fmanager_filelist .webix_dtable_colrow {
    cursor: pointer;
    background-color: #efefef;
    border-bottom: 1px solid #edeff0;
}

    .webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back_icon {
        position: relative;
        top: 2px;
        color: #ffffff;
        font-size: 17px;
        margin-right: 7px;
    }

    .webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back {
        color: #333;
    }

        .webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back:hover {
            color: #333;
        }

    .webix_fmanager_filelist .webix_dtable_colrow .webix_fmanager_back_icon {
        position: relative;
        top: 2px;
        color: #3498db;
        font-size: 17px;
        margin-right: 7px;
    }

    

.webix_fmanager_filelist .wxi-folder {
    position: relative;
    top: 2px;
    color: #ccc;
    font-size: 17px;
    margin-right: 7px;
}

.webix_fmanager_file-type-icon {
    margin-top: 3px;
    margin-right: 7px;
}

.webix_fmanager_grid_drag_zone_list {
    padding: 4px 8px;
    border: 1px solid #edeff0;
    font-weight: 500;
}

.webix_fmanager_inner_drag_zone_list {
    line-height: 28px;
    max-width: 200px;
    min-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .webix_fmanager_inner_drag_zone_list .webix_fmanager_file-type-icon {
        margin-top: -2px;
        margin-right: 8px;
    }

    .webix_fmanager_inner_drag_zone_list .wxi-folder {
        position: relative;
        top: 2px;
        color: #ccc;
        font-size: 17px;
        margin-right: 7px;
    }

.webix_fmanager_prompt .webix_win_head {
    border-color: #ffffff;
}

    .webix_fmanager_prompt .webix_win_head .webix_toolbar {
        background: #ffffff;
    }

        .webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_el_label {
            color: #475466;
        }

        .webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_icon_button .webix_icon {
            color: #a4b4bf;
        }

        .webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_icon_button:hover .webix_icon {
            color: #475466;
        }

.webix_fmanager_prompt .webix_fmanager_prompt_input input {
    border-color: #cccccc;
    border-bottom-color: #cccccc;
}

    .webix_fmanager_prompt .webix_fmanager_prompt_input input:focus {
        border-color: #3498db;
        border-bottom-color: #3498db;
    }

.webix_fmanager_prompt .webix_fmanager_prompt_input.webix_invalid input {
    border-color: #fea5a8;
    border-bottom-color: #fea5a8;
}

.webix_fmanager_prompt .webix_fmanager_prompt_input.webix_invalid:focus {
    border-color: #fea5a8;
    border-bottom-color: #fea5a8;
}

.webix_fmanager_progress .webix_win_head {
    border-bottom: 1px solid transparent;
}

.webix_fmanager_progress_head {
    box-shadow: inset 0 4px #3498db;
    background-color: #ffffff;
}

    .webix_fmanager_progress_head .webix_template {
        padding-top: 12px;
        text-align: center;
    }

.webix_template > div.webix_fmanager_progress_bar {
    text-align: center;
}

.webix_fmanager_progress_counter {
    font-weight: 500;
}

.webix_fmanager_progress_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webix_fmanager_progress_cancel .webix_el_box {
    padding: 2px 0;
}

.webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content .filename, .webix_fmanager_editor_tab.webix_item_tab .filename, .webix_fmanager_editor_name .webix_el_box .filename {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webix_fmanager_editor_save .webix_icon_btn {
    margin-left: -6px;
}

    .webix_fmanager_editor_save .webix_icon_btn.webix_fmanager_icon.fmi-circle {
        color: #ffe834;
        font-size: 14px;
    }

/* text-overflow 'middle-ellipsis' */
.webix_fmanager_editor_name .webix_el_box {
    white-space: nowrap;
}

    .webix_fmanager_editor_name .webix_el_box .filename {
        max-width: calc(100% - 51px);
    }

.webix_fmanager_editor_tab.webix_item_tab {
    white-space: nowrap;
    position: relative;
    text-align: left;
}

    .webix_fmanager_editor_tab.webix_item_tab .webix_icon {
        position: absolute;
        right: 12px;
    }

        .webix_fmanager_editor_tab.webix_item_tab .webix_icon.fmi-circle {
            color: #ffe834;
        }

        .webix_fmanager_editor_tab.webix_item_tab .webix_icon.wxi-close {
            visibility: hidden;
        }

    .webix_fmanager_editor_tab.webix_item_tab.webix_selected .webix_icon.wxi-close {
        visibility: visible;
    }

    .webix_fmanager_editor_tab.webix_item_tab.webix_selected .webix_icon.fmi-circle:hover {
        color: inherit;
    }

        .webix_fmanager_editor_tab.webix_item_tab.webix_selected .webix_icon.fmi-circle:hover:before {
            font-family: "Webix Material Icons";
            content: "";
            /* close */
        }

    .webix_fmanager_editor_tab.webix_item_tab .filename {
        max-width: calc(100% - 98px);
        margin-left: 12px;
    }

/* tabbar more popup */
.webix_gantt_editor_popup .webix_tab_list .webix_list_item:hover {
    background-color: #f4f5f9;
}

.webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content {
    position: relative;
    white-space: nowrap;
}

    .webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content .webix_icon {
        position: absolute;
        right: 0px;
        top: 6px;
        font-size: 20px;
    }

        .webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content .webix_icon.fmi-circle {
            color: #ffe834;
        }

        .webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content .webix_icon.wxi-close {
            visibility: hidden;
        }

    .webix_gantt_editor_popup .webix_tab_list .webix_list_item .tab_content .filename {
        max-width: calc(100% - 68px);
    }

.webix_fmanager_spec_icon .webix_icon {
    font-size: 17px;
    height: 17px;
}

.webix_fmanager_path .webix_template {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    padding: 0;
}

.webix_fmanager_path_chunk:hover {
    cursor: pointer;
    color: #333;
}

.webix_fmanager_context-menu-hotkey {
    color: #a4b4bf;
    float: right;
}

.webix_fmanager_preview_toggle .webix_icon_btn {
    margin-right: 0;
}

.webix_fmanager_add_new_menu {
    border-color: transparent;
}

/* folder icons for dnd hover in all views*/
.webix_fmanager_filelist .webix_drag_over .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over .wxi-folder:before {
    content: "";
    /* opened folder */
}

.webix_fmanager_filelist .webix_drag_over.webix_selected .wxi-folder:before, .webix_fmanager_filelist .webix_drag_over.webix_row_select .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over.webix_selected .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over.webix_row_select .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over.webix_selected .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over.webix_row_select .wxi-folder:before {
    content: "";
    /* closed folder */
}

.webix_fmanager_confirm .webix_popup_text {
    text-align: left;
}

    .webix_fmanager_confirm .webix_popup_text .question {
        margin-bottom: 10px;
    }

    .webix_fmanager_confirm .webix_popup_text .item {
        font-weight: 500;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.webix_files_sidemenu {
    z-index: 1 !important;
}

/* compact overrides*/
.webix_fmanager_cards .webix_dataview_item .webix_fmanager_menu_icon {
    width: 17px;
}

.webix_fmanager_grid_drag_zone_list .webix_fmanager_inner_drag_zone_list {
    line-height: 16px;
}

.webix_fmanager_card_panel {
    padding: 10px;
}

/* flat overrides */
.webix_fmanager_path_chunk:hover {
    cursor: pointer;
    color: #333;
}

.webix_fmanager_progress_head {
    box-shadow: inset 0 4px #28b263;
}

.webix_fmanager_info_tab .webix_item_tab.webix_selected:focus {
    box-shadow: inset 0 -2px transparent;
    color: #ffffff;
    outline-style: none;
}

.webix_fmanager_preview_toggle .webix_icon_btn,
.webix_fmanager_mode_icon {
    font-size: 15px;
    width: 17px;
    line-height: 1.3;
}

.webix_fmanager_filelist :-moz-any(.wxi-folder) {
    top: 0;
}

.webix_fmanager_tree .webix_tree_item.webix_selected .webix_icon,
.webix_fmanager_tree .webix_tree_item .webix_icon {
    vertical-align: initial;
    padding: 0;
}

/* editor tabs */
.webix_fmanager_editor_tab.webix_item_tab .tab_content {
    top: 2px;
}

.webix_tab_list .webix_list_item .tab_content .webix_icon {
    right: -9px;
    top: 4px;
    font-size: 15px;
}

.webix_fmanager_editor_tab.webix_item_tab,
.webix_fmanager_editor_tab.webix_item_tab.webix_selected,
.webix_fmanager_editor_tab.webix_item_tab.webix_selected:focus {
    border-color: #ffffff;
}
.webix_fmanager_card_panel .webix_icon.wxi-dots.webix_fmanager_menu_icon
{
    position:relative !important;
}
.webix_fmanager_card_preview .filemanagercardicon {
    font-size: 70px !important;
}
.webix_fmanager_card_panel .webix_icon.wxi-dots.webix_fmanager_menu_icon.customcardtemplate {
    position: unset !important;
    border-radius: 0px !important;
}

.webix_fmanager_Customcard_name {
    display: inline-block;
    white-space: nowrap;
    font-weight: 500;
    width: 114px;
    height: 19px;
    line-height: 19px;
    color: #475466;
}

    .webix_fmanager_Customcard_name {
        overflow: hidden;
        text-overflow: ellipsis;
    }