:root {
   --black-gra: #828160;
   --shadow-container-main: #828160;
   --title-line-bf-af-header: #f3f906;
   --bg-league-content: #616302;
   --bg-status-time: #808303;
   --font-color-status: #f3f906;
   --bg-score: #808303;

   --bg-btn-play : #808303;
   --border-color-btn-play : #f3f906;

   --h-bg: rgba(10, 21, 4, 0.87);
   --title-head-color: #fff;
   --dark-grey: #333333;
   --medium-grey: #636363;
   --light-grey: #f3f906;
   --ash: #f4f4f4;
   --primary-color: #fbc638;
   --white: white;
   --border: 1px solid var(--light-grey);
   --shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
   --font-fam: "Kanit";
}

.ls-content-container {
   margin: unset;
   border-radius: unset;
}

#wrap-main-ls.container {
   box-shadow: 0 0 9px 1px var(--shadow-container-main);
   border-left: 1px solid #828160;
   border-right: 1px solid #828160;
}

.header-title-section h1:before ,.header-title-section h1:after {
   background-color: var(--title-line-bf-af-header);
}

.ls-league-container {
   background-color: var(--bg-league-content);
}

.status-ls-1, .status-ls-2 {
   background: var(--bg-status-time);
}

.detail-status-live .status-ls-items {
   color: var(--font-color-status);
}

.score-ls-items {
   background: var(--bg-score);
}

.play-btn {
   background: var(--bg-btn-play);
}

.play-btn-wait-time {
   background: transparent !important;
}

.play-btn:before {
   border-color: var(--border-color-btn-play);
}

.wrap-logo {
   display: flex;
   justify-content: center;
}

.logo-center {
   margin: 12px 0;
   width: auto;
   height: 126px;
}

@media screen and (max-width: 767px) {
   .status-ls-1, .status-ls-2 {
      background: unset;
   }

   .score-ls-items {
      background: unset;
   }
}