/*********************************** Welcome ***************************************/
:root {
  --color_Primary: #41a7e6;
  --color_Primary_2: #0091ff;
  --color_Primary_Hover: #32c5ff;
  --color_Secondary: #43b02a;
  --color_Secondary_2: #00a0d2;
  --color_Warning: #f59100;
  --color_Error: #ff4a4a;
  --color_Bg_pre: rgba(153, 153, 153, 0.15); /* #999999 Alpha: 15% */
  --color_Input_Box: #434e5e;
  --color_Shadow: rgba(135, 152, 173, 0.25); /* #8798AD Alpha: 25% */
  --color_Title: #ffffff;
  --color_SubTitle: #ffffff;
  --color_SubTitle_Icon: #3b4451;
  --color_New_Border: #9b9b9b;
  --color_Dialog_Shadow: rgba(31, 38, 58, 0.8); /* #1f263a Alpha: 80% */
  --color_Input_Box_Error: var(--color_Error);
  --color_TitleLeftBorder_Disable: #626776;
  --color_Text_1: #adb5bd;
  --color_Text_2: #767c85;
  --color_Text_3: #ffd057;
  --color_Text_4: #2b303a;
  --color_Text_5: #f85c5c;
  --color_Text_6: #46464b;
  --color_Text_7: var(--color_Title);
  --color_Background: #4b5d76;
  --color_Background_1: #3b4451;
  --color_Background_2: #7a8fa7;
  --color_Background_3: #32c5ff;
  --color_Background_4: #7b8ea7;
  --color_Background_5: #253140;
  --color_Background_6: #565d6a;
  --color_Background_7: #414b59;
  --color_Background_8: #919eb1;
  --color_Background_9: #2d333e;
  --color_Background_10: #24c6da;
  --color_Background_11: #45a9ff;
  --color_Background_12: #22262F;
  --color_Background_13: #35d5ea;
  --color_Disable_1: #454a54;
  --color_Frame: #fa6400;
  --LeftNavigator_BackgroundColor: #303641;
  --LeftNavigator_BackgroundColor_2: #282e38;
  --LeftNavigator_BackgroundColor_3: #323a46;
  --LeftNavigator_BackgroundColor_4: #323943;
  --LeftNavigator_BackgroundColor_5: #9293a6;
  --color_Schedule_Year: #9fb2ce;
  --color_Schedule_DawnSunrise: #d5cdb9;
  --color_Schedule_Day: #dcaead;
  --color_Schedule_DuskSunset: #ae7383;
  --color_Schedule_Night: #7083a3;
  --color_White: #ffffff;
  --color_Black: #000000;

  /* BT */
  --color_Login_CountdownSec_forBT: #154793; //dark blue
  --color_btnEnableBackground_darkRed: #cc0001;
  --color_input_error_pinkRed: #e02020;

  /* SF */
  --color_Login_Background_Color_forSF: #004c85;
  --color_Login_input_border: #004d85;
  --FontFamily_Login_forSF: Roboto;

  --FontFamily: Calibri;
  --Welcome_background_image: url('../../from_temp/res/img/Login/WelcomBackground.png');
  /**********************************************************************************/
  /*** Global Color ***/

  --color_Switch_Title_span_On: var(--color_Title);

  --color_Dialog_Title: var(--color_Title);
  --color_Dialog_LeftButton_Title: var(--color_Text_7);
  --color_Dialog_LeftButton_Background: var(--color_Background);
  --color_Dialog_LeftButton_Hover_Title: var(--color_Text_7);
  --color_Dialog_LeftButton_Hover_Background: var(--color_Background_4);
  --color_Dialog_LeftButton_Hover_Border: var(--color_Text_7);
  --color_Dialog_RightButton_Title: var(--color_Text_7);
  --color_Dialog_RightButton_Background: var(--color_Primary_2);
  --color_Dialog_RightButton_Hover_Title: var(--color_Text_7);
  --color_Dialog_RightButton_Hover_Background: var(--color_Background_10);
  --color_Dialog_RightButton_Hover_Border: var(--color_Background_10);

  /* Save Button */
  --color_SaveButton_Bg: var(--color_Background_10);
  --color_SaveButton_Text: var(--color_Text_7);
  --color_SaveButton_Hover_Bg: var(--color_Background_13);
  --color_SaveButton_Hover_Text_Bg: var(--color_Text_7);

  /* SwitchTrigger */
  --color_SwitchTrigger_On: #2196F3;
  --color_SwitchTrigger_Off: var(--color_SubTitle_Icon);

  /* CustomerSelect */
  --color_CustomerSelect_Background: var(--color_SubTitle_Icon);
  --color_CustomerSelect_Border: var(--color_Input_Box);
  --color_CustomerSelect_Color: var(--color_Text_1);
  --color_CustomerSelect_ul_Items_Background: var(--color_SubTitle_Icon);
  --color_CustomerSelect_ul_Items_Border: var(--color_SubTitle_Icon);
  --color_CustomerSelect_ul_Items_Color: var(--LeftNavigator_BackgroundColor_5);
  --color_CustomerSelect_Hover_Background: var(--color_Text_4);
  --color_CustomerSelect_Hover_Color: var(--color_Title);

  /* Input Text */
  --color_InputText_Bg: var(--color_SubTitle_Icon);
  --color_InputText_Border: var(--color_Input_Box);
  --color_InputText_Hover_Border: var(--color_Background_8);
  --color_InputText_Error: var(--color_Error);
  --color_InputText_Text: var(--color_Text_1);

  /* Button 灰底 */
  --color_Button_1_Background: var(--color_Background);
  --color_Button_1_Color: var(--color_Text_7);
  --color_Button_1_Hover_Background: var(--color_Background_4);
  --color_Button_1_Hover_Color:  var(--color_Text_7);
  /*--color_Button_1_Hover_Border:  var(--color_Primary);*/

  /* Button 淺藍底 */
  --color_Button_2_Background: var(--color_Background_10);
  --color_Button_2_Color: var(--color_Title);
  --color_Button_2_Hover_Background: var(--color_Background_13);
  --color_Button_2_Hover_Color: var(--color_Title);
  /*--color_Button_2_Hover_Border:  var(--color_Secondary_2);*/

  /* Button 藍底 */
  --color_Button_3_Background: var(--color_Primary_2);
  --color_Button_3_Color: var(--color_Text_7);
  --color_Button_3_Hover_Background:  var(--color_Background_10);
  --color_Button_3_Hover_Color:  var(--color_Text_7);
  --color_Button_3_Hover_Border:  var(--color_Background_10);

  /* Button Format */
  --color_Button_Format_Background: var(--LeftNavigator_BackgroundColor_3);
  --color_Button_Format_Hover_Background: var(--color_Background_2);
  --color_Button_Format_Color: var(--color_Title);
  --color_Button_Format_Hover_Color: var(--color_Title);

  /* Button Format 2 */
  --color_Button_Format_2_Background: var(--color_Background);
  --color_Button_Format_2_Color: var(--color_Text_7);
  --color_Button_Format_2_Hover_Background: var(--color_Background_4);
  --color_Button_Format_2_Hover_Color: var(--color_Text_7);
  --color_Button_Format_2_Hover_Border:  var(--color_Background_4);

  /* Button Format 3 */
  --color_Button_Format_3_Background: var(--color_Background);
  --color_Button_Format_3_Color: var(--color_Text_7);
  --color_Button_Format_3_Hover_Background: var(--color_Background_4);
  --color_Button_Format_3_Hover_Color: var(--color_Text_7);
  --color_Button_Format_3_Hover_Border:  var(--color_Background_4);

  /* TableList */
  --color_TableList_TitlePanel_Bg: var(--color_Background_9);
  --color_TableList_TitlePanel_Text: var(--color_Title);
  --color_TableList_TitlePanel_Sub_Bg: var(--LeftNavigator_BackgroundColor_3);
  --color_TableList_TitlePanel_Sub_Hover_Bg: var(--color_Background_7);
  --color_TableList_TitlePanel_Sub_Pressed_Bg: var(--color_Background);
  --color_TableList_TitlePanel_Sub_Text: var(--LeftNavigator_BackgroundColor_5);
  --color_TableList_TitlePanel_Sub_Press_Text: var(--color_Title);

  /* Target Time */
  --color_TargetTime_Background: var(--color_SubTitle_Icon);
  --color_TargetTime_Text: var(--color_Text_1);
  --color_TargetTime_Title_Text: var(--color_Title);
  --color_TargetTime_ul_Items_Background: var(--color_SubTitle_Icon);
  --color_TargetTime_ul_Items_Background_Hover: var(--color_Text_4);
  --color_TargetTime_ul_Items_Background_Pressed: var(--color_Primary_2);
  --color_TargetTime_ul_Items_Text: var(--color_Text_1);
  --color_TargetTime_ul_Items_Text_Hover: var(--color_Title);
  --color_TargetTime_ul_Items_Text_Pressed: var(--color_Title);
  --color_TargetTime_Disable_bg: var(--LeftNavigator_BackgroundColor_3);
  --color_TargetTime_Disable_Text: var(--color_Disable_1);
  --color_TargetTime_Disable_Title_Text: var(--color_TitleLeftBorder_Disable);

  /* Vertical Slider */
  --color_scrollbar_Bg: var(--color_SubTitle_Icon);
  --color_scrollbar_thumb: var(--LeftNavigator_BackgroundColor_5);

  /* wcolpick_light-full */
  --color_wcolpick_light_full_Bg: #373a42;
  --color_wcolpick_light_full_BorderColor: #666;
  --color_wcolpick_light_full_BoxShadow: none;

  /* img Title */
  --color_ImageTitle_Bg: var(--LeftNavigator_BackgroundColor_2);
  --color_ImageTitle_Border: #38404e;

  /* Dividing Line */
  --color_dividing_line: #1C1B21;

  /**********************************************************************************/

  /* System Device */
  --color_SystemDevice_DateTimeManual_Clock_Bg: var(--color_SubTitle_Icon);
  --color_SystemDevice_DateTimeManual_Clock_Hover_Bg: var(--color_Text_4);
  --color_SystemDevice_DateTimeManual_Clock_Pressed_Bg: var(--color_Primary_2);
  --color_SystemDevice_DateTimeManual_Title: var(--color_Title);
  --color_SystemDevice_DateTimeManual_Text: var(--LeftNavigator_BackgroundColor_5);
  --color_SystemDevice_DateTimeManual_Text_Hover: var(--color_Title);
  --color_SystemDevice_DateTimeManual_Text_Pressed: var(--color_Title);
  --color_SystemDevice_DateTimeManual_Text_Disable: #2d343e;

  /* Schedule */
  --color_Schedule_Navigator_Year: var(--color_Text_4);
  --color_Schedule_Navigator_S1: var(--color_Background_12);
  --color_Schedule_Navigator_S2: var(--color_Text_4);
  --color_Schedule_Navigator_S3: var(--color_Background_12);
  --color_Schedule_Navigator_S4: var(--color_Text_4);

  --color_Schedule_Item: var(--color_Title);
  --color_Schedule_SubItem: #9293a6;

  /* Storage Basic */
  --color_SB_RecordingCapacityUsed_Bg_OK: var(--color_Background_10);
  --color_SB_RecordingCapacityUsed_Bg_Error: var(--color_Error);
  --color_SB_OccupiedCapacityUsed_Bg_OK: var(--color_Background_11);
  --color_SB_OccupiedCapacityUsed_Bg_Error: var(--color_Error);

  /* TargetDay TargetTime */ 
  --color_SB_TargetDay_Bg: var(--color_Background);
  --color_SB_TargetDay_Bg_Hover: var(--color_Background_4);
  --color_SB_TargetDay_Color: var(--color_Title);
  --color_SB_TargetDay_Color_Hover: var(--color_Title);
  --color_SB_TargetDay_Hover_Border: transparent;

  /*Embedded Firewall*/
  --color_EF_AddFirewallList_Bg: var(--color_Background);
  --color_EF_AddFirewallList_Bg_Hover: #718EAD;

  /* File Browser */
  --color_SelectAll: var(--color_Title);

}