.pg-filter-bar {
	display: flex;
	justify-content: space-between;
	margin: 30px 0px;
	flex-wrap: wrap;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	padding: 25px;
	background: #F9FAFB;
}

/* .pg-filter-bar > div {
	margin-top: 10px;
} */

.pg-filter-bar input {
	padding: 8px;
	font-size: 14px;
}

.pg-schedule-item {
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.pg-schedule-item .pg-details{
padding-left: 1.5rem;
border-left: 5px solid #ddd;
padding-left: 1.5rem;
border-left: 5px solid #ddd;
display: flex;
justify-content: space-between;
flex: 1;
}

.pg-schedule-item .pg-details .pg-meta{
align-content: center;
}

.pg-schedule-item .pg-details .pg-meta .pg-live, .pg-schedule-item .pg-details .pg-meta .pg-orioles {
  background: #DF460120;
  color: #DF4601;
}

.pg-schedule-item .pg-details .pg-meta .pg-repeat {
  background: #4A4A4A20;
  color: #4A4A4A;
}

.pg-schedule-item .pg-details .pg-meta .pg-hd {
  background: #00499020;
  color: #0250A0;
}

.pg-schedule-item .border-live    { border-color: #DF4601; }
.pg-schedule-item .border-repeat  { border-color: #4A4A4A; }
.pg-schedule-item .border-hd      { border-color: #0250A0; }
.pg-schedule-item .border-orioles { border-color: #DF4601; }

.pg-time {
	min-width: 140px;
	font-size: 14px;
}

.pg-time strong{
font-family: var(--font-inter);
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0px;
color: #101828;
}

.pg-time span{ 
	font-family: var(--font-inter);
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
color: #6A7282;
}

.pg-details h4 {
	margin: 0 0 5px;
	font-family: var(--font-inter); 
	font-weight: 600; 
	font-size: 18px; 
	line-height: 27px; 
	letter-spacing: 0px; 
	color: #101828;
	align-content: center;
	padding-right: 1rem;
	width: 75%;
}

.pg-channel {
	/* color: red; */
	display: inline-block;
	border-radius: 20px;
	padding: 0.5rem 16px;
	font-weight: bold;
	margin-right: 10px;
	font-family: var(--font-inter);
font-weight: 600;
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
text-transform: uppercase;

}

.pg-extra {
	color: #777;
}

.pg-empty {
	text-align: center;
	padding: 40px;
	color: #777;
	font-style: italic;
}

.entry-title{
	margin-bottom: 0.5rem;
    margin-top: 1rem;
    text-transform: uppercase;
}

#pg_search{
margin-right: 0.5em;
margin-bottom: 10px;
}

#pg_search_btn, #pg_clear_btn{
	padding: 0em;
	margin-top: -2.5%;
  /* border: 1px solid gray; */
	/* margin: 0 0.5em; */
}

#pg_date, #pg_search{
	border: 1px solid #D1D5DC;
}

#pg_date {
	margin-top: 10px;
}

#pg_date:invalid {
  color: transparent;
}

#pg_date:valid {
  color: #000;
}

#pg_search_btn:hover,
#pg_clear_btn:hover {
  transform: scale(1.08); 
}

#pg_schedule_list{
	height: 150vh;
  overflow-y: auto;              
  border: 1px solid #dfdede;
  padding: 1rem;
  box-sizing: border-box;

  background: #fff;
  border-radius: 6px;

  scroll-behavior: smooth;
	scrollbar-width: thin;
  scrollbar-color: #c5c5c5 transparent;
}

#pg_schedule_list::-webkit-scrollbar {
  width: 8px;
}

#pg_schedule_list::-webkit-scrollbar-track {
  background: transparent;
}

#pg_schedule_list::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 10px;
}

#pg_schedule_list::-webkit-scrollbar-button {
  display: none;
}

#pg_schedule_list p {
	text-align: center;
}

@media (max-width: 640px) {
	.pg-filter-bar {
    flex-direction: column;
    gap: 20px;
	}

	.pg-details h4, .pg-time strong{
		font-size: 14px;
	}
}


@media (max-width: 425px) {
	.pg-schedule-item{
		flex-direction: column;
	}

	.pg-schedule-item .pg-details{
		margin-top: 15px;
	}
}