/*===================================
[ Css Sink Panel Apan  ]
=====================================
1 Base Panl Apan
2 Mahan Panl Apan

======================================
[ Css Sink Panel Apan  ]
======================================*/

/* /// Base Panl Apan  Start /// */
:root {
  --white: #fff;
  --blue: #3699ff;
  --bluelight: #E3F1FF;
  --indigo: #6610f2;
  --indigolight: #E9DDFD;
  --primary: var(--blue);
  --indigolight: #EEE6FF;
  --pink: #e91e63;
  --pinkolight: #FCE4EF;
  --red: #FF006A;
  --redlight: #ffe8f1;
  --green: #00a693;
  --greenlight: #00a69317;
  --orange: #fd7e14;
  --orangelight: #FFEDDE;
  --yellow: #ffa800;
  --orangeight: #FFF3DB;
  --light: #f0f0f0;
  --default: #e5eaee;

  --colorThemPanel1: #E91E63;
  --colorThemPanel1Light: #e91e630f;
  --colorThemPanel2: #a0aec4;
  --colorSidebar: var(--light);

  --LayoutPageBg: #e9eaf4;
  --LayoutHederBg: var(--white);
  --LayoutContent: var(--white);

  --TabBG: #f3f6f9;
  --TabColor: #7e8299;
  --TabColorActive: var(--colorThemPanel1);
  --TabBgActive: var(--colorThemPanel1);

  --NavbarHeaderColor1: var(--colorThemPanel2);
  --NavbarHeaderColor2: var(--colorThemPanel2);
  --NavbarLinksColor: var(--white);
  --NavbarLinksNotify: var(--blue);

  --SidebarBg: var(--colorSidebar);
  --SidebarHeadBg: #9aa8bd;
  --SidebarTitel: #fff;
  --SidebarPowerBy: #fff;
  --SidebarMenuColor: #525962;
  --SidebarMenuHoverColor: var(--colorThemPanel1);
  --SidebarMenuHoverBgColor: var(--colorThemPanel1Light);
  --SidebarMenuActiveColro: var(--colorThemPanel1);
  --SidebarMenuActiveBg: var(--colorThemPanel1Light);
  --SidebarMenuActiveColroFont: var(--colorThemPanel1);

  --FormControlFocus: var(--blue);

  --TbTrOdd: #3699ff26;
  --TbTrEven: #3699ff0f;
  --TbRowSelectBg: #3699ff63;
  --TbRowSelectColor: #0865c5;
  --TbTdBorder: #3699ff57;
  --TbTbodyFontColor: #494949;
  --TbBgScroll: var(--light);
  --TbColorScroll: var(--bluelight);

  --DropdownMenuColorHover: var(--blue);
  --DropdownMenuBgHover: var(--bluelight);
}

/* /// Base Panl Apan  End /// */