.sports { padding:10px; background: #fff; margin-bottom: 15px;}
.sports__cat { height: 40px; line-height: 40px; text-align: center; background: #808080; color: white; }
.schedule__row { 
	display: grid; 
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 4fr 1fr;
	grid-template-areas: 
		"info contents bttn";
	align-items: center; 
	height: 100%; 
	border:1px solid #dadada; 
	border-bottom: 0px;
}
.schedule__row-widget { 
	display: grid; 
	grid-template-rows: 2fr;
	grid-template-columns: 1fr;
	grid-template-areas: 
		"info"
		"contents";
	align-items: center; 
	border:1px solid #dadada; 
	border-bottom: 0px;
}

.sports .schedule__row:last-child  { border-bottom: 1px solid #dadada; }
.sports .schedule__row-widget:last-child  { border-bottom: 1px solid #dadada; }
.schedule__row:hover { background: #ececec; }
.game__col-info { grid-area: info; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; padding: 10px; color: #3a3a3a; }
.game__col-contents { grid-area: contents; display: grid; grid-template-columns: 5fr 4fr 5fr; padding: 10px; align-items: center;}
.game__col-bttn { grid-area: bttn; padding: 10px;}
.game__home { text-align: right; }
.game__status { display: grid; grid-template-columns: 1fr 3fr 1fr; align-items: center; padding: 0px 5px; text-align: center; min-width: 110px; }
.game__away { text-align: left; }
.game__score { padding: 5px; font-size: 18px; font-weight: bold; width: 28px; color:#3a3a3a;}
.game__win { color: crimson; }
.game__league { margin-right: 5px; width: 110px; }
.game__time { width: 32px; }
.game__col-contents-widget { grid-area: contents; display: grid; grid-template-columns: 5fr 4fr 5fr; padding: 5px 0px 5px 0px; align-items: center;}
.game__col-info-widget { grid-area: info; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; padding: 5px; color: #737373; }
.expired_date { margin: 15px; text-align: center; padding: 30px 15px; background: #f5f5f5; color: grey;}

.admin_bar { 
	background: #6b6b6b;
    height: 30px;
    color: white;
    text-align: center; 
    line-height: 30px;
}
.admin-config { display: none; }

.sports__bttn {  
	background: crimson;
    color: white;
    padding: 5px;
    text-align: center;
    border-radius: 5px; 
}

.sports__info-box {  
	background: #4caf50;
    color: white;
    padding: 3px;
    text-align: center;
    border-radius: 5px; 
}

.game__status-ft { background: grey; }
.game__status-live { background: crimson; }

.sports-date__container { background: #f5f5f5; }
.sports-date { display: grid; grid-auto-flow: column; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-items:center; padding: 15px 15px;}
.sports-date__date { min-width: 70px; text-align: center;  color: #9a9a9a;; border-radius: 5px; min-height: 30px; line-height: 30px; }
.sports-date__date:hover { background: #2c2c2c; color: white; }
.sports-date__date-selected { background: #2c2c2c; color: white; }
.sports-date__day { font-size: 25px; font-weight: bold; color: #9a9a9a; }
.sports-date__date:hover,.sports-date__date-selected .sports-date__day { color: white; }

.sports-widget { display: grid; grid-auto-flow: column; padding: 5px 5px 15px; background: #ffffff; justify-content: space-between; align-items: center;}
.sports-widget__title { font-size: 1.2em; color: black; font-weight: bold; }

@media (max-width: 650px) {
	.schedule__row { 
		display: grid; 
		grid-template-rows: 2fr;
		grid-template-columns: 1fr;
		grid-template-areas: 
			"info"
			"contents";
		align-items: center; 
		border:1px solid #dadada; 
		border-bottom: 0px;
	}
	.game__col-info { justify-content: flex-start; padding: 10px 10px 10px }
	.game__col-contents { padding: 0px 5px 10px; }
	.game__col-bttn { display: none; }
	.game__league { width: 45%; }
}