html{
  overflow-x:hidden !important;
}
body {
  /* font-family: "Helvetica", Sans-Serif; */
 background-color:#FFFFFF ;
 position: relative;
 height: auto;
 min-height: 100%;
 /* height:-webkit-fill-available; */
 overflow: hidden !important;
 overflow-x:hidden !important;
 overflow-y: auto;
 margin: 0px;
 -webkit-tap-highlight-color: transparent;
 font-family: "Open Sans", "OpenSans-Regular", "OpenSans-Light" , "OpenSans-Bold", "OpenSans-BoldItalic" , "OpenSans-ExtraBold","OpenSans-ExtraBoldItalic","OpenSans-SemiBold","OpenSans-SemiBoldItalic";
  -webkit-tap-highlight-color:rgba(0,0,0,0);

  animation: fadeInAnimation ease .7s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#sitePreloader{
  background-image: url("sitepreloader.gif") no-repeat; 
  height: 100px;
  width: 100px;
  background-color: black;
  background-size: 100%;
  z-index: 1000;
  position: absolute;
  top: 0px;


}

@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
div {
  /* transition: background-color 0.5s ease; */

    /* Firefox */
    -moz-transition: background-color .85s ease;
    /* WebKit */
    -webkit-transition: background-color .5s ease;
    /* Opera */
    -o-transition: background-color .5s ease;
    /* Standard */
    transition: background-color .5s ease;

  /* Firefox */
  /* -moz-transition: all .5s ease-in; */
  /* WebKit */
  /* -webkit-transition: all .5s ease-in; */
  /* Opera */
  /* -o-transition: all .5s ease-in; */
  /* Standard */
  /* transition: all .5s ease-in; */

 /* animation: fadein .4s;
  -moz-animation: fadein .4s;  Firefox 
  -webkit-animation: fadein .4s;  Safari and Chrome 
  -o-animation: fadein .4s; Opera */

}


/* 
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein {  Firefox 
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { Safari and Chrome 
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { Opera 
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
} */



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* html {
  scroll-behavior: smooth;
} */

:root {
  --appBg:#FFFFFF;
  --headerBGColor:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);
  --menuBtncolor:#0E7FBE;
  --secondBgColor:#D2ECF9;
  --btnSelectColor:#E92284;
  --btnSelectTriangle:#E92284;
  --btnShadowColor:#C3DFEF;
  --txtBaseColor:#FFFFFF;
  --NavBtnsColor:linear-gradient(90deg, #0F7CBE 0%, #02B9C5 97.85%);
  --categoryTitle:#000000;
  --moreGamesTiyle:#099AC1;
  --scrollBgColor:#C6DEE9;
  --scrollerColor:#58BEDC;
  --footerBG:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);;
  --copyRightBg:#0A699D;
  --subMenuTxt:#0E7FBE;
  --sideMenuBg:#089fc2;
  --sideNavDropDownBg:#A8DBFF;
  --textHoverColor:#E92284;
  --themeSwitcher:#121417;
  --balanceBg:#089CC1;
  --myAcctBg:#0980AD;
  --textColor:#FFFFFF;
  --footerInfotxtx:#84CEE1;
  --footerDideLine:#84CEE1;

  --myAccCardbg:#D2ECF9;
  --myAccScondryBg:#089CC1;
  --myAccAmtBg:#0A93C1;
  --myAccCardTxt:#0E7FBE;
  --myAccMenuBg:#d2ecf9;
  --myAccoverViewBg:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);
  --myAvatarBg:#089CC1;
  --myAccstripBg : #0E7FBE;
  --myAccItemsBg : #0E7FBE;
  --myAccBorder : #089CC1;
  --myAccRowEven:#0A93C1;
  --myAccRowodd:#089CC1;


--headerTxtColor:#FFFFFF;

  --primaryColor : #2997FF;
  --secondarColor:#005BC4;

  --primaryBGcolor: #212733;
  --secondaryBGcolor: #323746;

 
  --secondarytxtColor:#FFFFFF;
  --primarytxtColor:#005BC4;

  --winnerBg:#FFFFFF;


  --sidNavBg: #212733;
  --sideMenuScrollBg:#24568f;
  --dropDownBg:#323746;
  --specialBg:#11142e;

  --errorColor:#e72f35;
  --favBg: #00B9FF;
  --favSelect:#f50000;
  --favUnSelect:#c7e7f3;

  --joinColor:#E92284;
  --myAccBg:#0173E0;
  --myaccdisable:#9698A1;

  --signupError:#9b1557;
  --filterBtnBg:#FFFFFF;
  --filterBtnColor:#089CC1;
}


/* if we use 'dark' , 'light' it apply for window as well ( browser scrolings) */

[data-theme='blue'] {
  --appBg:#FFFFFF;
  /* --appBg:#1B1F27; */
  --headerBGColor:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);
  --menuBtncolor:#0E7FBE;
  --secondBgColor:#D2ECF9;
  --btnSelectColor:#E92284;
  --btnSelectTriangle:#E92284;
  --btnShadowColor:#C3DFEF;
  --txtBaseColor:#FFFFFF;
  --NavBtnsColor:linear-gradient(90deg, #0F7CBE 0%, #02B9C5 97.85%);
  --categoryTitle:#000000;
  --moreGamesTiyle:#099AC1;
  --scrollBgColor:#C6DEE9;
  --scrollerColor:#58BEDC;
  --footerBG:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);;
  --copyRightBg:#0A699D;
  --subMenuTxt:#0E7FBE;
  --sideMenuBg:#089fc2;
  --sideNavDropDownBg:#A8DBFF;
  --textHoverColor:#E92284;
  --themeSwitcher:#121417;
  --balanceBg:#089CC1;
  --myAcctBg:#0980AD;
  --textColor:#FFFFFF;
  --footerInfotxtx:#84CEE1;
  --footerDideLine:#84CEE1;

  --myAccCardbg:#D2ECF9;
  --myAccScondryBg:#089CC1;
  --myAccAmtBg:#0A93C1;
  --myAccCardTxt:#0E7FBE;
  --myAccMenuBg:#d2ecf9;
  --myAccoverViewBg:linear-gradient(90deg, #1172BD 0%, #00C4C6 100%);
  --myAvatarBg:#089CC1;
  --myAccstripBg : #0E7FBE; 
  --myAccItemsBg : #0E7FBE;
  --myAccBorder : #089CC1;
  --myAccRowEven:#0A93C1;
  --myAccRowodd:#089CC1;

--headerTxtColor:#FFFFFF;

  --primaryColor : #2997FF;
  --secondarColor:#005BC4;

  --primaryBGcolor: #212733;
  --secondaryBGcolor: #323746;


  --secondarytxtColor:#FFFFFF;
  --primarytxtColor:#005BC4;

  --winnerBg:#FFFFFF;


  --sidNavBg: #212733;
  --sideMenuScrollBg:#24568f;
  --dropDownBg:#323746;
  --specialBg:#11142e;

  --errorColor:#e72f35;
  --favBg: #00B9FF;
  --favSelect:#f50000;
  --favUnSelect:#c7e7f3;

  --joinColor:#E92284;
  --myAccBg:#0173E0;
  --myaccdisable:#9698A1;

  --signupError:#9b1557;
  --filterBtnBg:#FFFFFF;
  --filterBtnColor:#089CC1;
}

[data-theme='pink'] {

  --appBg:#1B1F27;
  --headerBGColor:#121417;
  --menuBtncolor:#000000;
  --secondBgColor:#00000052;
  --btnSelectColor:linear-gradient(90deg, #00A0DE 0%, #E3267F 100%);
  --btnSelectTriangle:#7462ad;
  --btnShadowColor:#1B1F27;
  --txtBaseColor:#FFFFFF;
  --NavBtnsColor:linear-gradient(90deg, #00A0DE 0%, #E3267F 100%);
  --categoryTitle:#FFFFFF;
  --moreGamesTiyle:#708B95;
  --scrollBgColor: #003F57;
  --scrollerColor:#FFFFFF;
  --footerBG:#121417;
  --copyRightBg:#000000;
  --subMenuTxt:#FFFFFF;
  --sideMenuBg:#121417;
  --sideNavDropDownBg:#000000;
  --textHoverColor:#E92284;
  --themeSwitcher:#0E7FBE;
  --balanceBg:#163A55;
  --myAcctBg:#10547D;
  --textColor:#FFFFFF;
  --footerInfotxtx:#50606A;
  --footerDideLine:#0F4F76;;

  --myAccCardbg:#121417;
  --myAccScondryBg:#1b1f27;
  --myAccAmtBg:#121417;
  --myAccCardTxt:#ffffff;
  --myAccMenuBg:#121417;
  --myAccoverViewBg:#163a55;
  --myAvatarBg:#121417;
  --myAccstripBg : #1b1f27;
  --myAccItemsBg : #121417;
  --myAccBorder : #1b1f27;
  --myAccRowEven:#14161b;
  --myAccRowodd:#1b1f27;


  --headerTxtColor:#2997FF;

  --primaryColor : #2997FF;
  --secondarColor:#2997FF;

  --primaryBGcolor: #A8DBFF;
  --secondaryBGcolor: #A8DBFF;

  --secondarytxtColor:#FFFFFF;
  --primarytxtColor:#E0B0FF;

 --winnerBg:#FFFFFF;
 

  --sidNavBg: #d4e9f7;
  --sideMenuScrollBg:#2997FF;
  --dropDownBg:#131416;
  --specialBg:transparent linear-gradient(180deg, #9B00FF 0%, #C368FF 100%) 0% 0% no-repeat padding-box;

  --errorColor:#e72f35;
  --favBg:#a61bff;
  --favSelect:#f50000;
  --favUnSelect:#c7e7f3;
  
  --joinColor:#F50357;
  --myAccBg:#0173E0;
  --myaccdisable:#9698A1;

  --signupError:#cddc39;

  --filterBtnBg:#121417;
  --filterBtnColor:#FFFFFF;
}

.carousel .slider-wrapper{
  border-radius: 10px !important;
}

.carousel .slide {
  
  text-align: unset !important;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--scrollBgColor); ; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--scrollerColor);
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollerColor);
  border-radius: 4px;
}


@media (min-width: 1024px) and (max-width: 8000px) {

   /* CSS */
   html { font-size: 16px; }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
  html { font-size: 14px; }
  /* .rec.rec-slider-container{overflow: visible;}   */
}
  
/* @media (min-width: 100px) and (max-width: 667px){ */
  @media only screen and (max-width: 600px) {
  html { font-size: 12px; }
  .carousel .slider-wrapper{
    border-radius: 0px !important;
  }
  /* .rec.rec-slider-container{overflow: visible;}   */
}
  /* CSS */

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/


 /* .MuiSwitch-track{
  background-color:white !important;
}

.MuiOutlinedInput-root {
  position: relative;
  border-radius: 4px;
  border-color: red;
  color: red;
}
.MuiInputBase-root {
  color: rgb(56 251 32 / 87%);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
  letter-spacing: 0.00938em;
} */
/*
.Mui-disabled { 
  background-color: blue !important;
} */

/* .MuiSwitch-switchBase{
  color: blue !important;
} */