$prefix: "ty" !default;

// Color
$primary-color: #002e5d !default;

$white-color: #fff !default;
$gray-100: #f6f9fc !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #8898aa !default;
$gray-700: #525f7f !default;
$gray-800: #32325d !default;
$gray-900: #212529 !default;
$black-color: #000 !default;

$red-color: #dc3545 !default;
$orange-color: #fd7e14 !default;
$yellow-color: #fadb14 !default;
$green-color: #52c41a !default;
$teal-color: #20c997 !default;
$cyan-color: #17a2b8 !default;
$blue-color: #0d6efd !default;
$indigo-color: #6610f2 !default;
$purple-color: #6f42c1 !default;
$magenta-color: #eb2f96 !default;

// @import "~tiny-ui/dist/styles/index.min.css";
@import "~tiny-ui/components/style/index.scss";

body {
  background: $gray-500;
  .ty-layout-header {
    height: auto;
  }
  .ty-layout-content {
    background-color: $gray-500;
  }
  .ty-layout-footer {
    background-color: $gray-500;
  }
  .ty-menu_dark {
    .ty-menu-item {
      color: $white-color;
      a {
        color: $white-color;
      }
    }
  }
  .ty-steps-item.ty-steps-item_label-vertical {
    .ty-steps-item__content {
      width: 100%;
    }
  }
}