@use 'ej2-base/styles/definition/bootstrap' as *;
@forward 'ej2-base/styles/definition/bootstrap';

/*! Kanban component's bootstrap theme definitions and variables */
$kanban-column-bg-color: $grey-f5 !default;
$kanban-border-color: $grey-e6 !default;
$kanban-default-font-color: $grey-light-font !default;
$kanban-content-font: $gray !default;
$kanban-card-selection-bg-color: $grey-lighter !default;
$kanban-dropped-clone-bg-color: rgba($brand-primary, .1) !default;
$kanban-dropped-clone-border-color: $brand-primary !default;
$kanban-dragged-clone-border-color: $grey-dd !default;
$kanban-icons-color: $gray-light !default;
$kanban-bg-color: $grey-white !default;
$kanban-text-area-bg-color: initial !default;
$kanban-text-area-color: $gray !default;
$kanban-popup-overlay-bg-color: #383838 !default;
$kanban-min-color: $msg-warning-bg-color !default;
$kanban-max-color:$msg-danger-bg-color !default;
$kanban-header-border-color: $grey-e6 !default;
$kanban-mb-popup-container-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2) !default;
$kanban-icons-border-radius: 0% !default;
$kanban-tags-bg-color: #eceaff !default;
$kanban-tags-color: #3225c9 !default;

$kanban-table-border-spacing: 10px 0 !default;
$kanban-table-swimlane-border-spacing: $kanban-table-border-spacing !default;
$kanban-table-bigger-border-spacing: 10px 0 !default;
$kanban-table-bigger-swimlane-border-spacing: $kanban-table-bigger-border-spacing !default;
$kanban-table-col-collapse-width: 50px !default;
$kanban-table-col-collapse-bgr-width: 50px !default;
$kanban-frozen-swimlane-row-padding: 13px 0 0 10px !default;
$kanban-frozen-swimlane-row-bgr-padding: $kanban-frozen-swimlane-row-padding !default;
$kanban-frozen-swimlane-row-header-padding: 2px !default;
$kanban-frozen-swimlane-row-header-line-height: 20px !default;
$kanban-frozen-swimlane-row-header-font-size: 14px !default;
$kanban-frozen-swimlane-row-header-bgr-font-size: 14px !default;
$kanban-frozen-swl-row-head-item-count-font-size: 12px !default;
$kanban-frozen-swl-row-head-item-count-bgr-font-size: 12px !default;
$kanban-frozen-swl-row-head-item-count-line-height: 20px !default;
$kanban-frozen-swl-row-head-item-count-bgr-line-height: 20px !default;
$kanban-frozen-swl-row-head-item-count-padding: 2px !default;
$kanban-frozen-swl-row-head-item-count-bgr-padding: 2px !default;
$kanban-frozen-swl-row-head-item-count-opacity: .77 !default;
$kanban-frozen-swl-row-head-item-count-font-weight: 400 !default;
$kanban-swl-frozen-header-item-count-color: $kanban-default-font-color !default;
$kanban-swl-frozen-header-row-icon-border: 1px solid transparent !default;
$kanban-swl-frozen-header-row-icon-height: 24px !default;
$kanban-swl-frozen-header-row-icon-margin: 0 0 0 8px !default;
$kanban-swl-frozen-header-row-icon-padding: 6px !default;
$kanban-swl-frozen-header-row-icon-font-size: 12px !default;
$kanban-swl-frz-head-row-icon-hover-margin: 0 0 0 8px !default;
$kanban-swl-frz-header-row-icon-hover-padding: 6px !default;
$kanban-swl-frozen-header-row-icon-hover-bg-color: $grey-e6 !default;
$kanban-swl-frozen-header-row-icon-focus-bg-color: $grey-e6 !default;
$kanban-swl-frozen-header-row-icon-hover-border: 1px solid transparent !default;
$kanban-swl-frozen-header-row-icon-hover-box-shadow: none !default;
$kanban-swl-frozen-header-row-icon-hover-color: $gray-light !default;
$kanban-swl-frozen-header-row-icon-focus-box-shadow: none !default;
$kanban-header-cell-height: 50px !default;
$kanban-header-cell-bgr-height: 56px !default;
$kanban-header-cell-padding: 5px 8px !default;
$kanban-stacked-header-cell-border-btm: 1px solid $grey-e6 !default;
$kanban-toggle-header-icon-font-size: 12px !default;
$kanban-toggle-header-icon-bgr-font-size: 12px !default;
$kanban-toggle-header-expand-icon-padding: 6px !default;
$kanban-toggle-header-collapse-icon-padding: 11px !default;
$kanban-toggle-header-collapse-width: 50px !default;
$kanban-header-text-font-size: 15px !default;
$kanban-header-text-font-weight: 400 !default;
$kanban-header-text-line-height: 24px !default;
$kanban-header-text-overflow: ellipsis !default;
$kanban-header-text-bgr-font-size: 16px !default;
$kanban-header-text-bgr-font-weight: 400 !default;
$kanban-header-text-bgr-line-height: 24px !default;
$kanban-header-text-bgr-transform: lowercase !default;
$kanban-header-item-count-font-size: 12px !default;
$kanban-header-item-count-font-weight: 400 !default;
$kanban-header-item-count-line-height: 24px !default;
$kanban-header-item-count-opacity: .77 !default;
$kanban-header-item-count-margin-top: 0 !default;
$kanban-header-item-count-text-transform: lowercase !default;
$kanban-header-item-count-bgr-font-size: $kanban-header-item-count-font-size !default;
$kanban-header-item-count-bgr-font-weight: $kanban-header-item-count-font-weight !default;
$kanban-header-item-count-bgr-line-height: $kanban-header-item-count-line-height !default;
$kanban-header-item-count-bgr-margin-top: $kanban-header-item-count-margin-top !default;
$kanban-header-item-count-bgr-text-transform: $kanban-header-item-count-text-transform !default;
$kanban-header-min-max-count-font-size: 13px !default;
$kanban-header-min-max-count-font-weight: 400 !default;
$kanban-header-min-max-count-opacity: .57 !default;
$kanban-collapse-header-text-color: $grey-light-font !default;
$kanban-collapse-header-text-font-size: 16px !default;
$kanban-collapse-header-text-font-weight: 400 !default;
$kanban-collapse-header-text-padding: 8px 0 0 13px !default;
$kanban-collapse-header-text-transform: lowercase !default;
$kanban-card-container-padding: 8px 8px 0 !default;
$kanban-card-container-bgr-padding: 8px 8px 0 !default;
$kanban-empty-card-font-size: 13px !default;
$kanban-empty-card-line-height: 40px !default;
$kanban-empty-card-padding: 10px 0 !default;
$kanban-empty-card-color: inherit !default;
$kanban-empty-card-margin: 0 !default;
$kanban-empty-card-display: inline !default;
$kanban-card-margin-bottom: 8px !default;
$kanban-card-bgr-margin-bottom: 8px !default;
$kanban-card-border: 1px solid rgba(0, 0, 0, .12) !default;
$kanban-card-border-radius: 4px !default;
$kanban-card-normal-box-shadow: none !default;
$kanban-card-header-padding: 7px 11px 0 !default;
$kanban-card-header-bgr-padding: 7px 11px 0 !default;
$kanban-color-card-header-padding: 7px 11px 0 8px !default;
$kanban-color-card-header-bgr-padding: 7px 11px 0 8px !default;
$kanban-card-header-title-font-size: 14px !default;
$kanban-card-header-title-line-height: 20px !default;
$kanban-card-header-title-font-weight: 400 !default;
$kanban-card-header-title-bgr-font-size: 15px !default;
$kanban-card-header-title-bgr-line-height: 20px !default;
$kanban-card-footer-padding: 0 11px 7px !default;
$kanban-card-footer-bgr-padding: 0 11px 7px !default;
$kanban-color-card-footer-padding: 0 11px 7px 8px !default;
$kanban-color-card-footer-bgr-padding: 0 11px 7px 8px !default;
$kanban-card-content-font-size: 13px !default;
$kanban-card-content-line-height: 20px !default;
$kanban-card-content-padding: 8px 11px !default;
$kanban-color-card-content-padding: 8px 11px 8px 8px !default;
$kanban-card-content-bgr-font-size: 14px !default;
$kanban-card-content-bgr-line-height: 20px !default;
$kanban-card-content-bgr-padding: 8px 11px !default;
$kanban-color-card-content-bgr-padding: 8px 11px 8px 8px !default;
$kanban-color-card-border: $kanban-card-border !default;
$kanban-color-card-border-left: 3px solid !default;
$kanban-color-card-hover-border: $kanban-card-border !default;
$kanban-color-card-hover-border-left: 3px solid !default;
$kanban-color-card-hover-box-shadow: none !default;
$kanban-color-card-focus-border: $kanban-card-border !default;
$kanban-color-card-focus-border-left: 3px solid !default;
$kanban-color-card-tags-padding: 0 11px 8px 8px !default;
$kanban-card-tags-padding: 0 11px 8px !default;
$kanban-color-card-selection-border: $kanban-card-border !default;
$kanban-color-card-selection-border-left: 3px solid !default;
$kanban-color-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
$kanban-color-card-selection-hover-border: $kanban-card-border !default;
$kanban-color-card-selection-hover-border-left: 3px solid !default;
$kanban-color-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
$kanban-color-card-selection-hover-padding: 0 !default;
$kanban-card-selection-border: $kanban-card-border !default;
$kanban-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
$kanban-card-selection-hover-border: $kanban-card-border !default;
$kanban-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
$kanban-card-selection-hover-padding: 0 !default;
$kanban-card-tag-border-radius: 4px !default;
$kanban-card-tag-font-size: 12px !default;
$kanban-card-tag-line-height: 20px !default;
$kanban-card-tag-margin-right: 8px !default;
$kanban-card-tag-padding: 2px 8px !default;
$kanban-card-hover-border: $kanban-card-border !default;
$kanban-card-normal-hover-box-shadow: $kanban-card-normal-box-shadow !default;
$kanban-card-focus-border: $kanban-card-border !default;
$kanban-multi-card-text-bg-color: $grey-white !default;
$kanban-target-drag-drop-clone-margin-bottom: 8px !default;
$kanban-target-drag-drop-clone-bgr-margin-bottom: 8px !default;
$kanban-target-drag-drop-clone-border-radius: 0 !default;
$kanban-target-dragged-clone-bg-color: $grey-f5 !default;
$kanban-swl-row-height: 50px !default;
$kanban-swl-row-header-padding: 0 !default;
$kanban-swl-row-header-bgr-padding: $kanban-swl-row-header-padding !default;
$kanban-swl-header-icon-border: 1px solid transparent !default;
$kanban-swl-header-icon-color: $kanban-icons-color !default;
$kanban-swl-header-icon-height: 24px !default;
$kanban-swl-header-icon-margin: 0 0 0 8px !default;
$kanban-swl-header-icon-rtl-margin: 0 8px 0 0 !default;
$kanban-swl-header-icon-padding: 6px !default;
$kanban-swl-header-icon-font-size: 12px !default;
$kanban-swl-header-icon-bgr-font-size: 12px !default;
$kanban-swl-header-icon-hover-border: $kanban-swl-header-icon-border !default;
$kanban-swl-header-icon-hover-color: $kanban-icons-color !default;
$kanban-swl-header-icon-hover-margin: 0 0 0 8px !default;
$kanban-swl-header-icon-hover-padding: 6px !default;
$kanban-swl-header-icon-hover-font-size: 12px !default;
$kanban-swl-header-icon-hover-background: $grey-e6 !default;
$kanban-swl-header-icon-hover-border-radius: $kanban-icons-border-radius !default;
$kanban-swl-header-icon-hover-box-shadow: none !default;
$kanban-swl-header-text-line-height: 20px;
$kanban-swl-header-text-bgr-line-height: 20px;
$kanban-swl-header-text-padding: 2px;
$kanban-swl-header-text-bgr-font-size: 14px;
$kanban-swl-header-item-count-font-size: 12px;
$kanban-swl-header-item-count-line-height: 20px;
$kanban-swl-header-item-count-font-opacity: .57;
$kanban-swl-header-item-count-padding: 2px;
$kanban-swl-header-item-count-color: inherit;
$kanban-swl-header-item-count-font-weight: 400;
$kanban-swl-header-item-count-bgr-font-size: 12px;
$kanban-swl-header-item-count-bgr-line-height: 20px;
$kanban-swl-header-item-count-bgr-padding: 2px;
$kanban-content-cells-focus-border: 1px solid $kanban-border-color;
$kanban-content-cells-focus-box-shadow: none;
$kanban-mb-swl-name-font-size: 14px;
$kanban-mb-swl-name-padding: 5px;
$kanban-mb-swl-name-color: inherit;
$kanban-mb-swl-name-font-weight: 400;
$kanban-mb-swl-name-line-height: 1.5;
$kanban-mb-swl-menu-icon-font-size: 14px;
$kanban-mb-swl-menu-icon-bgr-font-size: 18px;
$kanban-mb-swl-menu-icon-color: inherit;
$kanban-mb-swl-overlay-opacity: .5;
$kanban-dialog-form-table-td-line-height: 18px;
$kanban-dialog-form-table-td-opacity: .87;
$kanban-dialog-form-table-td-padding: 5px 0;
$kanban-dialog-form-table-td-color: inherit;
$kanban-dialog-form-table-td-font-weight: 400;
$kanban-mb-popup-content-padding: 4px !default;
$kanban-mb-popup-content-color: inherit !default;
$kanban-dialog-text-area-focus-shadow: none !default;

//Color Start
$kanban-header-text-color: $grey-light-font !default;
$kanban-header-item-count-color: $grey-light-font !default;
$kanban-header-limits-color: inherit !default;
$kanban-col-expand-collapse-bg-color: $grey-e6;
$kanban-col-expand-collapse-color: $kanban-icons-color;
$kanban-col-expand-collapse-border: 1px solid transparent;
$kanban-col-expand-collapse-box-shadow: none;
$skeleton-card-color: $kanban-col-expand-collapse-bg-color;
$skelton-box-shadow: none;

//Color End

//Start of Typography Variables Implementation
//font-size
$kanban-dialog-form-table-td-font-size: 14px !default;
$kanban-swl-header-text-font-size: 14px !default;
$kanban-big-mb-toolbar-swl-font-size: 18px !default;
$kanban-mb-popup-content-font-size: 15px !default;
$kanban-collapsed-header-item-count-font-size: 13px !default;

//font-weight
$kanban-mb-popup-content-font-weight: 500 !default;
$kanban-dialog-text-areas-font-weight: 400 !default;
$kanban-frozen-swimlane-row-header-font-weight: 400 !default;
$kanban-header-item-count-font-weight: 400 !default;
$kanban-swl-header-text-font-weight: 400 !default;

//border-radius
$kanban-mb-popup-container-border-radius: 2px !default;
$kanban-default-border-radius: 4px !default;
$skelton-box-border-radius: 4px !default;
$kanban-dialog-text-areas-border-radius: 4px !default;
$kanban-skeleton-header-small-border-radius: 4px 4px 0 0 !default;
$kanban-skeleton-header-large-border-radius: 4px !default;
$kanban-not-swl-content-border-radius: 4px !default;

//padding
$kanban-cells-add-icon-padding: 11px !default;
$kanban-swimlane-header-toolbar-padding: 10px !default;
$kanban-mb-swl-menu-icon-padding: 7px !default;
$Kanban-popup-device-padding: 15px !default;
$kanban-header-min-max-count-padding: 4px 8px !default;
$kanban-dialog-text-areas-padding: 4px 8px 4px 12px !default;

//padding top
$kanban-header-limits-padding-top: 3px !default;
$kanban-mobile-popup-header-padding-top: 3px !default;
$kanban-swl-header-icon-bgr-small-padding-top: 4px !default;
$kanban-swl-header-icon-bgr-hover-padding-top: 4px !default;
$kanban-swimlane-toolbar-menu-title-padding-top: 6px !default;
$kanban-frozen-toolbar-swl-item-count-padding-top: 9px !default;

//padding left
$rte-kanban-form-table-padding-left: 10px !default;
$kanban-multi-card-text-padding-left: 8px !default;
$kanban-header-text-padding-left: 5px !default;
$kanban-mb-swl-menu-icon-padding-left: 4px !default;

//padding right
$rte-kanban-form-table-padding-right: 0 !default;
$kanban-header-text-padding-right: 5px !default;
$kanban-dialog-form-table-padding-right: 10px !default;
$kanban-header-text-padding-right-rtl: initial;

//margin
$kanban-skeleton-card-margin: 8px !default;
$kanban-cells-add-button-margin: 8px 8px 0 !default;
$kanban-mb-popup-container-margin: 0 !default;

//margin bottom
$kanban-swimlane-header-toolbar-margin-bottom: 3px !default;
$kanban-big-swl-header-toolbar-margin-bottom: 5px !default;

//margin left
$kanban-dialog-delete-btn-margin-left: 0 !default;

//border
$kanban-table-border: 0 !default;
$kanban-mobile-popup-border: 0 !default;
$kanban-column-border: 1px dashed $kanban-border-color;
$kanban-cells-add-button-border: 1px dashed $kanban-dropped-clone-border-color;
$kanban-cells-add-button-focus-border: 1px dashed $kanban-border-color;
$kanban-multi-card-clone-border: 1px solid $kanban-dragged-clone-border-color;
$kanban-dragged-clone-border: 1px dashed $kanban-dragged-clone-border-color;
$kanban-dropped-clone-border: 1px dashed $kanban-dropped-clone-border-color;
$kanban-not-swl-content-border: 1px solid transparent;
$kanban-not-swl-content-dropping-border: 1px dashed $kanban-border-color;
$kanban-swl-resource-border: 1px solid $kanban-header-border-color;
$kanban-delete-border: 1px solid !default;
$kanban-header-column-border: 1px solid transparent !default;

//border top
$kanban-skeleton-content-border-top: 1px solid $kanban-border-color;
$kanban-target-clone-border-top: 1px solid $kanban-border-color;

//border bottom
$kanban-card-header-border-bottom: 0 !default;
$kanban-collapsed-not-swl-border-bottom: 0 !default;
$kanban-swimlane-header-toolbar-border-bottom: 0 !default;
$kanban-header-swl-cells-border-bottom: 0 !default;
$kanban-target-column-key-border-bottom: 1px dashed $kanban-border-color;

//border left
$kanban-target-column-key-border-left: 1px dashed $kanban-border-color;

//border right
$kanban-target-column-key-border-right: 1px dashed $kanban-border-color;

// height
$kanban-limits-height: 26px !default;
$kanban-add-button-height: 36px !default;
$card-wrapper-container-height: inherit !default;
$kanban-multi-card-clone-height: 34px !default;
$kanban-swl-resource-height: 100% !default;
$kanban-mb-popup-container-height: 60px !default;
$kanban-big-swl-header-min-height: 56px !default;

//End of Typography Variables Implementation