#body:-webkit-full-screen {
    width: 100%;
    height: 100%;
}
#body:-moz-full-screen {
    width: 100%;
    height: 100%;
}

 /* Tooltip container */
         .tooltip {
         position: relative;
         bottom:0;
         }
         /* Tooltip text */
         .tooltip .tooltiptext {
         visibility: hidden;
         font-size: 12px;
         background-color: #51459f;
         color: #fff;
         z-index: 1;
         right: 0;
         text-align: center;
         border-radius: 6px;
         border: 1px solid #fff;
         /* Position the tooltip text - see examples below! */
         position: absolute;
         z-index: 1;
         }
         /* Show the tooltip text when you mouse over the tooltip container */
         .tooltip:hover .tooltiptext {
         position: absolute;
         visibility: visible;
         display: block;
         z-index: 1;
         margin-top: 5px;
         right: 0;
         text-align: center;
         }
         @media  only screen and (min-width: 768px) {
         .tooltip:hover .tooltiptext {
         position: absolute;
         visibility: visible;
         z-index: 1;
         display: block;
         margin-top: 15px;
         right: 180;
         text-align: center;
         }
         }
      </style>
      <style>
         div, span, button, a {
         -webkit-user-select: none;
         user-select: none;
         -webkit-tap-highlight-color: rgba(0,0,0,0);
         -webkit-tap-highlight-color: transparent;
         }
         .rainbow-background {
         color: #fff;
         -webkit-animation: color-change-2x 1.5s linear infinite alternate both;
         animation: color-change-2x 1.5s linear infinite alternate both;
         }
         /**
         * ----------------------------------------
         * animation color-change-2x
         * ----------------------------------------
         */
         @-webkit-keyframes rainbow-background {
         0% {
         background: #19dcea;
         }
         50% {
         background: #ff00ff;
         }
         100% {
         background: #b22cff;
         }
         }
         @keyframes  color-change-2x {
         0% {
         background: #19dcea;
         }
         50% {
         background: #ff00ff;
         }
         100% {
         background: #b22cff;
         }
         }
         img {
         pointer-events: none;
         }
         .lightdark_fontcol {
         color: #FFFFFF;
         }
         .darklight_fontcol {
         color: #000000;
         }
         .nav_fontcol {
         color: #000000;
         }
         .grey_fontcol {
         background: #EFEFEF;
         }
         .grey_font {
         color: rgba(0,0,0,0.5);
         }
         .spot_fontcol {
         color: #FFFFFF;
         }
         .hue_1_fontcol {
         color: #FFFFFF;
         }
         .hue_2_fontcol {
         color: #FFFFFF
         }
         .hue_3_fontcol {
         color: #FFFFFF
         }
         .hue_4_fontcol {
         color: #FFFFFF;
         }
         .font_main {
         color: #ffffff;
         }
         .font_main_opacity {
         color: rgb(255,255,255, 0.45);
         }
         .font_spot_start {
         color: #d80000;
         }
         .font_hue_1_start {
         color: #d80000;
         }
         .font_hue_2_start {
         color: #087c00;
         }
         .font_hue_3_start {
         color: #075b13;
         }
         .font_hue_4_start {
         color: #13202b;
         }
         .bg_nav {
         background-color: #fff;
         }
         .bg_site {
         background-color: #fff;
         }
         .bg_font_main {
         background-color: #fff;
         }
         .bg_font_main_darker {
         background-color: #e1d3ff;
         }
         .bg_spot_start {
         background-color: #d80000;
         }
         .bg_spot_darker {
         background-color: #e11306;
         }
         .bg_hue_1_start {
         background-color: #d80000;
         }
         .bg_hue_2_start {
         background-color: #087c00;
         }
         .bg_hue_3_start {
         background-color: #075b13;
         }
         .bg_hue_4_start {
         background-color: #13202b;
         }
         .border_font_color {
         border-color: #ffffff;
         }
         .border_spot_start {
         border-color: #d80000;
         }
         .border_hue_1_start {
         border-color: #d80000;
         }
         .border_hue_1_transparent {
         border-color: rgb(0,149,59, 0.45);
         }
         .border_hue_1_lighter {
         border-color: #1ec13b;
         }
         .border_hue_2_start {
         border-color: #087c00;
         }
         .border_hue_3_start {
         border-color: #075b13;
         }
         .border_hue_4_start {
         border-color: #13202b;
         }
         a.font_hue_4_start:hover {
         color: #087c00;
         }
         a.font_hue_4_start:active {
         color: #d80000;
         }
         .bg_spot_gradient {
         background-image: linear-gradient(to bottom, #d80000, #e11306);
         }
         .bg_hue_gradient {
         background-image: linear-gradient(to bottom, #d80000, #075b13);
         }
         .bg_hue_gradient_with_transparency {
         background-image: linear-gradient(to bottom, rgb(0,149,59, 0.45), rgb(7,91,19, 0.45));
         }
         .bg_black_gradient_with_transparency_rtl {
         background-image: linear-gradient(to left, #000000, #000000, rgba(0, 0, 0, 0));
         }
         .bg_transparent {
         background-image: none;
         background-color: rgba(0,0,0,0);
         }
         .bg_spot_with_transparency {
         background-color: rgb(255,63,6, 0.15);
         }
         .bg_hue_1_with_transparency {
         background-color: rgb(0,149,59, 0.15);
         }
         .bg_hue_2_with_transparency {
         background-color: rgb(8,124,0, 0.5);
         }
         .bg_hue_2_with_transparency70 {
         background-color: rgb(8,124,0, 0.7);
         }
         .bg_hue_4_with_transparency {
         background-color: rgb(19,32,43, 0.25);
         }
         .bg_black_with_transparency {
         background-color: rgba(0, 0, 0, 0.6);
         }
         .bg_white_with_transparency {
         background-color: rgba(255, 255, 255, 0.1);
         }
         .bg_white_with_transparency_20 {
         background-color: rgba(255, 255, 255, 0.2);
         }
         .bg_site_with_transparency {
         background-color: #141413;
         }
         .bg_black_with_light_transparency {
         background-color: rgba(0, 0, 0, 0.15);
         }
         .bg_hue_1_gradient_to_transparent {
         background-image: linear-gradient(to top, rgb(0,149,59, 1), rgb(0,149,59, 0));
         }
         .bg_hue_4_gradient_to_transparent {
         background-image: linear-gradient(to top, rgb(19,32,43, 1), rgb(19,32,43, 0));
         }
         #eventLog p:nth-child(odd),
         .evenOddBg:nth-child(odd) {
         background-color: #EFEFEF;
         }
         #eventLog p:nth-child(even),
         .evenOddBg:nth-child(even) {
         background-color: #E0E0E0;
         }
         .hue_1_text_shadow {
         text-shadow: #d80000 0px 0px 1px,#d80000 0px 0px 1px, #d80000 0px 0px 1px, #d80000 0px 0px 1px,#d80000 0px 0px 1px, #d80000 0px 0px 1px, #000 0px 0px 1px, #d80000 0px 0px 1px, #d80000 0px 0px 1px;
         -webkit-font-smoothing: antialiased;
         }
         .hue_1_hover li:hover {
         background-color: #d80000;
         }
         .hue_1_hover li:hover a {
         color: #ffffff;
         }
         a.hue_1_hover:hover {
         background-color: #d80000;
         color: #ffffff;
         }
         .dividerArrow {
         border-left: 8rem solid transparent;
         border-right: 8rem solid transparent;
         border-top: 2rem solid #d80000;
         }
         .dividerArrowGrey {
         border-left: 8rem solid transparent;
         border-right: 8rem solid transparent;
         border-top: 2rem solid #BFBFBF
         }
         .divider {
         box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.25);
         }
         /* The sticky class is added to the navbar with JS when it reaches its scroll position */
         .sticky {
         position: fixed;
         top: 0;
         width: 100%;
         }
         /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
         .stickyContainer + #contentContainer {
         padding-top: 44px;
         }
         .sticky + #contentContainer {
         padding-top: 100px;
         }
         .pagination {
         text-align: center;
         margin: 0.5rem auto 1rem;
         }
         .pagination > .page-item {
         color: #ffffff;
         background-color: #d80000;
         width: 1.25rem!important;
         height: 1.25rem!important;
         border-radius: 9999px;
         text-align: center;
         font-size: 0.875rem;
         line-height: 1.25rem!important;
         font-family: Montserrat;
         margin: 0 1px;
         }
         .pagination > .active {
         background-color: #087c00!important;
         color: #ffffff;
         width: 1.25rem;
         height: 1.25rem;
         border-radius: 9999px;
         text-align: center;
         font-size: 0.875rem;
         line-height: 1.25rem;
         font-family: Montserrat;
         }
         div[class^='swiper-button'], div[class*='swiper-button']{
         color: #d80000;
         }
         #liveStreamWrapper ul,
         #userEngagementWrapper ul,
         #tab-gameovate-game-developers ul {
         list-style: none;
         }
         #liveStreamWrapper ul li,
         #userEngagementWrapper ul li,
         #tab-gameovate-game-developers ul li {
         margin-left: 1em;
         }
         #liveStreamWrapper ul li::before,
         #userEngagementWrapper ul li::before,
         #tab-gameovate-game-developers ul li::before {
         content: "\2022";
         display: inline-block;
         width: 1em;
         margin-left: -1em;
         }
         #tab-gameovate-game-developers ul li::before {
         content: "\002D";
         }
         .half-circle-spot {
         background-color: #d80000;
         animation: moveSpot 5s infinite;
         }
         .half-circle-hue1 {
         background-color: #d80000;
         animation: moveHue1 5s infinite;
         }
         .half-circle-hue3 {
         background-color: #075b13;
         animation: moveHue3 5s infinite;
         }
         .half-circle-font_main {
         background-color: #ffffff;
         animation: moveFM 5s infinite;
         }
         .greyScale {
         opacity: 20%;
         -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
         -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
         filter: gray;
         }
         .greyScale30 {
         opacity: 30%;
         -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
         -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
         filter: gray;
         }
         .greyScale90 {
         opacity: 90%;
         -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
         -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
         filter: gray;
         }
         .greyScaleFull {
         opacity: 100%;
         -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
         -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
         filter: gray;
         }
         @keyframes  moveSpot {
         0%   {background-color:#d80000;}
         25%  {background-color:#d80000;}
         50%  {background-color:#ffffff;}
         75%  {background-color:#075b13;}
         100% {background-color:#d80000;}
         }
         @keyframes  moveHue1 {
         0%   {background-color:#d80000;}
         25%  {background-color:#ffffff;}
         50%  {background-color:#075b13;}
         75%  {background-color:#d80000;}
         100% {background-color:#d80000;}
         }
         @keyframes  moveFM {
         0%   {background-color:#ffffff;}
         25%  {background-color:#075b13;}
         50%  {background-color:#d80000;}
         75%  {background-color:#d80000;}
         100% {background-color:#ffffff;}
         }
         @keyframes  moveHue3 {
         0%   {background-color:#075b13;}
         25%  {background-color:#d80000;}
         50%  {background-color:#d80000;}
         75%  {background-color:#ffffff;}
         100% {background-color:#075b13;}
         }
         .partnerSiteDropdown select {
         /* styling */
         background-color: transparent;
         border-radius: 4px;
         display: inline-block;
         font: inherit;
         line-height: 1.5em;
         padding: 0.5em 1.5em 0.5em 1em;
         margin: 0;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         -webkit-appearance: none;
         -moz-appearance: none;
         }
         .partnerSiteDropdown select.showDropdownArrow,
         select.showDropdownArrow{
         background-image:
         linear-gradient(45deg, transparent 50%, white 50%),
         linear-gradient(135deg, white 50%, transparent 50%);
         background-position:
         calc(100% - 20px) calc(1em + 2px),
         calc(100% - 15px) calc(1em + 2px),
         100% 0;
         background-size:
         5px 5px,
         5px 5px,
         2.5em 2.5em;
         background-repeat: no-repeat;
         }
         .partnerSiteDropdown select.showDropdownArrow:active,
         select.showDropdownArrow:active,
         .partnerSiteDropdown select.showDropdownArrow:focus,
         select.showDropdownArrow:focus {
         background-image:
         linear-gradient(45deg, white 50%, transparent 50%),
         linear-gradient(135deg, transparent 50%, white 50%);
         background-position:
         calc(100% - 15px) 1em,
         calc(100% - 20px) 1em,
         100% 0;
         background-size:
         5px 5px,
         5px 5px,
         2.5em 2.5em;
         background-repeat: no-repeat;
         outline: 0;
         pointer-events: none;
         }
         .ui-accordion, .ui-accordion-content-active {
         margin-left: 0px!important;
         }
         .ui-accordion .ui-accordion-content {
         padding: 1em 0em!important;
         }
         .ui-state-default {
         background: #737AAE;
         border-color: #737AAE;
         }
         .ui-accordion-header-active {
         background: #FF6600;
         border-color: #FF6600;
         }
         /*.fa-stack { font-size: 0.5em; }*/
         i { vertical-align: middle; }
         .ms-container {
         width: 100%
         }
         .ms-container .ms-selectable .custom-header,
         .ms-container .ms-selection .custom-header {
         color: #737AAE;
         background:#2D325A;
         border-bottom: 1px solid #737AAE;
         }
         .ms-container .ms-selectable ul.ms-list,
         .ms-container .ms-selection ul.ms-list {
         color: #FFFFFF;
         background:#2D325A;
         border: none;
         box-shadow: none;
         border-radius: 0px;
         }
         .ms-container .ms-selectable ul.ms-list li,
         .ms-container .ms-selection ul.ms-list li {
         color: #FFFFFF;
         background:#2D325A;
         border: none
         }
         .ms-container .ms-selectable ul.ms-list li:nth-child(odd),
         .ms-container .ms-selection ul.ms-list li:nth-child(odd) {
         background: #181C30;
         }
         .ms-container .ms-selectable ul.ms-list li:nth-child(even),
         .ms-container .ms-selection ul.ms-list li:nth-child(even) {
         background: #202442;
         }
         .eliminatorCreatorTable input[type=number]::-webkit-inner-spin-button,
         .eliminatorCreatorTable input[type=number]::-webkit-outer-spin-button {
         opacity: 1;
         }
         ::-webkit-scrollbar {
         width: 10px;
         }
         .transactionsTableWrapper::-webkit-scrollbar {
         margin-top: 10px;
         }
         ::-webkit-scrollbar-track {
         box-shadow: inset 0 0 5px #808080;
         border-radius: 10px;
         }
         ::-webkit-scrollbar-thumb {
         background: #B2B2B2;
         border-radius: 10px;
         }
         ::-webkit-scrollbar-thumb:hover {
         background: #7F7F7F;
         }
         :root{
         scrollbar-color: #808080 #B2B2B2 !important;
         scrollbar-width: thin !important;
         }
         .supportPages a {
         text-decoration: underline;
         }
         #loginFormTop ::placeholder {
         color: #FFFFFF;
         opacity: 1; /* Firefox */
         }
         #loginFormTop :-ms-input-placeholder { /* Internet Explorer 10-11 */
         color: #FFFFFF;
         }
         #loginFormTop ::-ms-input-placeholder { /* Microsoft Edge */
         color: #FFFFFF;
         }
         .grecaptcha-badge { visibility: hidden; }
         @media  all and (min-width: 640px) and (max-height: 800px) and (orientation:landscape) {
         #transactionModal .transactionsTableWrapper {
         max-height: 28vh;
         }
         #avatarModal .avatarWrapper iframe {
         min-height: 100%;
         }
         }
         @keyframes  ldio {
         0%, 100% {
         animation-timing-function: linear;
         }
         0% {
         transform: translate(0,0)
         }
         50% {
         transform: translate(0,700px);
         animation-timing-function: linear;
         }
         100% {
         transform: translate(0,0);
         }
         }
         .ldio div {
         position: absolute;
         width: 22px;
         height: 22px;
         border-radius: 50%;
         background: rgba(0, 0, 0, 0);
         left: 0px;
         top: 0px;
         animation: ldio 5s linear infinite;
         }
         .loadingio-spinner-ball {
         width: 31px;
         height: 731px;
         display: inline-block;
         overflow: hidden;
         background: rgba(255, 255, 255, 0);
         position: absolute;
         top: 2rem;
         z-index: -1;
         }
         .ldio {
         width: 10%;
         height: 10%;
         position: relative;
         transform: translateZ(0) scale(1);
         backface-visibility: hidden;
         transform-origin: 0 0; /* see note above */
         }
         .ldio div {
         box-sizing: content-box;
         }
         .tooltip .tooltiptext {
         visibility: hidden;
         }
         .tooltip:hover .tooltiptext {
         visibility: visible;
         }
         .boxShadow {
         box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.25);
         }
         .textDropShadow {
         filter: drop-shadow(0rem 0.4rem 0.1rem rgba(0, 0, 0, 0.25));
         }
         .imgDropShadow {
         filter: drop-shadow(-0.2rem 0.2rem 0.1rem rgba(0, 0, 0, 0.25));
         }
         .favouriteDropShadow {
         /*filter: drop-shadow(0rem 0.1rem 0.2rem #000000); */
         filter: drop-shadow(0 0 2px #000000);
         }
         .ql-container.ql-snow {
         border-bottom: none;
         border-left: none;
         }
         .resizable {
         display: inline-block;
         /*background: red;*/
         resize: both;
         overflow: hidden;
         line-height: 0;
         margin: auto;
         }
         .resizable img {
         width: 100%;
         height: 100%;
         margin: auto;
         display: block;
         }
         .grecaptcha-badge {
         visibility: hidden;
         }
         .gradientBackground {
         background: repeating-linear-gradient(
         -55deg,
         #d80000,
         #d80000 10px,
         #075b13 10px,
         #075b13 20px
         );
         }
         /** App progress loader **/
         #progressWrapper { 
         height: 2px;
         position: fixed;
         bottom: 0%;
         width: 100%;
         background-color: transparent;
         opacity: 1;
         z-index: 999;
         }
         #progressWrapper .progress {
         position: fixed;
         left: 0px;
         top: 0px;
         width: 100%;
         z-index: 9999;
         background-color: #F2F2F2;
         }
         #progressWrapper .bar { 
         background-color: #819FF7; 
         width:0%; 
         height:5px; 
         border-radius: 3px; 
         }
         #progressWrapper .percent { 
         position:absolute; 
         display:inline-block; 
         top:3px; 
         left:48%; 
         }
         #progressWrapper h1 {
         text-align:center;
         font-size:35px;
         margin-top:60px;
         color:#A9BCF5;
         }
         #progressWrapper h1 p {
         text-align:center;
         margin:0px;
         font-size:18px;
         text-decoration:underline;
         color:grey;
         }
         /** App progress loader END **/
         .vertical180{
         writing-mode:tb-rl;
         -webkit-transform:rotate(180deg);
         -moz-transform:rotate(180deg);
         -o-transform: rotate(180deg);
         -ms-transform:rotate(180deg);
         transform: rotate(180deg);
         white-space:nowrap;
         }
         .vertical90{
         writing-mode:tb-rl;
         -webkit-transform:rotate(90deg);
         -moz-transform:rotate(90deg);
         -o-transform: rotate(90deg);
         -ms-transform:rotate(90deg);
         transform: rotate(90deg);
         white-space:nowrap;
         }
         #pvpFilter.lightSite,
         #pvpFilter.lightSite.closed {
         background-image:
         linear-gradient(45deg, transparent 50%, #ffffff 50%),
         linear-gradient(135deg, #ffffff 50%, transparent 50%);
         background-position:
         calc(100% - 15px) calc(1em + -6px),
         calc(100% - 10px) calc(1em + -6px);
         background-size:
         5px 5px,
         5px 5px,
         1px 1.5em;
         background-repeat: no-repeat;
         }
         #pvpFilter.lightSite.open {
         background-image:
         linear-gradient(45deg, #ffffff 50%, transparent 50%),
         linear-gradient(135deg, transparent 50%, #ffffff 50%);
         background-position:
         calc(100% - 10px) calc(1em + -7px),
         calc(100% - 15px) calc(1em + -7px);
         background-size:
         5px 5px,
         5px 5px,
         1px 1.5em;
         background-repeat: no-repeat;
         outline: 0;
         }
         #pvpFilter.darkSite,
         #pvpFilter.darkSite.closed {
         background-image:
         linear-gradient(45deg, transparent 50%, #EFEFEF 50%),
         linear-gradient(135deg, #EFEFEF 50%, transparent 50%);
         background-position:
         calc(100% - 15px) calc(1em + -5px),
         calc(100% - 10px) calc(1em + -5px);
         background-size:
         5px 5px,
         5px 5px,
         1px 1.5em;
         background-repeat: no-repeat;
         }
         #pvpFilter.darkSite.open {
         background-image:
         linear-gradient(45deg, #EFEFEF 50%, transparent 50%),
         linear-gradient(135deg, transparent 50%, #EFEFEF 50%);
         background-position:
         calc(100% - 10px) calc(1em + -7px),
         calc(100% - 15px) calc(1em + -7px);
         background-size:
         5px 5px,
         5px 5px,
         1px 1.5em;
         background-repeat: no-repeat;
         outline: 0;
         }
         #pvpFilter option.selected {
         background: rgba(0, 0, 0, 0.3);
         }