html .button-gray-outline, html .button-gray-outline:focus {
      color: #ffffff;
      background-color: transparent;
      border-color: #c6c6c6;
      margin-right: 10px;
    }

    html .button-gray-outline:hover, html .button-gray-outline:active {
      color: #fff;
      border-color: #38a9ff;
      background-color: #38a9ff;
    }

    .owl-carousel-arrows-outline .owl-arrow:hover {
      color: #fff;
      border-color: #38a9ff;
      background-color: #38a9ff;
    }

    .owl-carousel-arrows-outline .owl-arrow {
      color: #fff;
      margin-right: 7px;
    }

    .bg-gray-100 { 
      background-color: #2c2d31;
    }

    .heading-component-title { 
      color: #fff;
      line-height: 60px;
    }

    .heading-component-title::before {
      border-left: 6px solid #38a9ff;
    }

    .bg-gray-100 .heading-component {
      border-bottom-color: transparent;
      background-color: #35363c;
    }

    .heading-component-inner {
      height: 60px;
    }

    .heading-component-inner > * {
      margin-bottom: -3px;
      margin-top: -3px;
    }

    .table-standings th {
      background-color: #38a9ff;
      border: 1px solid #38a9ff;
    }

    .post-future-main {
      padding: 20px 25px 35px;
      background: #35363c;
      color: #fff;
    }

    .post-future-title {
      color: #fff;
    }

    .post-future-title a:hover{
      color: #38a9ff!important;
    }

    .post-future-title a:hover {
      transition: ease-in;
    }

    .table-custom {
      background-color: #35363c;
      border: 0px solid #474851;
      border-radius: 8px;
    }

    .table-standings td {
      color: #fff;
    }

    .table-standings tr:hover {
      background-color: #38a9ff;
    }

    .table-standings tr + tr {
      border-top: 1px solid #474851;
    }

    .button-primary {
      background-color: #38a9ff!important;
      border: 1px solid #38a9ff!important;
    }

    .button-primary:hover {
      color: #fff!important;
      background-color: #1c82cf!important;
      border: 1px solid #1c82cf!important;
    }

    .bg-gray-100 .post-classic {
      padding: 8px;
      background: #35363c;
      border: 1px solid #474851;
    }

    .post-classic-title {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.05em;
      color: #ffffff;
    }

    .post-classic-title a:hover {
      color: #38a9ff!important;
    }

    .game-result-title, .game-result-team-name {
      color: #ffffff;
    }

    .game-result-creative {
      max-width: 450px;
      border-bottom: 3px solid #c9dbda;
      background: #35363c;
    }

    .game-result {
      background: #35363c;
      border: 1px solid #474851;
      border-radius: 8px;
    }

    .game-info-countdown {
      position: relative;
      padding: 15px 10px;
      background: #242425;
    }

    .game-info-share-item {
      background-color: #1c82cf!important;
    }

    .game-info .button {
      border-color: #38a9ff;
      color: #fff;
    }

    .game-info .button:hover {
      border-color: #38a9ff!important;
      color: #fff;
    }

    .time-big span {
      color: #38a9ff!important;
    }

    .heading-component-title::before {
      top: 0px!important;
    }

    .game-info-team-divider {
      color: #38a9ff!important;
    }

    .icon-corporate:hover { 
      background-color: #1c82cf!important;
    }

    html .context-dark .button-gray-outline:hover, html .rd-navbar-dark .button-gray-outline:hover, html .rd-navbar-darker .button-gray-outline:hover, html .bg-gray-700 .button-gray-outline:hover, html .bg-gray-2 .button-gray-outline:hover, html .bg-gray-4 .button-gray-outline:hover, html .bg-primary .button-gray-outline:hover, html .bg-image-dark .button-gray-outline:hover, html .context-dark .button-gray-outline:active, html .rd-navbar-dark .button-gray-outline:active, html .rd-navbar-darker .button-gray-outline:active, html .bg-gray-700 .button-gray-outline:active, html .bg-gray-2 .button-gray-outline:active, html .bg-gray-4 .button-gray-outline:active, html .bg-primary .button-gray-outline:active, html .bg-image-dark .button-gray-outline:active {
      color: #fff;
      background-color: #1c82cf;
      border-color: #1c82cf;
    }

    .post-future .button-gray-outline {
      background-color: #1c82cf;
      border-color: #1c82cf;
    }

    .post-future .button-gray-outline:hover {
      background-color: #11609c;
      border-color: #11609c;
    }

    .context-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .rd-navbar-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .rd-navbar-darker .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .bg-gray-700 .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .bg-gray-2 .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .bg-gray-4 .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .bg-primary .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .bg-image-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.active .rd-nav-link, .context-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .rd-navbar-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .rd-navbar-darker .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .bg-gray-2 .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .bg-gray-4 .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .bg-image-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.opened .rd-nav-link, .context-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .rd-navbar-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .rd-navbar-darker .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .bg-gray-700 .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .bg-gray-2 .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .bg-gray-4 .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .bg-primary .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link, .bg-image-dark .rd-navbar-static.rd-navbar-classic .rd-nav-item.focus .rd-nav-link {
      color: #1c82cf;
    }

    .owl-carousel-inline-outer .owl-arrow {
      background-color: #1c82cf;
      border-color: #1c82cf;
    }

    .owl-carousel-inline-outer .owl-arrow:hover {
      background-color: #0e5e9b;
      border-color: #0e5e9b;
      color: #fff;
    }

    .context-dark .icon-light, .rd-navbar-dark .icon-light, .rd-navbar-darker .icon-light, .bg-gray-700 .icon-light, .bg-gray-2 .icon-light, .bg-gray-4 .icon-light, .bg-primary .icon-light, .bg-image-dark .icon-light {
      color: #fff;
    }

    .context-dark:hover .icon-light:hover, .rd-navbar-dark:hover .icon-light:hover, .rd-navbar-darker:hover .icon-light:hover, .bg-gray-700:hover .icon-light, .bg-gray-2 .icon-light, .bg-gray-4 .icon-light, .bg-primary .icon-light, .bg-image-dark .icon-light {
      color: #1c82cf;
    }
    .rd-nav-link:hover {
      color: #1c82cf!important;
    }

    .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
      color: #fff!important;
    }

    .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before {
      color: #1c82cf!important;
    }

    .rd-navbar-static .rd-navbar-dropdown .rd-dropdown-link:hover {
      color: #1c82cf!important;
    }

    h1, h2, h3, h4, h5, h6, [class*='heading-'] {
      margin-top: 0;
      margin-bottom: 0;
      font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #ffffff;
      text-transform: uppercase;
    }

    .context-dark .link-icon .icon, .rd-navbar-dark .link-icon .icon, .rd-navbar-darker .link-icon .icon, .bg-gray-700 .link-icon .icon, .bg-gray-2 .link-icon .icon, .bg-gray-4 .link-icon .icon, .bg-primary .link-icon .icon, .bg-image-dark .link-icon .icon {
      color: #fcef57;
    }

    .post-future {
      border: 1px solid #474851;
    }

    .block-voting {
      max-width: 370px;
      padding: 25px 20px;
      text-align: center;
      background: #35363c;
      border: 1px solid #474851;
    }

    .player-voting-item-title {
      color: #fff;
    }

    .game-result-score { 
      color: #fff;
      font-weight: 600;
    }

    .link-login {
      color: #fcef57;
    }

    .link-icon .icon:hover {
      color: #fcef57;
    }
    .fl-bigmug-line-login12{
      color: #fcef57!important;
    }

    .product-header {
      position: relative;
      min-height: 345px;
      background-image: linear-gradient(to bottom, #35363c 0%, #313133 100%);
      border: 1px solid #474851;
    }

    .product-content {
      padding: 25px;
      text-align: center;
      background-color: #242425;
      border: 1px solid #474851;
      border-top: 0;
    }

    .post-future {
      border: 1px solid #474851;
      border-radius: 8px;
     
      background: #35363c;
    }

    .post-future-main {
      padding: 20px 25px 35px;
      background: #35363c;
      color: #fff;
      border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    }
    .post-future-figure img {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }
    .heading-component {
      border-radius: 8px;
    }
    .heading-component-title::before {
      border-left: 0px!important;
    }
    .heading-component-inner { 
      border-color: #38a9ff!important;
      margin-left: 1px;
      border-radius: 7px;
      border-left: 8px solid;
    }

    .thumbnail-creative { 
      border-radius: 6px;
    }

    .block-voting {
      border-radius: 8px;
    }

    .post-slider .post-alice {
      width: 100%;
      white-space: normal;
      border-radius: 8px;
    }

    .product-header {
      position: relative;
      min-height: 345px;
      background-image: linear-gradient(to bottom, #35363c 0%, #313133 100%);
      border: 1px solid #474851;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }

    .product-content {
      padding: 25px;
      text-align: center;
      background-color: #242425;
      border: 1px solid #474851;
      border-top: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    .game-info-countdown {
      position: relative;
      padding: 15px 10px;
      background: #242425;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    .post-classic-figure {
      border-radius: 8px;
    } 

    html .divider-secondary::after {
      background: #38a9ff;
    }

    .rd-navbar-static .rd-nav-link {
      position: relative;
      display: inline-block;
      transition: .25s;
      font-size: 12px;
    }

    .color-text-principal{
      color: #38a9ff!important;
    }