@charset "UTF-8";
:root {
  --bg-body: #fff;
  --bg-primary: #D6324D;
  --border-primary-2: #D6324D;
  --bg-soft-primary:#333;
  --bg-light-primary:#D1DAE3;
  --bg-secondary: #cacfe0;
  --bg-success: #3cb690;
  --bg-info: #50b5ff;
  --bg-warning: #FAE0CE;
  --bg-warning-light: #fffaf6;
  --bg-danger: #f25767;
  --bg-light: #f9f9f9;
  --bg-soft-light:#f9f9f9;
  --bg-dark: #333;
  --bg-gray:#edeef6;
  --bg-white: #fff;
  --bg-table-card: #f9f9f9;
  --bg-form-spinner:rgba(255, 255, 255, 0.8);
  --bg-spinner-border: #D6324D;
  
  --text-link: #337ab7;
  --text-link-hover: #23527c;
  --text-title-hover: #D6324D;
  --text-primary: #337ab7;
  --text-secondary: #666666;
  --text-success: #3cb690;
  --text-info: #50b5ff;
  --text-warning: #ffbe3d;
  --text-danger: #f25767;
  --text-light: #f5f6fa;
  --text-dark: #111;
  --text-white: #fff;
  --text-soft-white: #fff;
  --text-body: #333;
  --text-gray:#7f808c;
  --text-ls-body: #7f808c;
  --text-muted: rgba(20, 24, 29, 0.5);
  --text-title:#333;
  --text-bg-primary-card: #fff;
  --text-logo: #fff;
  
  --bg-header-nav: #ff8fa2;
  --bt-header-nav: 0;
  --text-header-nav: #fff;
  --text-header-nav-hover: #fff;
  
  --bg-top-navigation:#fff;
  --bg-sub-navigation:#f9f9f9;
  --border-top-navigation: 1px solid #dfdfdf;
  
  --bg-card: #fff;
  --bg-card-marced: #FAE0CE;
  --card-border: 1px solid #dfdfdf;
  --card-header-border: 1px solid #dfdfdf;
  --card-card-footer: 1px solid #dfdfdf;

  --btn-color: #21201f;
  --btn-hover-color: #111;
  
  --btn-secondary: #D1DAE3;
  --btn-secondary-color: #337ab7;
  --btn-secondary-hover: #d2d6e5;
  --btn-secondary-color-hover: #21201f;
  
  --btn-primary: #D6324D;
  --btn-primary-hover: #e13350;
  --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: #dfdfdf;
  --btn-outline-light-hover: #fafbfe;
  --btn-outline-light-color: #273444;
  
  --btn-checked-color:#273444;
  --btn-checked-bg:#fff;
  --btn-checked-border:#dfdfdf;
  --btn-checked-color-hover:#273444;
  --btn-checked-bg-hover:#dfdfdf;
  --btn-checked-border-hover:#dfdfdf;
  
  --bg-segment: #f9f9f9;
  --btn-segment: #fff;
  --btn-segment-color: #51596c;
  --btn-segment-hover:#00221c;
  --btn-segment-aclive: #00221c;
  --btn-segment-shadow: 0 .1875rem .375rem 0 rgba(141, 147, 154, 0.25);
  
  --btn-transparent: transparent;
  --btn-transparent-hover: transparent;
  --btn-transparent-color: #21201f;
   
  --bg-chat:#f9f9f9;
  --text-chat:#00221c;
  
  --bg-reply:#FEeEe1;
  --text-reply:#00221c;
  
  --border-color:#dfdfdf;
  --bg-border: 1px solid #dfdfdf;
  
  --bg-form-color: #273444;
  --bg-form-control: #fff;
  --bg-form-control-focus: #dd0823;
  --tagify-dd-color-primary: #dd0823 !important;
  --ck-color-focus-border: #dd0823 !important;
  --bg-form-control-disable: #edeef6;
  --border-form-control: #dfdfdf;  
  --bg-form-check:#dd0823;
  
  --bg-footer:#272727;
  --text-footer:#bbbbbb;
  --color-footer:#a4a4a4;
  --heading-footer: #e4e4e4;
  --text-footer-hover:#ffffff;
  --footer-hr-color: #343434;
  
  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  --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: #D1DAE3;
  --alert-secondary-border: #D1DAE3;
  --alert-secondary-text: #333;
  
  --alert-success-bg: #82d6bc;
  --alert-success-border: #82d6bc;
  --alert-success-text: #fff;
  
  --alert-info-bg: #83cbff;
  --alert-info-border: #83cbff;
  --alert-info-text: #333;
  
  --alert-warning-bg: #fff1d0;
  --alert-warning-border: #fff1d0;
  --alert-warning-text: #333;
  
  --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.5;
  --opacity-inshop-page: 0.6;
  --modal-backdrop: #000;
  --modal-content-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);
}