/*
 * Multiple-Select-Vanilla SASS variables.
 * You can also CSS variables by simply replacing `$ms-` prefix with `--ms-`
 */

@use 'sass:color';

// this is the only variable without $ms prefix and exists so that user could use
// the same Bootstrap primary color without declaring $ms-primary-color variable (which also exists)
$primary-color: #149085 !default;
$ms-primary-color: $primary-color !default;

$ms-item-border: 1px solid transparent !default;
$ms-item-hover-border: 1px solid #d5d5d5 !default;
$ms-checkbox-color: $ms-primary-color !default;
$ms-checkbox-hover-color: color.adjust($ms-primary-color, $lightness: -3%) !default;
$ms-checkbox-icon-container-border: 1px solid #d0d0d0 !default;
$ms-checkbox-icon-container-height: 1.05rem !default;
$ms-checkbox-icon-container-width: 1.05rem !default;
$ms-checkbox-icon-container-border-radius: 0.125rem !default;
$ms-choice-border: 1px solid #d0d0d0 !default;
$ms-choice-border-radius: 4px !default;
$ms-choice-bgcolor: #fff !default;
$ms-choice-color: #444 !default;
$ms-choice-disabled-bgcolor: #f4f4f4 !default;
$ms-choice-disabled-border: 1px solid #ddd !default;
$ms-choice-height: 26px !default;
$ms-choice-padding: 0 6px 0 8px !default;
$ms-icon-caret-svg-path: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" !default;
$ms-icon-close-svg-path: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" !default;
$ms-icon-lazy-failed-svg-path: $ms-icon-close-svg-path !default;
$ms-icon-loading-svg-path: "M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" !default;
$ms-icon-check-svg-path: "M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z" !default;
$ms-icon-partial-all-svg-path: "M20 14H4V10H20" !default;
$ms-icon-partial-group-svg-path: "M19,13H5V11H19V13Z" !default;
$ms-icon-radio-svg-path: "M12 3.7c4.6 0 8.3 3.7 8.3 8.3s-3.7 8.3-8.3 8.3-8.3-3.7-8.3-8.3S7.4 3.7 12 3.7z" !default;
$ms-icon-color: #444 !default;
$ms-icon-color-hover: #303030 !default;
$ms-icon-size: 1em !default;
$ms-chevron-icon-size: 1.2em !default;
$ms-choice-text-align: left !default;
$ms-choice-line-height: 26px !default;
$ms-choice-focus-border-color: color.adjust($ms-primary-color, $lightness: 60%) !default;
$ms-choice-focus-box-shadow: 0 0 0 1.5px rgba($ms-primary-color,.35) !default;
$ms-drop-background: #fff !default;
$ms-drop-color: #000 !default;
$ms-drop-border: 1px solid #d0d0d0 !default;
$ms-drop-bottom-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15) !default;
$ms-drop-top-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15) !default;
$ms-drop-border-radius: 4px !default;
$ms-drop-hide-radio-padding: 0 !default;
$ms-drop-hide-radio-hover-bgcolor: #f8f9fa !default;
$ms-drop-hide-radio-label-margin-bottom: 0 !default;
$ms-drop-hide-radio-label-padding: 5px 8px !default;
$ms-drop-hide-radio-selected-color: #fff !default;
$ms-drop-hide-radio-selected-bgcolor: $ms-primary-color !default;
$ms-drop-input-margin-left: -1.25rem !default;
$ms-drop-input-margin-top: 0.3rem !default;
$ms-drop-outline: 0 !default;
$ms-drop-optgroup-font-weight: bold !default;
$ms-drop-list-margin: 0px !default;
$ms-drop-list-padding: 0px !default;
$ms-drop-option-divider-padding: 0 !default;
$ms-drop-option-divider-border-top: 1px solid #e9ecef !default;
$ms-drop-margin-top: -1px !default;
$ms-drop-padding: 0 !default;
$ms-drop-list-item-align-items: center !default;
$ms-drop-list-item-display: flex !default;
$ms-drop-list-item-level1-padding-left: 8px !default;
$ms-drop-list-item-padding: 0 !default;
$ms-drop-list-item-disabled-filter: Alpha(Opacity = 35) !default;
$ms-drop-list-item-disabled-opacity: 0.35 !default;
$ms-drop-scrollbar-color: #c1c1c1 #f1f1f1 !default;
$ms-drop-zindex: 1050 !default;
$ms-input-focus-outline: none !default;
$ms-infinite-empty-option-height: 20px !default;
$ms-label-column-gap: 0 !default;
$ms-label-margin-bottom: 0 !default;
$ms-label-min-height: 1.25rem !default;
$ms-label-padding: 0.25rem 8px !default;
$ms-label-text-padding-left: 8px !default;
$ms-lazy-load-failed-color: #dc3545 !default;
$ms-loading-gap: 4px !default;
$ms-loading-icon-size: 1.15em !default;
$ms-loading-padding: 0.6rem 8px !default;
$ms-loading-spin-animation: 1.5s infinite linear !default;
$ms-no-results-padding: 0.6rem 8px !default;
$ms-option-highlight-bg-color: rgba($ms-primary-color, 8%) !default;
$ms-ok-button-bg-color: #fff !default;
$ms-ok-button-bg-hover-color: #f9f9f9 !default;
$ms-ok-button-border-color: #ccc !default;
$ms-ok-button-border-radius: 0 0 4px 4px !default;
$ms-ok-button-border-width: 1px 0 0 0 !default;
$ms-ok-button-font-weight: 600 !default;
$ms-ok-button-padding: 0 !default;
$ms-ok-button-text-color: $ms-primary-color !default;
$ms-ok-button-text-hover-color: color.adjust($ms-primary-color, $lightness: -5%) !default;
$ms-ok-button-height: 26px !default;
$ms-ok-button-width: 100% !default;
$ms-ok-button-text-align: center !default;
$ms-optgroup-color: #000 !default;
$ms-placeholder-color: #999 !default;
$ms-search-margin: 0 !default;
$ms-search-min-height: 26px !default;
$ms-search-padding: 4px !default;
$ms-search-zindex: 10000 !default;
$ms-search-icon-close-margin: 0 4px 0 7px !default;
$ms-search-input-bg-color: #fff !default;
$ms-search-input-border: 1px solid #b9b9b9 !default;
$ms-search-input-border-radius: 5px !default;
$ms-search-input-color: #444 !default;
$ms-search-input-min-height: 24px !default;
$ms-search-input-margin: 0 !default;
$ms-search-input-outline: 0 !default;
$ms-search-input-padding: 0 5px !default;
$ms-search-input-placeholder: #999 !default;
$ms-select-all-border-bottom: 1px solid #ddd !default;
$ms-select-all-label-border: $ms-item-border !default;
$ms-select-all-label-hover-border: 1px solid transparent !default;
$ms-select-all-label-padding: 4px !default;
$ms-select-all-line-height: 18px !default;
$ms-select-all-padding: 4px !default;
$ms-select-all-text-font-weight: normal !default;
$ms-select-all-text-color: color.adjust($ms-primary-color, $lightness: -5%) !default;
$ms-select-all-text-hover-color: transparent !default;

.ms-dark-mode {
    --ms-checkbox-color: #{color.adjust($ms-primary-color, $lightness: 10%)};
    --ms-checkbox-hover-color: #{color.adjust($ms-primary-color, $lightness: 13%)};
    --ms-checkbox-icon-container-border: 1px solid #797979;
    --ms-choice-border: 1px solid #757575;
    --ms-choice-bgcolor: #262b2f;
    --ms-choice-color: #d4d4d4;
    --ms-choice-focus-border-color: #{color.adjust($ms-primary-color, $lightness: 5%)};
    --ms-choice-focus-box-shadow: 0 0 0 2px #{rgba($ms-primary-color,.2)};
    --ms-drop-background: #2a2f34;
    --ms-drop-border: 1px solid #585858;
    --ms-drop-color: #cccccc;
    --ms-drop-hide-radio-hover-bgcolor: #{color.adjust($ms-primary-color, $lightness: -5%)};
    --ms-drop-option-divider-border-top: 1px solid #696969;
    --ms-drop-scrollbar-color: #828282 #424242;
    --ms-icon-color: #bcbcbc;
    --ms-icon-color-hover: #d0d0d0;
    --ms-option-highlight-bg-color: #{color.adjust($ms-primary-color, $lightness: -10%)};
    --ms-ok-button-bg-color: #262b2f;
    --ms-ok-button-bg-hover-color: #24282c;
    --ms-ok-button-border-color: #4a4a4a;
    --ms-ok-button-text-color: #{color.adjust($ms-primary-color, $lightness: 5%)};
    --ms-ok-button-text-hover-color: #{color.adjust($ms-primary-color, $lightness: 5%)};
    --ms-optgroup-color: #fff;
    --ms-search-input-bg-color: #2f353a;
    --ms-search-input-color: #d4d4d4;
    --ms-search-input-border: 1px solid #757575;
    --ms-select-all-border-bottom: 1px solid #5d5d5d;
    --ms-select-all-text-color: #fff;
    --ms-select-all-text-font-weight: bold;
}