@use 'sass:color';
@use 'ej2-base/styles/definition/fabric' as *;
@forward 'ej2-base/styles/definition/fabric';

/*! FileManager's fabric theme wise override definitions and variables */
$fm-skin-name: 'fabric' !default;
$fe-bc-font-size: 14px !default;
$fe-bc-icon-font-size: 10px !default;
$fe-dg-td-font-size: 14px !default;
$fe-lg-text-font-size: 13px !default;
$fe-ddl-icon-font-size: 14px !default;

$fe-big-bc-font-size: 15px !default;
$fe-big-bc-icon-font-size: 12px !default;
$fe-big-lg-text-font-size: 14px !default;
$fe-big-dg-td-font-size: 15px !default;
$fe-big-dg-header-font-size: 21px !default;

$fe-border-color: #e0e0e0 !default;
$fe-background: transparent;
$fe-icon-color: $neutral-light-font !default;
$fe-label-color: $neutral-secondary-alt !default;
$fe-text-color: $neutral-light-font !default;
$fe-active-border-color: $theme-lighter !default;
$fe-active-bg-color: $theme-lighter !default;
$fe-active-font-color: $neutral-light-font !default;
$fe-hover-border-color: $neutral-lighter !default;
$fe-hover-bg-color: $neutral-lighter !default;
$fe-ah-border-color: $neutral-lighter !default;
$fe-ah-bg-color: $theme-lighter !default;
$fe-focus-border-color: $neutral-lighter !default;
$fe-bc-color: $neutral-secondary !default;
$fe-bc-link-color: $theme-primary !default;
$fe-bc-hover-bg-color: color.adjust($theme-primary, $lightness: -10%) !default;
$fe-bc-hover-font-color: $theme-primary-font !default;
$fe-grid-header-bg-color: $neutral-lighter-alt !default;
$fe-grid-type-color: $neutral-secondary-alt !default;
$fe-grid-text-color: $neutral-light-font !default;
$fe-ddl-icon-color: $theme-primary !default;
$fe-error-color: $error-font !default;
$fe-img-border-color: $neutral-white !default;
$fe-search-bg-color: transparent !default;
$fe-tb-hover-border-color: $neutral-light !default;
$fe-tb-focus-border-color: $neutral-light !default;
$fe-tb-focus-bg: $neutral-lighter !default;
$fe-checkbox-color: $neutral-white !default;
$fe-checkbox-bg-color: $theme-primary !default;
$fe-drop-border-color: $theme-primary !default;
$fe-up-list-border-color: $neutral-quintenaryalt !default;
$fe-clone-bg-color: $neutral-white !default;
$fe-clone-border-color: none !default;
$fe-clone-count-border-color: $theme-primary !default;
$fe-clone-count-font-color: $theme-primary-font !default;
$fe-clone-count-bg-color: $theme-primary !default;
$fe-drop-folder-bg-color: $theme-primary !default;

$fe-clone-box-shadow:  0 0 10px 0 rgba($neutral-black, .2) !default;
$fe-clone-border: none !default;
$fe-img-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .05) !default;
$fe-tb-ddb-icon-padding: 0 !default;
$fe-tb-ddb-height: inherit !default;
$fe-tb-ddb-btn-hvr-padding: 0 !default;
$fe-tb-ddb-btn-padding: 0 !default;
$fe-tb-ddb-border: 0 !default;
$fe-tb-ddb-caret-size: 10px !default;
$fe-search-padding: 1.5px 8px 0 1px !default;
$fe-upload-overlay-border: 3px !default;
$fe-search-height: 30px !default;
$fe-search-icon-margin: 4px 0 !default;
$fe-search-icon-font-size : 14px !default;
$fe-search-clear-icon-padding: 0 !default;
$fe-search-input-margin: -2px 0 0 24px !default;
$fe-bc-margin: 0 !default;
$fe-bc-padding: 2px 8px !default;
$fe-bc-text-padding: 4px 4px 5px !default;
$fe-bc-text-size: 27px !default;
$fe-bc-icon-margin: 0 4px !default;
$fe-bc-icon-padding: 5px !default;
$fe-bc-search-border-bottom: 1px !default;
$fe-bc-li-item-height: 29px !default;
$fe-bc-submenu-height: 27px !default;
$fe-bc-li-text-decoration: none;
$fe-grid-icon-size: 18px !default;
$fe-grid-icon-height: 18px !default;
$fe-grid-icon-margin: 0 8px 0 0 !default;
$fe-dg-td-padding: 8px 24px 8px 0 !default;
$fe-dg-rtl-td-padding: 8px 0 8px 24px !default;
$fe-grid-header-height: 32px !default;
$fe-grid-header-font-size: 14px !default;
$fe-grid-header-cb-padding-left: 10px !default;
$fe-grid-content-font-size: 12px !default;
$fe-grid-content-name-font-size: 13px !default;
$fe-grid-icon-sort-margin: 0 !default;
$fe-grid-row-ie-box-shadow: inset 0 1px 0 0 $neutral-secondary, inset 0 -1px 0 0 $neutral-secondary !default;
$fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 $neutral-secondary, inset 1px -1px 0 0 $neutral-secondary !default;
$fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 $neutral-secondary, inset -1px -1px 0 0 $neutral-secondary !default;
$fe-lg-margin: 0 !default;
$fe-lg-padding: 0 4px !default;
$fe-lg-item-height: 85px !default;
$fe-lg-item-width: 80px !default;
$fe-lg-item-margin: 8px 4px !default;
$fe-lg-item-padding: 2px !default;
$fe-lg-item-border: 1px !default;
$fe-lg-item-inner-height: 79px !default;
$fe-lg-item-inner-width: 74px !default;
$fe-lg-icon-height: 40px !default;
$fe-lg-icon-width: 40px !default;
$fe-lg-icon-margin: 10px auto !default;
$fe-lg-img-height: 62px !default;
$fe-lg-text-padding: 2px 0 0 0 !default;
$fe-cb-line-height: 12px !default;
$fe-cm-separator-margin: 0 0 !default;
$fe-dd-popup-blank-icon-padding-left: 34px !default;
$fe-tv-fullrow-height: 34px !default;
$fe-address-height: 34px !default;
$fe-tb-height: 41px !default;
$fe-tv-node-height: 32px !default;
$fe-tv-node-lheight: 32px !default;
$fe-nrml-border-none: none !default;
$fe-tb-items-caret-icon-padding: 0 8px !default;
$fe-tb-pop-caret-icon-padding: 0 8px !default;
$fe-treeview-ul-padding-left: 8px !default;
$fe-breadcrumb-icons-padding-bottom: 6px !default;
$fe-grid-headercell-icon-margin-right: 1px !default;
$fe-grid-icon-padding: 0 2px 0 9px !default;
$fe-gridcontent-icon-padding: 0 0 0 12px !default;
$fe-grid-name-padding-left: 6px !default;
$fe-clone-content-padding: 4px 8px !default;
$fe-clone-content-name-margin: auto 8px !default;
$fe-clone-content-icon-margin: auto 8px !default;
$fe-clone-count-margin-left: -12px !default;
$fe-rtl-treeview-ul-padding: 0 8px 0 0 !default;
$fe-rtl-search-wrap-input-margin: 0 24px 0 0 !default;
$fe-rtl-grid-content-padding: 12px !default;
$fe-rtl-grid-icon-padding: 21px !default;
$fe-popup-dialog-icon-margin: 0 8px -2px 0 !default;
$fe-dialog-retrycontent-padding: 16px 0 !default;
$fe-popup-dialog-rtl-icon-margin: 0 0 -2px 8px !default;
$fe-content-border-spacing: 0 !default;
$fe-padding-none: 0 !default;
$fe-checkbox-padding: 6px !default;
$fe-margin-none: 0 !default;
$fe-tb-btn-icon-padding: 0 2px !default;
$fe-nrml-overlay-height: calc(100% - 34px) !default;
$fe-margin-auto: auto !default;

$fe-big-tv-fullrow-height: 40px !default;
$fe-big-address-height: 40px !default;
$fe-big-tb-height: 51px !default;
$fe-big-tv-node-height: 38px !default;
$fe-big-tv-node-lheight: 38px !default;
$fe-big-tb-ddb-btn-hvr-padding: 0 !default;
$fe-big-tb-ddb-btn-padding: 0 !default;
$fe-big-search-padding: 1.5px 12px 0 1px !default;
$fe-big-search-height: 36px !default;
$fe-big-bc-padding: 3px 12px !default;
$fe-big-bc-text-size: 32px !default;
$fe-big-bc-text-padding: 5px 4px !default;
$fe-big-bc-li-item-height: 34px !default;
$fe-big-bc-submenu-height: 33px !default;
$fe-big-grid-icon-margin: 0 12px 0 0 !default;
$fe-big-grid-header-height: 36px !default;
$fe-big-dg-td-padding: 8px 30px 8px 0 !default;
$fe-big-lg-padding: 0 6px !default;
$fe-big-lg-item-height: 106px !default;
$fe-big-lg-item-width: 100px !default;
$fe-big-lg-item-margin: 12px 6px !default;
$fe-big-lg-item-inner-height: 100px !default;
$fe-big-lg-item-inner-width: 94px !default;
$fe-big-lg-text-inner-width: 94px !default;
$fe-big-lg-icon-height: 52px !default;
$fe-big-lg-icon-width: 52px !default;
$fe-big-lg-icon-margin: 11px auto !default;
$fe-big-lg-img-height: 79px !default;
$fe-big-lg-text-padding: 4px 2px 2px !default;
$fe-big-cb-line-height: 16px !default;
$fe-big-grid-header-font-size: 15px !default;
$fe-big-grid-content-font-size: 13px !default;
$fe-big-grid-content-name-font-size: 14px !default;
$fe-big-search-wrap-input-margin-left: 45px !default;
$fe-big-search-wrap-margin-left: 8px !default;
$fe-big-search-wrap-margin-top: 3px !default;
$fe-big-rtl-search-wrap-input-margin-right: 45px !default;
$fe-big-rtl-grid-icon-padding-right: 10px !default;
$fe-big-tb-caret-icon-padding: 0 10px !default;
$fe-big-tb-popup-caret-icon-padding: 0 10px !default;
$fe-big-treeview-ul-padding-left: 12px !default;
$fe-big-grid-content-checkbox-padding-left: 10px !default;
$fe-big-grid-icon-padding-left: 16px !default;
$fe-big-rtl-grid-checkbox-wrapper-margin-right: -10px !default;
$fe-big-rtl-grid-treeview-ul-padding: 0 12px 0 0 !default;
$fe-big-rtl-grid-checkbox-padding-right: 16px !default;
$fe-big-overlay-height: calc(100% - 41px) !default;

$fe-rtl-grid-icon-margin: 0 0 0 8px !default;

$fe-mobile-lg-item-height: 155px !default;
$fe-mobile-lg-item-width: 155px !default;
$fe-mobile-lg-item-margin: 8px 8px !default;
$fe-mobile-lg-item-inner-width: 110px !default;
$fe-mobile-lg-icon-height: 110px !default;
$fe-mobile-lg-icon-width: 110px !default;
$fe-mobile-lg-icon-margin: 11px auto 0 !default;
$fe-mobile-lg-img-height: 110px !default;
$fe-mobile-grid-icon-size: 35px !default;
$fe-mobile-grid-icon-height: 35px !default;
$fe-mobile-icon-font-size: 20px !default;
$fe-mobile-newfolder-padding-top: 0 !default;
$fe-mobile-upload-padding-left: 0 !default;
$fe-mobile-sort-padding-top: 3px !default;
$fe-mobile-refresh-padding-top: 3px !default;
$fe-mobile-select-padding-top: 2px !default;
$fe-mobile-large-padding: 0 0 0 2px !default;
$fe-mobile-grid-padding: 4px 2px 0 2px !default;
$fe-mobile-details-padding-top: 3px !default;
$fe-mobile-gridview-icon-padding: 0 !default;
$fe-mobile-delete-padding-left: 4px !default;
$fe-mobile-rename-padding-left: 2px !default;
$fe-mobile-rename-padding-top: 3px !default;
$fe-mobile-download-padding-left: 4px !default;
$fe-mobile-cut-padding-left: 2px !default;
$fe-mobile-cut-padding-top: 1px !default;
$fe-mobile-copy-padding-left: 4px !default;
$fe-mobile-search-height: 40px !default;
$fe-mobile-lg-item-minwidth: 140px !default;
$fe-mobile-lg-item-width-two: calc(50% - 17px) !default;
$fe-mobile-lg-item-width-three: calc(33.33% - 17px) !default;
$fe-mobile-clear-icon-margin: 2px 8px 0 !default;
$fe-mobile-address-search-margin: 3px 0 !default;
$fe-mobile-grid-icon-margin: 0 8px 0 0 !default;
$fe-mobile-grid-icon-padding: 10px !default;
$fe-mobile-list-img-margin: 11px !default;

$fe-big-lg-icon-empty-min-width: 300px !default;

$fe-big-lg-icon-empty-content-font-size: 22px !default;
$fe-big-lg-icon-empty-content-margin: 0 auto !default;
$fe-big-lg-icon-empty-content-padding: 12px !default;
$fe-big-lg-icon-empty-content-text-align: center !default;

$fe-big-lg-icon-empty-icon-height: 64px !default;
$fe-big-lg-icon-empty-icon-margin: 0 auto !default;
$fe-big-lg-icon-empty-icon-width: 64px !default;

$fe-big-lg-icon-empty-inner-content-font-size: 16px !default;
$fe-big-lg-icon-empty-inner-content-margin: 0 auto !default;
$fe-big-lg-icon-empty-inner-content-opacity: .5 !default;
$fe-big-lg-icon-empty-inner-content-padding: 6px !default;
$fe-big-lg-icon-empty-inner-content-text-align: center !default;

$fe-big-grid-empty-min-width: 300px !default;

$fe-big-grid-empty-content-font-size: 22px !default;
$fe-big-grid-empty-content-margin: 0 auto !default;
$fe-big-grid-empty-content-padding: 12px !default;
$fe-big-grid-empty-content-text-align: center !default;

$fe-big-grid-empty-icon-height: 64px !default;
$fe-big-grid-empty-icon-margin: 0 auto !default;
$fe-big-grid-empty-icon-width: 64px !default;

$fe-big-grid-empty-inner-content-font-size: 16px !default;
$fe-big-grid-empty-inner-content-margin: 0 auto !default;
$fe-big-grid-empty-inner-content-opacity: .5 !default;
$fe-big-grid-empty-inner-content-padding: 6px !default;
$fe-big-grid-empty-inner-content-text-align: center !default;

$fe-grid-empty-min-width: 200px !default;

$fe-grid-empty-content-font-size: 20px !default;
$fe-grid-empty-content-margin: 0 auto !default;
$fe-grid-empty-content-padding: 8px !default;
$fe-grid-empty-content-text-align: center !default;

$fe-grid-empty-icon-height: 52px !default;
$fe-grid-empty-icon-margin: 0 auto !default;
$fe-grid-empty-icon-width: 52px !default;

$fe-grid-empty-inner-content-font-size: 14px !default;
$fe-grid-empty-inner-content-margin: 0 auto !default;
$fe-grid-empty-inner-content-opacity: .5 !default;
$fe-grid-empty-inner-content-padding: 6px !default;
$fe-grid-empty-inner-content-text-align: center !default;

$fe-lg-icon-empty-min-width: 200px !default;

$fe-lg-icon-empty-content-font-size: 20px !default;
$fe-lg-icon-empty-content-margin: 0 auto !default;
$fe-lg-icon-empty-content-padding: 8px !default;
$fe-lg-icon-empty-content-text-align: center !default;

$fe-lg-icon-empty-icon-height: 52px !default;
$fe-lg-icon-empty-icon-margin: 0 auto !default;
$fe-lg-icon-empty-icon-width: 52px !default;

$fe-lg-icon-empty-inner-content-font-size: 14px !default;
$fe-lg-icon-empty-inner-content-margin: 0 auto !default;
$fe-lg-icon-empty-inner-content-opacity: .5 !default;
$fe-lg-icon-empty-inner-content-padding: 6px !default;
$fe-lg-icon-empty-inner-content-text-align: center !default;
$fe-drag-select-bg-color: $theme-primary !default;
$fe-drag-select-bg-opacity: .3 !default;
$fe-checkbox-wrapper-border-width: 1px !default;
$fe-mobile-grid-rowcell-border-bottom: 1px !default;
$fe-auto-height: auto !default;
$fe-bigger-splitter-height: 100% !default;
$fe-large-list-img-border: 2px !default;
$fe-clone-content-height: 36px !default;
$fe-clone-content-name-font-size: 13px !default;
$fe-clone-content-icon-height: 18px !default;
$fe-clone-count-height: 22px !default;
$fe-clone-count-lheight: 22px !default;
$fe-popup-error-font-size: 12px !default;
$fe-popup-error-line-height: 1.5 !default;
$fe-height-none: 0 !default;
$fe-toolbar-border-width: 0 0 1px !default;
$fe-nrml-border-width: 1px !default;
$fe-border-none: 0 !default;
$fe-grid-header-border-width: 0 1px 1px !default;
$fe-parent-list-height: 100% !default;
$fe-dialog-icon-height: 18px !default;
$fe-dialog-img-height: 100% !default;
$fe-full-height: 100% !default;
$fe-clone-count-border-radius: 50% !default;
$fe-clone-count-font-size: 12px !default;
$fe-pager-border-width: 1px 0 0 !default;