:root{
    --cl-body: #000000;
    --bg-body: #373737;
  
    --main: #000000;
    --main1: #141218;
    --main2: #211f26;
    --main3: #373737;
    --main4: #485054;
    --gd1: #9a0100;
    --gd2: #c50100;
    --bg-gd: linear-gradient(90deg, #9a0100, #c50100);
    --bg-gd-btm: linear-gradient(0deg, #18161a, #211f26);
    --bd-gd-btm: 1px solid #262529;
    --active-color: #2e2e2e;
    --cl-blue: #5858ff;
    --purple: #301d6e;
    
    --bd-rd-1: 0.5rem;
    --bd-loading : #FFFFFF;
    --bg-loading : linear-gradient(90deg,#000000,#211f26);
  
    --bg-mpage: #141218;
    --cl-mpage: #FFFFFF;
    --text-icon: -webkit-linear-gradient(1deg, #9a0100, #c50100);
    --bg-header:  #141218;
    --bg-footer:  #211f26;
    --cl-footer: #8e8e8e;
    --cl-footer-active: #FFFFFF;    
    --bg-footer-active: linear-gradient(90deg, #c50100, #9a0100);
    /* --cl-footer-cente: #FFFFFF; */
  
    --bg-menuleft: linear-gradient(90deg, #c50100, #9a0100);
    --cl-memuleft: #BFBFBF;
    --bg-menuleft-active: linear-gradient(0deg, #18161a, #211f26);
    --cl-memuleft-active: #FFFFFF;
    --bd-menuleft: #9a0100;
    --bd-menuleft-active: #9a0100;
  
    --bg-btn-1: linear-gradient(45deg, #c50100, #9a0100);
    --cl-btn-1: #FFFFFF;
  
    --bg-btn-2: #ad275e;
    --cl-btn-2: #FFFFFF;
  
    --bg-btn-3: #485054;
    --cl-btn-3: #FFFFFF;
  
    --bg-tab-title: var(--main2);
    --cl-tab-title: #FFFFFF;
    --bd-csn-slot: #efefef;
    --bg-csn-slot: linear-gradient(180deg, #211f26, #18161b);
    --sd-csn-slot: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    --cl-name-csn-slot: #FFFFFF;

    --bg-pageother: #FFFFFF;
    --cl-pageother: #000000;


    --bg-black: #000000;
    
    --bg-menuright: #151515;
    --cl-icon: #FFC107;

    /* ------  menu more ------*/
    --bg-box-more-menu: #373737;
    --cl-box-more-menu: #FFFFFF;
    --cl-icon-box-more-menu: orange;;
    --box_more_menu_list_line: linear-gradient(to right, #211f26 , #211f26, #373737)
    /*------ end menu more ------*/
  }

  .mybet .btTab{
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #000000;
  }
  .btTab.active{
    background: linear-gradient(90deg, #9a0100, #c50100) !important;
    border: 1px solid #c50100 !important;
    color: #FFFFFF !important;
  }
  .btTab.active i{
    color: #FFC107 !important;
  }

  #MainSocer{ color: #000000;}

  .box_more_menu_left .text-icon{
     color: var(--cl-icon-box-more-menu) !important; 
     -webkit-text-fill-color: unset;
  }