/* /// Mahan 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(--white);
  
    --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);
  }
  /* /// Mahan Panl Apan  Start /// */