@charset "UTF-8";
:root {
  --bg-body: #fff;
  --bg-body-rgba: 255, 255, 255;
  --bg-primary: #f64343;
  --border-primary-2: #f64343;
  --bg-soft-primary: #e80101;
  --bg-light-primary: #f8f9fc;
  --bg-secondary: #cacfe0;
  --bg-success: #3cb690;
  --bg-info: #50b5ff;
  --bg-warning: #ffbe3d;
  --bg-warning-light: #f7d89c;
  --bg-danger: #ea4040;
  --bg-light: #f8f9fc;
  --bg-soft-light: #f8f9fc;
  --bg-dark: #1b1b1b;
  --bg-dark-rgba: rgba(27, 27, 27, 0.65);
  --bg-dark-soft-rgba: rgba(27, 27, 27, 0.15);
  --bg-gray: #edeef6;
  --bg-white: #fff;
  --bg-table-card: #f8f9fc;
  --bg-spinner-border: #f64343;
  --text-link: #f64343;
  --text-link-hover: #ea4040;
  --text-title-hover: #ea4040;
  --text-primary: #f64343;
  --text-secondary: #676a82;
  --text-success: #3cb690;
  --text-info: #50b5ff;
  --text-warning: #ffbe3d;
  --text-danger: #d90202;
  --text-light: #f5f6f9;
  --text-dark: #1b1b1b;
  --text-white: #fff;
  --text-soft-white: #fff;
  --text-body: #1b1b1b;
  --text-gray: #8e90a7;
  --text-ls-body: #8e90a7;
  --text-muted: #8e90a7;
  --text-title: #000000;
  --text-bg-primary-card: #fff;

  --bg-card: #fff;
  --bg-card-marced: #fffbf1;
  --card-border: 1px solid #F1F1F2;
  --card-header-border: 1px solid #F1F1F2;
  --card-card-footer: 1px solid #F1F1F2;

  --btn-color: #1b1b1b;
  --btn-hover-color: #1b1b1b;

  --btn-secondary: #f2f3f7;
  --btn-secondary-color: #1b1b1b;
  --btn-secondary-hover: #ebecf2;
  --btn-secondary-color-hover: #1b1b1b;

  --btn-primary: #f64343;
  --btn-primary-hover: #ea4040;
  --btn-primary-color: #ffff;

  --btn-dark: #2e2e2e;
  --btn-dark-hover: #202020;
  --btn-dark-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: #1b1b1b;

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

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

  --bg-segment: #f2f3f7;
  --btn-segment: #2e2e2e;
  --btn-segment-color: #202020;
  --btn-segment-hover: #202020;
  --btn-segment-aclive: #fff;
  --btn-segment-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, 0.1);

  --btn-transparent: transparent;
  --btn-transparent-hover: transparent;
  --btn-transparent-color: #1b1b1b;

  --bg-chat: #f4f5fa;
  --text-chat: #1b1b1b;

  --bg-reply: #f8f9fc;
  --text-reply: #1b1b1b;

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

  --bg-form-color: #273444;
  --bg-form-control: #fff;
  --bg-form-control-focus: #b2b3c2;
  --bg-form-control-disable: #edeef6;
  --border-form-control: #F1F1F2;
  --bg-form-check: #1b1b1b;

  --bg-footer: #f7f7f7;
  --text-footer: #666;
  --text-footer-hover: #f64343;
  --footer-hr-color: #F1F1F2;
  --color-footer: #999;

  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.115);
  --box-shadow-md: 0 1rem 1.75rem rgba(0, 0, 0, 0.12);

  --alert-primary-bg: #bde0ff;
  --alert-primary-border: #95bfe5;
  --alert-primary-text: #1b1b1b;

  --alert-secondary-bg: #eaecf3;
  --alert-secondary-border: #ced2dd;
  --alert-secondary-text: #1b1b1b;

  --alert-success-bg: #d0f5ea;
  --alert-success-border: #b9e7d9;
  --alert-success-text: #1b1b1b;

  --alert-info-bg: #ecf6fe;
  --alert-info-border: #b6dffc;
  --alert-info-text: #1b1b1b;

  --alert-warning-bg: #fffbe7;
  --alert-warning-border: #d4c67c;
  --alert-warning-text: #1b1b1b;

  --alert-danger-bg: #ffced3;
  --alert-danger-border: #ebafb6;
  --alert-danger-text: #1b1b1b;

  --alert-dark-bg: #303030;
  --alert-dark-border: #272424;
  --alert-dark-text: #ffffff;

  --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.5;
  --opacity-inshop-page: 0.6;
  --modal-backdrop: #000;
  --modal-content-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .1);
}