@charset "UTF-8";
:root {
  --bg-body: #fff;
  --bg-primary: #008aff;
  --border-primary-2: #008aff;
  --bg-soft-primary: #171347;
  --bg-light-primary: #eaecf3;
  --bg-secondary: #cacfe0;
  --bg-success: #3cb690;
  --bg-info: #50b5ff;
  --bg-warning: #ffbe3d;
  --bg-warning-light: #f7d89c;
  --bg-danger: #f25767;
  --bg-light: #fafbfe;
  --bg-soft-light: #dee1ec;
  --bg-dark: #171347;
  --bg-gray: #edeef6;
  --bg-white: #fff;
  --bg-table-card: #f4f5fa;
  --bg-form-spinner: rgba(244, 245, 250, 0.8);
  --bg-spinner-border: #008aff;

  --text-link: #008aff;
  --text-link-hover: #0075d9;
  --text-title-hover: #0075d9;
  --text-primary: #008aff;
  --text-secondary: #718096;
  --text-success: #3cb690;
  --text-info: #50b5ff;
  --text-warning: #ffbe3d;
  --text-danger: #f25767;
  --text-light: #f5f6fa;
  --text-dark: #171347;
  --text-white: #fff;
  --text-soft-white: #fff;
  --text-body: #0a162f;
  --text-gray: #7f808c;
  --text-ls-body: #7f808c;
  --text-muted: rgba(31, 45, 61, .5);
  --text-title: #0a162f;
  --text-bg-primary-card: #fff;
  --text-logo: #fff;

  --bg-header-nav: #171347;
  --bt-header-nav: 0;
  --text-header-nav: #fff;
  --text-header-nav-hover: #fff;

  --bg-top-navigation: #fff;
  --bg-sub-navigation: #fafbfe;
  --border-top-navigation: 1px solid #e2e8f0;

  --bg-card: #fff;
  --card-border: 1px solid #e2e8f0;
  --card-header-border: 1px solid #e2e8f0;
  --card-card-footer: 1px solid #e2e8f0;

  --btn-color: #21201f;
  --btn-hover-color: #171347;

  --btn-secondary: #eaecf3;
  --btn-secondary-color: #21201f;
  --btn-secondary-hover: #d2d6e5;
  --btn-secondary-color-hover: #21201f;

  --btn-primary: #008aff;
  --btn-primary-hover: #0075d9;
  --btn-primary-color: #ffff;

  --btn-danger: #f25767;
  --btn-danger-hover: #f25767;
  --btn-danger-color: #ffff;

  --btn-light: #fff;
  --btn-light-hover: #fff;
  --btn-light-border: #fff;
  --btn-light-color: #273444;
  --btn-light-color-hover: #21201f;

  --btn-outline-light: #fff;
  --btn-outline-light-border: #e2e8f0;
  --btn-outline-light-hover: #fafbfe;
  --btn-outline-light-color: #273444;

  --btn-checked-color: #273444;
  --btn-checked-bg: #fff;
  --btn-checked-border: #e2e8f0;
  --btn-checked-color-hover: #273444;
  --btn-checked-bg-hover: #e2e8f0;
  --btn-checked-border-hover: #e2e8f0;

  --bg-segment: #f5f6fa;
  --btn-segment: #fff;
  --btn-segment-color: #51596c;
  --btn-segment-hover: #00221c;
  --btn-segment-aclive: #00221c;
  --btn-segment-shadow: 0 .1875rem .375rem 0 rgba(140, 152, 164, .25);

  --btn-transparent: transparent;
  --btn-transparent-hover: transparent;
  --btn-transparent-color: #21201f;

  --bg-chat: #f4f5fa;
  --text-chat: #273444;

  --bg-reply: #d6edff;
  --text-reply: #273444;

  --border-color: #e2e8f0;
  --bg-border: 1px solid #e2e8f0;

  --bg-form-color: #273444;
  --bg-form-control: #fff;
  --bg-form-control-focus: #0176ff;
  --bg-form-control-disable: #edeef6;
  --border-form-control: #e2e8f0;
  --bg-form-check: #0176ff;

  --bg-footer: #fafbfe;
  --text-footer: #718096;
  --text-footer-hover: #0176ff;
  --footer-hr-color: #e2e8f0;
  --color-footer: #8998ae;

  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.04);
  --box-shadow-sm: 0 0 0.45rem rgba(0, 0, 0, 0.08);
  --box-shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.07);

  --nav-scroller-btn-left: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
  --nav-scroller-btn-right: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%);

  --alert-primary-bg: #33a1ff;
  --alert-primary-border: #33a1ff;
  --alert-primary-text: #fff;

  --alert-secondary-bg: #eaecf3;
  --alert-secondary-border: #eaecf3;
  --alert-secondary-text: #171347;

  --alert-success-bg: #82d6bc;
  --alert-success-border: #82d6bc;
  --alert-success-text: #fff;

  --alert-info-bg: #83cbff;
  --alert-info-border: #83cbff;
  --alert-info-text: #171347;

  --alert-warning-bg: #ffcf70;
  --alert-warning-border: #ffcf70;
  --alert-warning-text: #171347;

  --alert-danger-bg: #f68692;
  --alert-danger-border: #f68692;
  --alert-danger-text: #fff;

  --alert-dark-bg: #d0d1d4;
  --alert-dark-border: #d0d1d4;
  --alert-dark-text: #0b0e14;

  --bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bg-gradient-card: rgba(60, 60, 60, 0.15);
  --bg-linear-gradient-card: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(250, 251, 254, 0.5) 95%);
  --modal-backdrop-opasity: 0.3;
  --opacity-inshop-page: 0.6;
  --modal-backdrop: #000;
  --modal-content-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .1);
}