@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:#fafbfe;
  --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: #152c5b;
  --text-gray:#7f808c;
  --text-ls-body: #7f808c;
  --text-muted: rgba(31,45,61,.5);
  --text-title:#152c5b;
  --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;
  
  --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);
}