
$amp:                                                       #0abf72;
$upgrade:                                                   #8988e2;
$fpp:                                                       $primary;

$theme-colors: (
        "primary":                                          $primary,
        "secondary":                                        $secondary,
        "success":                                          $success,
        "info":                                             $info,
        "warning":                                          $warning,
        "info-green":                                       $info-green,
        "danger":                                           $danger,
        "light":                                            $light,
        "light-extra":                                      $gray-100,
        "dark":                                             $dark,
        "medium":                                           $medium,
        "black":                                            $black,
        "amp":                                              $amp,
        "upgrade":                                          $upgrade,
        "fpp":                                              $fpp,
        "note":                                             $order-note-box-color
);

$table-td-font-weight:                                      600;
$table-td-font-color:                                       $black;

$body-color:                                                $gray-800;

$display-image-size:                                        100px;
$input-border-radius:                                       4px;
$input-height-border:                                       1px;
$mobile-eshop-custom-control-height:                        31px;

//-- Eshop Top Menu
$eshop-top-menu-color:                                      $white;
$eshop-top-menu-bg-color:                                   $dark;
$eshop-top-menu-dropdown-bg-color:                          transparent;
$eshop-top-menu-height:                                     30px;
$eshop-top-menu-mobile-height:                              58px;
$eshop-search-menu-mobile-height:                           95px;
$eshop-menu-mobile-slide-speed:                             .5s;
$eshop-top-menu-font-size:                                  $font-size-base * 0.8;

//--  Eshop Header
$eshop-bg-color:                                            $secondary;
$eshop-brand-color:                                         $white;
$eshop-search-btn-color:                                    $success;
$eshop-search-btn-outline-color:                            $success;
$eshop-spacing:                                             4; // Boostrap Spacing
$eshop-order-btn-outline:                                   $white;
$eshop-order-btn-bg:                                        $secondary;
$eshop-cart-color:                                          $white;
$eshop-cart-bg-color:                                       $dark;
$eshop-badge-height:                                        20px;
$eshop-cart-expanded-bg-color:                              $white;
$eshop-cart-expanded-color:                                 $dark;
$eshop-stepped-line-size:                                   2px;
$eshop-stepped-line-style:                                  dashed;
$eshop-stepped-line-size:                                   1px;
$eshop-stepped-line-color:                                  $gray-400;
$eshop-indicator-color:                                     $gray-400;
$eshop-text-title-color:                                    $gray-500;
$eshop-text-text-color:                                     $gray-400;
$eshop-text-text-size:                                      $font-size-base * .8;
$eshop-indicator-active-color:                              $primary;
$eshop-text-title-active-color:                             $primary;
$eshop-text-text-active-color:                              $primary;
$eshop-indicator-new-color:                                 $success;
$eshop-text-title-new-color:                                $success;
$eshop-text-text-new-color:                                 $success;

//--  Eshop Footer
$eshop-footer-brands-bg:                                    $white;
$eshop-footer-brands-spacing:                               4; // bootsrap spacing
$eshop-footer-bg:                                           $secondary;
$eshop-footer-line-color:                                   $primary;
$eshop-footer-line-size:                                    3px;
$eshop-footer-brands-spacing:                               4; // boostrap spacing
$eshop-footer-tag-line-color:                               $primary;
$eshop-footer-contact-icon-color:                           $primary;
$eshop-footer-contact-spacing:                              2; // boostrap spacing
$eshop-footer-newsletter-font-size:                         $font-size-base * 0.8;
$eshop-footer-newsletter-input-color:                       $white;
$eshop-footer-newsletter-input-bg-color:                    $dark;
$eshop-footer-newsletter-button-color:                      $dark;
$eshop-footer-newsletter-button-bg-color:                   $white;
$eshop-footer-support-link-color:                           $white;
$eshop-footer-copyright-top-margin:                         -20px;
$eshop-footer-copyright-font-size:                          $font-size-base * 0.9;

//-- Categories
$categories-spacing:                                        4; // bootstrap spacing


//-- Items Filter Panel
$items-filter-panel-bg-color:                               $white;
$items-filter-panel-border-color:                           $gray-200;
$items-filter-panel-item-padding:                           3; // boostrap spacing

//-- Products
$products-spacing-gutter:                                   1; // boostrap spacking
$product-image-spacing:                                     3;
$product-image-size:                                        200px;
$product-image-scale:                                       all 1s ease;
$product-image-hover-scale:                                 scale(1.1);
$product-ribbon-bg-color:                                   saturate($primary, 20%);
$product-ribbon-color:                                      $white;
$product-best-content-spacing:                              4; // boostrap spacing
$product-tag-color-fpp:                                     $white;
$product-tag-bg-fpp:                                        $primary;
$product-tag-color-amp:                                     $white;
$product-tag-bg-amp:                                        $amp;
$product-tag-color-upgrade:                                 $white;
$product-tag-bg-upgrade:                                    $upgrade;
$product-tag-font-size:                                     $font-size-base * 0.63;
$product-tag-default-color:                                 $primary;
$product-title-color:                                       $secondary;
$product-title-min-height:                                  50px;
$product-code-color:                                        $gray-600;
$product-price-color:                                       $secondary;
$product-rate-spacing:                                      1; // boostrap spacing
$product-rate-active-color:                                 #ffcf5f;
$product-rate-color:                                        $gray-400;
$product-amount-icon-height:                                28px;
$product-amount-icon-color:                                 $gray-500;
$product-amount-input-width:                                50px;
$product-amount-input-border-size:                          2px;

//-- Pagination
$pagination-spacing:                                        3; //Boostrap Spacing
$pagination-bg-color:                                       $white;
$pagination-border-color:                                   $gray-500;
$pagination-color:                                          $gray-900;
$pagination-active-bg-color:                                $primary;
$pagination-active-color:                                   $white;
$pagination-disable-color:                                  $gray-300;
$pagination-disable-bg-color:                               $pagination-bg-color;
$pagination-btn-spacing-x:                                  3; //Boostrap spacing

$order-review-gradient-start-color:                         #EC5E90;
$order-review-gradient-end-color:                           #C71585;
$order-review-home-box-shadow:                              2px 1px 11px -1px rgba(0, 0, 0, 0.68);

//--  Order
$order-container-title-color:                               #020C35;
$order-container-font-size:                                 23px;
$order-shippingmethod-group-padding:                        5px;
$order-datetimepicker-margin-bottom:                        12px;
$order-table-font-size:                                     $font-size-base * 0.9;
$order-review-title-font-size:                              $font-size-base * 0.9;
$order-table-header-background:                             #020C35;
$order-table-row-color:                                     #333333;
$tab-order-title-color:                                     #020C35;
$order-balance-label-color:                                 #1898DF;
$order-balance-label-font-size:                             12px;
$order-balance-font-size:                                   $font-size-base * 1.3;
$order-review-font-size:                                    $font-size-base * 0.9;
$order-shipping-modal-font-size:                            $font-size-base * 1.1;
$order-activation-fund-font-size:                           $font-size-base * 0.9;
$order-activation-fund-title-font-size:                     $font-size-base * 1.5;
$order-small-font-size:                                     $font-size-base * 0.8;
$order-placeholder-font-size:                               $font-size-base;
$order-balance-content-color:                               #020C35;
$order-withrdawal-gradient-start-color:                     #EC5E90;
$order-withrdawal-gradient-end-color:                       #C71585; //#AA175B;
$order-transfer-gradient-start-color:                       #B665C4;
$order-transfer-gradient-end-color:                         #6F1E9E;
$order-note-box-color:                                      #FFFFC9;
$order-container-margin-all:                                20px;
$order-select-modal-body:                                   30px;
$order-review-row-p-l:                                      15px;
$order-circle-step-p-l:                                     47px;
$order-line-step-m-t:                                       40px;
$order-line-separator:                                      10px;
$order-line-separator-p-l:                                  2px;
$order-footer-step-m-b:                                     30px;
$order-footer-btn-height:                                   27px;
$order-horizontal-line-top:                                 10px;
$order-horizontal-line-m-l:                                 10px;
$order-box-shadow:                                          1px 1px 5px -1px rgba(0, 0, 0, 0.68);
$order-balance-box-shadow:                                  1px 2px 7px -1px rgba(0, 0, 0, 0.68);
$order-home-box-shadow:                                     2px 1px 11px -1px rgba(0, 0, 0, 0.68);
$order-active-tab-box-shadow:                               1px -1px 2px -1px rgba(0, 0, 0, 0.68);
$order-item-image-size:                                     50px;
$order-summary-rectangle-size:                              50px;
$order-review-icon-size:                                    50px;
$order-summary-icon-size:                                   30px;
$order-summary-icon-line-height:                            45px;
$order-circle-title-color:                                  $gray-500;
$order-table-header-color:                                  $gray-600;
$order-item-bg-color:                                       $white;
$order-item-color:                                          $gray-700;
$order-item-active-bg-color:                                $success;
$order-item-active-color:                                   $white;
$order-item-spacing:                                        5; //Bootstrap Spacing
$order-step-icon-size:                                      50px;
$order-steps-min-height:                                    141px;
$order-step-icon-color:                                     $white;

$eshop-custom-checkbox-inverse-indicator-icon-checked:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$primary}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"), "#", "%23") !default;
//$eshop-custom-checkbox-inverse-indicator-icon-checked:      url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$primary}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !default;

//--  eSac
$esac-header-background-color:                              #0b1a5d;
$esac-header-brand-color:                                   $white;
$esac-header-spacing:                                       4;
$esac-header-icon_color:                                    #47ace5;
$esac-selected-voucher-icon-background-color:               #1898df;
$esac-selected-voucher-right-background-color:              #edf0f5;
$esac-summary-border-color:                                 #cacbcb;
$esac-product-border-color:                                 #cacbcb;
$esac-search-icon-color:                                    #47ace5;
$esac-active-button-color:                                  #1898df;
$esac-inactive-button-color:                                #b2b2b2;
$esac-combobox-caret-color:                                 #47ace5;
$esac-home-box-shadow:                                      2px 1px 11px -1px rgba(0, 0, 0, 0.68);
$esac-product-container-height:                             80px;
$esac-product-container-width:                              80px;
$esac-product-image-height:                                 80px;
$esac-product-image-width:                                  80px;
$esac-voucher-image-height:                                 35px;
$esac-voucher-image-width:                                  50px;

//-- stepped
$stepped-border-width:                                      1px !default;
$stepped-border-color:                                      rgba(0,0,0, 0.4) !default;
$stepped-border-solid:                                      solid !default;
$stepped-border-dashed:                                     dashed !default;
$stepped-indicator-color:                                   $primary !default;
$stepped-indicator-active-color:                            $primary !default;
$stepped-indicator-old-color:                               $gray-700 !default;
$stepped-indicator-new-color:                               $success !default;
