@charset "UTF-8";
:root {
  --bg-body: #fff;
  --bg-body-rgba: 255, 255, 255;
  --bg-primary: #00a3ff;
  --border-primary-2: #00a3ff;
  --bg-soft-primary: #06090f;
  --bg-light-primary: #eaecf3;
  --bg-secondary: #cacfe0;
  --bg-success: #3cb690;
  --bg-info: #50b5ff;
  --bg-warning: #ffbe3d;
  --bg-warning-light: #f7d89c;
  --bg-danger: #e43144;
  --bg-light: #F9F9F9;
  --bg-soft-light: #dee1ec;
  --bg-dark: #06090f;
  --bg-dark-rgba: rgba(12, 14, 17, 0.6);
  --bg-dark-soft-rgba: rgba(12, 14, 17, 0.15);
  --bg-gray: #edeef6;
  --bg-white: #fff;
  --bg-table-card: #f7f7f9;
  --bg-spinner-border: #00a3ff;
  --text-link: #00a3ff;
  --text-link-hover: #26b1ff;
  --text-title-hover: #26b1ff;
  --text-primary: #00a3ff;
  --text-secondary: #585c65;
  --text-success: #3cb690;
  --text-info: #50b5ff;
  --text-warning: #ffbe3d;
  --text-danger: #e43144;
  --text-light: #f7f7f9;
  --text-dark: #06090f;
  --text-white: #fff;
  --text-soft-white: #fff;
  --text-body: #06090f;
  --text-gray: #7f808c;
  --text-ls-body: #7f808c;
  --text-muted: #9393a6;
  --text-title: #0b0e15;
  --text-bg-primary-card: #fff;

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

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

  --btn-secondary: #f7f7f9;
  --btn-secondary-color: #21201f;
  --btn-secondary-hover: #efeff2;
  --btn-secondary-color-hover: #21201f;

  --btn-primary: #00a3ff;
  --btn-primary-hover: #26b1ff;
  --btn-primary-color: #ffff;

  --btn-dark: #161d22;
  --btn-dark-hover: #192127;
  --btn-dark-color: #ffff;

  --btn-danger: #e43144;
  --btn-danger-hover: #e43144;
  --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: #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: #F1F1F2;
  --btn-checked-border-hover: #F1F1F2;

  --bg-segment: #f7f7f9;
  --btn-segment: #161d22;
  --btn-segment-color: #3e4453;
  --btn-segment-hover: #00221c;
  --btn-segment-aclive: #ffff;
  --btn-segment-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, 0.1);

  --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: #F1F1F2;
  --bg-border: 1px solid #F1F1F2;

  --bg-form-color: #273444;
  --bg-form-control: #fff;
  --bg-form-control-focus: #00a3ff;
  --bg-form-control-disable: #edeef6;
  --border-form-control: #F1F1F2;
  --bg-form-check: #00a3ff;

  --bg-footer: #f7f7f9;
  --text-footer: #7e8085;
  --text-footer-hover: #00a3ff;
  --footer-hr-color: #F1F1F2;
  --color-footer: #7e8085;

  --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: #bee1ff;
  --alert-primary-border: #33a1ff;
  --alert-primary-text: #06090f;

  --alert-secondary-bg: #eaecf3;
  --alert-secondary-border: #666977;
  --alert-secondary-text: #06090f;

  --alert-success-bg: #ccffef;
  --alert-success-border: #6bc1a6;
  --alert-success-text: #06090f;

  --alert-info-bg: #e2f3ff;
  --alert-info-border: #9cd5fe;
  --alert-info-text: #06090f;

  --alert-warning-bg: #fef8ec;
  --alert-warning-border: #e1cca3;
  --alert-warning-text: #1a1a1d;

  --alert-danger-bg: #ffe4e7;
  --alert-danger-border: #c5707a;
  --alert-danger-text: #06090f;

  --alert-dark-bg: #d8d8d9;
  --alert-dark-border: #0b0e14;
  --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);
}