/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* xs: phone - portrait */
/* default. no media */
:root {
    /* === LIGHT MODE COLORS === */
    --sidebar-bg: #ffffff;
    --sidebar-text: black;
    --sidebar-shadow: rgba(0, 0, 0, 0.1);
    --sidebar-bg-item-not-collapse: #F5F9FB;
    --drop-item: #F5F9FB;
  
    --body-bg: #FFFFFF;
    --body-text: #212529;
    --bg-button: #25a0ab;
    --bg-button-darker: #218a94;
    --bg-button-lighter: #e6ffff;

    --bg-input-blue-transparent: #e6ffff;

    --text-only: #000000;
    --text-graph: #000000;
    --text-blue-white: #25a0ab;

    --input-bg: #ffffff;
    --input-border: #ced4da;

    --menu-item-sidebar: #ECF5F880;
    --menu-item-sidebar-text-active: #25A0AB;

    --table-header: #0C195A;
    --table-row: #F3FAFA;

    --circle-icon-bg: #ECF5F8;

    --card-only: #F5F9FB;

    --list-card-radio-check: #DBEEF1;
    --list-card-radio-hover: #c1d8db;

    --border-custom: white;

    --datepicker-bg: #ffffff;
    --datepicker-hover: #f1f1f1;
    --datepicker-range: #b6f6fc;
    --datepicker-side-range-hover: #EEEEEE;

    --card-pop-up-head: #1C2954;
  }
  
  [data-bs-theme="dark"] {
    /* === DARK MODE COLORS === */
    --sidebar-bg: #27282D;
    --sidebar-text: #ffffff;
    --sidebar-shadow: rgba(0, 0, 0, 0.5);
    --sidebar-bg-item-not-collapse: #16161680;
    --drop-item: #00000080;
  
    --body-bg: #0F1013;
    --body-text: #f1f1f1;
    --bg-button: #FC510B;
    --bg-button-darker: #e6490b;
    --bg-button-lighter: #c7420e;

    --bg-input-blue-transparent: transparent;

    --text-only: #ffffff;
    --text-graph: #ffffff;
    --text-blue-white: #ffffff;

    --input-bg: #27282D;
    --input-border: #444;

    --menu-item-sidebar: #16161680;
    --menu-item-sidebar-text-active: #FC510B;

    --table-header: #27282D;
    --table-row: #1B1C20;

    --circle-icon-bg: #27282D;

    --card-only: #0F1013;

    --border: #FF6F34;

    --list-card-radio-check: #27282D;
    --list-card-radio-hover: #212229;

    --border-custom: black;

    --datepicker-bg: #1e1e1e;
    --datepicker-hover: #2a2a2a;
    --datepicker-range: #57200a;
    --datepicker-side-range-hover: #27282D;

    --card-pop-up-head: #b83806;
  };