.top-row-style {
   padding: 8px 8px 8px 8px !important;
}

.navbar-outer {
   z-index: 1 !important;
}

.progress-bar-container {
   background-color: rgb(192, 192, 192);
   width: 80%;
   border-radius: 15px;

   margin-top: 10px;
}

.progress-bar {
   background-color: #ff9904;
   color: white;
   padding: 1%;
   text-align: right;
   font-size: 20px;
   border-radius: 15px;
}


@media screen and (max-width: 600px) {
   .left-menu-container {
      display: none;
   }

   .bottom-menu-container {
      display: block;
   }
}

@media screen and (min-width: 601px) {
   .left-menu-container {
      display: block;
   }

   .bottom-menu-container {
      display: none;
   }
}

.left-menu-container1 {
   position: absolute !important;
   width: 70px;
   left: 0px;
   overflow: hidden;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   z-index: 100000000000000 !important;
   padding: 0 !important;
}

#back-top {
   z-index: 1 !important;
}


.left-menu-container {
   height: 100% !important;
   width: 80px !important;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: transparent;
   overflow-x: hidden;
   padding-top: 250px !important;
   ;
}


#divRightBanner1 {
   position: absolute !important;
   width: 300px;
   height: 600px;
   overflow: hidden;
   right: 0px;
   border: 1px solid blue;
}

.divRightBannerAbsolute {
   width: 100% !important;
   height: 600px !important;
   top: 0px;
   margin-left: 0px !important;

   border: 1px solid blue !important;
   background-color: blue !important;
   color: white;
   position: absolute !important;
}


.divRightBannerFixed {
   width: 100% !important;
   height: 600px !important;
   position: fixed;
   z-index: 1;
   top: 0;
   right: 50;
   border: 1px solid blue !important;
   background-color: blue !important;
   color: white;
}

.bottom-menu-container {
   position: fixed;
   width: 100%;
   bottom: 0px;
   left: 1px;
   overflow: hidden;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   z-index: 1000000 !important;
   padding: 0 !important;
}

.left-menu {
   display: flex;
   flex-direction: column;
   background-color: #191C20;
   padding: 0 !important;
}

.bottom-menu {
   display: flex;
   flex-direction: row;
   background-color: #fff;
   background-color: #191C20;
   padding: 0 !important;
}

.left-menu-light {
   display: flex;
   flex-direction: column;
   background-color: #fff;
   padding: 0 !important;
}

.bottom-menu-light {
   display: flex;
   flex-direction: row;
   background-color: #fff;
   padding: 0 !important;
}

.sticky-menu-item {
   text-align: center;
   color: #000;
   padding-bottom: 2px !important;
   padding-top: 2px !important;
   padding-right: 15px !important;
   padding-left: 15px !important;
   width: 70px !important;
   height: 58px !important;
   background-repeat: no-repeat;
   background-size: 50px 50px;

   background-position: center;
   margin: 0 !important;
   border-bottom: 0px solid transparent !important;
}

.overview {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/overview.webp');
}

.overview-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/overview.webp');
}

.overview:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/overview.webp');
}

.description {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/description.webp');
}

.description-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/description.webp');
}

.description:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/description.webp');
}

.social-score {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/social-score.webp');
}

.social-score-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/social-score.webp');
}

.social-score:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/social-score.webp');
}

.crypto {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/crypto.webp');
}

.crypto-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/crypto.webp');
}

.crypto:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/crypto.webp');
}

.events {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/events.webp');
}

.events-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/events.webp');
}

.events:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/events.webp');
}

.investors {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/investors.webp');
}

.investors-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/investors.webp');
}

.investors:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/investors.webp');
}

.nft {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/nft.webp');
}

.nft-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/nft.webp');
}

.nft:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/nft.webp');
}

.reviews {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/reviews.webp');
}

.reviews-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/reviews.webp');
}

.reviews:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/reviews.webp');
}

.discussion {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/discussion.webp');
}

.discussion-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/discussion.webp');
}

.discussion:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/discussion.webp');
}

.guilds {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/guilds.webp');
}

.guilds-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/guilds.webp');
}

.guilds:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/guilds.webp');
}

.news {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/normal/news.webp');
}

.news-selected {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/selected/news.webp');
}

.news:hover {
   background-image: url('../../../../wp-content/plugins/wp-cryptogames/icons/gamepage_menuicons/hover/news.webp');
}

.section-content {
   height: 400px;
}

.game-section {
   margin-left: 0px !important;
}

.text-success {
   color: #01ab6d;
}

.text-danger {
   color: #CD0E3C;
}

.icon-rounded {
   border-radius: 18%;
}


.align-center {
   text-align: center;
}

.event-status {
   border: 1px solid #CD0E3C;
   background-color: #CD0E3C;
   color: white;
   font-size: 14px !important;
   font-weight: bold;
   padding: 3px;
   border-radius: 8px;
   width: auto !important;
}

.mt-10 {
   margin-top: 10px !important;
}

.mb-10 {
   margin-bottom: 10px !important;
}

.mt-20 {
   margin-top: 20px !important;
}

.text-bold {
   font-weight: bold;
}

@media only screen and (min-width: 601px) {
   #divGameContainer {
      margin-left: 80px !important;
      border: 1px solid red;

      max-width: 100% !important;
      padding: 0 !important;
   }

   #divGameInfoContainer,
   #divSocialScoreContainer {
      margin-left1: 80px !important;
      border: 1px solid orange !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
   }
}

@media only screen and (max-width: 600px) {
   #divGameContainer {
      padding: 0 !important;
      margin-left: 0px !important;
      border: 1px solid green;
   }

   #divGameInfoContainer,
   #divSocialScoreContainer {
      padding: 0 !important;
      margin-left: 0px !important;
      border: 1px solid green;
      width: 100% !important;
      max-width: 100% !important;
   }

   #divRightBanner {
      padding: 0 !important;
      display: none !important;
   }
}

@media (max-width: 600px) {
   #content {
      padding: 0px !important;
      max-width: 100% !important;
      margin-left: 0px !important;
      padding-left: 0px !important;
   }
}

@media (min-width: 601px) {

   #content :not(.cryptogames-dapp-root) {
      max-width: 100% !important;
   }

   #content {
      max-width: 100% !important;
      margin-left: 0px !important;
      padding-left: 80px !important;
   }
}

#divGameRating,
#divMyRating {
   height: 50px;
   width: 50px;
   background-color: #bbb;
   border-radius: 50%;
   display: inline-block;
   color: black;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}



table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   outline: 0 !important;
   font-size: 100% !important;
   vertical-align: baseline !important;
   background: transparent !important;
}


.header1 {
   font-size: 35px !important;
   font-weight: bold !important;

}

.btn-rating {
   padding: 0px;
   width: 1%;
   height: 15px;
   margin: 0px;
   display: inline;
   float: left;
}

.btn-rating-green {
   background-color: #01ab6d !important;
   color: black !important;
}

.btn-rating-red {
   background-color: #f44234 !important;
   color: white !important;
}

.btn-rating-orange {
   background-color: #ff9904 !important;
   color: black !important;
}

.btn-rating-gray {
   background-color: #666 !important;
   color: black !important;
}


.btn-rating-rounded {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}


.btn-rating-not-rounded {
   border-radius: 0;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

.btn-rating-rounded-left {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

.btn-rating-rounded-right {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

.table_info {
   width: 100% !important;
   border: border-collapse !important;
}

.table_info td {
   width: 80px !important;
   padding: 5px !important;
}

.game_page_link {
   color: #CD0E3C;
   text-decoration: none !important;
   font-size: 14px;
   font-weight: bold;
}

.token-data-cell {
   padding-top: 10px !important;
   padding-left: 8px !important;
   padding-right: 8px !important;
   padding-bottom: 10px !important;
}

.filter-button-container {
   display: flex;
   gap: 10px;
}

.resetButtonClass {
   all: unset;
   /* Resets all styles */
   display: inline-block !important;
   background: none !important;
   border: none !important;
   color: inherit !important;
   padding: 0 !important;
   font: inherit !important;
   cursor: pointer !important;
}


.event-button {
   padding: 10px 20px !important;
   border: none !important;
   border-radius: 20px !important;
   font-size: 14px !important;
   font-weight: bold !important;
   cursor: pointer !important;
   transition: background-color 0.3s, color 0.3s !important;
   background-color: #f0f0f0 !important;
   color: #333 !important;
   box-shadow: none !important;
}

.event-button:hover {
   background-color: #e0e0e0 !important;
}

.event-button.active {
   background-color: #e91e63 !important;
   color: white !important;
}

.event-button.active:hover {
   background-color: #d81b60 !important;
}


.event-button-link {
   padding: 10px 20px !important;
   border: none !important;
   border-radius: 20px !important;
   font-size: 14px !important;
   font-weight: bold !important;
   cursor: pointer !important;
   transition: background-color 0.3s, color 0.3s !important;
   background-color: #f0f0f0 !important;
   color: #333 !important;
   box-shadow: none !important;
   text-decoration: none !important;
}

.event-button-link:hover {
   background-color: #e0e0e0 !important;
}

.event-button-link.active {
   background-color: #e91e63 !important;
   color: white !important;
}

.event-button-link.active:hover {
   background-color: #d81b60 !important;
}


.tba {
   position: absolute;
   top: 10px;
   left: 10px;
   background-color: #e0e0e0;
   padding: 5px 5px;
   border-radius: 5px;
   font-size: 11px;
}

.event-status {
   text-align: center;
   background-color: white;
   border: 1px solid #ff6b6b;
   color: #ff6b6b;
   padding: 5px 15px;
   border-radius: 5px;
   margin-top: 15px;
   cursor: pointer;
   transition: background-color 0.3s, color 0.3s;
}

.event-status:hover {
   background-color: #ff6b6b;
   color: white;
}

.game-event-card {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   width: 250px;
   height: 380px;
   transition: transform 0.2s ease-in-out;

   margin: 10px;
}

.game-event-card-content {
   padding: 10px;
}

.game-event-card-title {
   font-size: 1.5rem;
   margin-bottom: 10px;
   color: #555;
   font-size: 15px;
}

.game-event-card-description {
   color: #555;
}

.card_widget_table {
   border-collapse: collapse;
   width: 100%;
}

.card_widget_table_th,
card_widget_table_td {
   border: none !important;
   border: 0px solid #fff !important;
}

.card_widget_table_th {
   background-color: #fff;
   color: #333;
   /* Text color */
   font-weight: bold;
   font-size: 14px;
   padding: 5px;
   text-align: left;
   border: 0px solid #fff !important;
}

.card_widget_table_td a {
   text-decoration: none !important;
}

.card_widget_table_td {
   background-color: #fff;
   color: #555;
   /* Text color */
   padding: 5px;
   border: 0px solid #fff !important;
   font-size: 13px;
}

.the-card {
   border-radius: 25px;
   border: 2px solid #666;
   padding: 20px;
   width: 90%;
   height: 130px;
   margin: 10px;
}