@charset "UTF-8";
/* CSS Document */
.epg_ContainerHolder {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.epg_ContainerHolder_stb_ {
  position: relative;
  width: 100vw;
  height: 29.9vw;
  overflow: hidden;
  z-index: 0;
  background: rgba(0, 0, 0, 0.6);
  left: 0vw;
  border: 1px solid #000;
  border-top: unset;
  color: #9b9b9b;
  letter-spacing: 0.05vw;
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0.35) 100%);
}
.epg_container {
  position: absolute;
  top: 0;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 0;
}
.epg_container_stb_ {
  position: absolute;
  width: 100vw;
  z-index: 0;
}
.epg_vBar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  width: calc(100% - 2px);
  height: 100%;
}
.epg_vBarSub {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  border-right: 0.02vw solid rgba(74, 74, 74, 1);
  border-left: 0.02vw solid rgba(74, 74, 74, 1);
  width: calc(100% - 2px);
  height: auto;
  border-bottom: 0.05vw solid rgba(74, 74, 74, 0.8);
}
.epg_vBarRow {
  height: 90px;
  position: relative;
  height: 4.687vw;
  z-index: 0;
}
.epg_vBarRowHolder {
  height: calc(100% - 1px);
  position: relative;
  font-size: 1.09vw;
  z-index: 0;
  border-top: 0.05vw solid rgba(74, 74, 74, 0.8);
  line-height: 5.2vw;
  display: block;
}
.epg_header {
  position: relative;
  width: 100vw;
  height: 2.08vw;
  background: #202020;
  white-space: nowrap;
  z-index: 1;
  left: 0vw;
  line-height: 2.08vw;
  letter-spacing: 0.05vw;
  font-size: 0.9vw;
  vertical-align: middle;
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0.3) 100%);
}
.epg_vBarHeader {
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 0;
  color: #fff;
  text-align: center;
}
.epg_containerHeader {
  width: 100vw;
  z-index: 1;
  font-size: 0.9vw;
}
.epg_headerSubContainer {
  position: relative;
  height: 100%;
  width: 2000px;
  top: 0;
  left: 0;
  white-space: nowrap;
  z-index: 0;
}
.epg_timeDiv {
  display: inline-block;
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 0;
}
.epg_timeDiv span {
  position: relative;
  line-height: 2.08vw;
  vertical-align: middle;
  z-index: 0;
  display: inline-block;
}
.epg_subContainer {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  border-bottom: 0.05208vw solid rgba(74, 74, 74, 0.8);
  /* font-size: 1.5vw;*/
}
.epg_row {
  position: relative;
  height: 4.687vw;
}
.epg_rowHolder {
  height: 100%;
  position: relative;
  white-space: nowrap;
  border-top: 0.05208vw solid rgba(74, 74, 74, 0.8);
  z-index: 0;
}
.epg_cell {
  position: relative;
  height: calc(100% - 0.05208vw);
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  border-right: 0.05208vw solid rgba(74, 74, 74, 1);
}
.textContainer {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: calc(100% - 0.1416vw);
  z-index: 0;
  /*border-right: 0.05vw solid rgba(74, 74, 74, 0.8);*/
  display: none;
}
.epgTextSelect {
  color: #fff !important;
  /*font-family: NunitoSans-SemiBold;*/
}
.textHolder {
  position: absolute;
  margin-left: 1.3vw;
  line-height: 4vw;
  width: calc(100% - 1.3vw - 0.5vw);
  transform: translate(0, -50%);
  top: 50%;
  display: none;
  align-items: center;
}
.textHolderText {
  overflow: hidden;
  text-overflow: ellipsis;
}
.textHolder > .epg_seriesRecording, .textHolder > .epg_singleRecording {
  opacity: 0.6;
}
.epgTextSelect > .epg_seriesRecording, .epgTextSelect > .epg_singleRecording {
  opacity: 1;
}
.epgTextSelect > .epg_cellLock {
  background: url(../config/custom/assets/icon_epg_no_catchup_hl.webp) center center no-repeat;
  background-size: contain;
}
.epg_seriesRecording {
  position: relative;
  min-width: 2.8vw;
  min-height: 2.8vw;
  margin-left: 1.15vw;
  background: url(../config/custom/assets/icon_epg_series_recording.webp) center center no-repeat;
  background-size: contain; 
  display: inline-block;
}
.epg_singleRecording {
  position: relative;
  min-width: 1.8vw;
  min-height: 2.8vw;
  margin-left: 1.15vw;
  background: url(../config/custom/assets/icon_epg_single_recording.webp) center center no-repeat;
  background-size: contain;
  display: inline-block;
}
.epg_cellLock {
  position: relative;
  display: inline-block;
  min-height: 2vw;
  min-width: 2vw;
  margin-right: 1vw;
  background: url(../config/custom/assets/icon_epg_no_catchup.webp) center center no-repeat;
  background-size: contain;
}
.epg_CellSelect {
  border-left: 2.5px #d52b1e inset !important;
  background: #505050 !important;
  display: block;
}
.epg_rowLdiv {
  position: relative;
  width: 13%;
	height:100%;
  float: left;
  z-index: 0;
  opacity: 0.25;
  font-size: 1.5vw;
  top: 50%;
  transform: translate(0, -50%);
	background: url("../config/custom/assets/icon_favourite_off.webp") center center no-repeat;
	background-size: contain;
}
.epg_rowRdiv {
  position: relative;
  height: 100%;
  z-index: 0;
  padding-left: 17%;
}
.epg_rowRdivRev {
  position: relative;
  height: 100%;
  z-index: 0;
  padding-left: 7%;
  width: 79%;
}
.epg_rowRTdiv {
  display: block;
  position: relative;
  height: 2.25vw;
  top: 50%;
  transform: translate(0, -50%);
  overflow: hidden;
  font-family: NunitoSans-SemiBold;
  line-height: 2.25vw;
}
.epg_rowBTdiv {
  position: relative;
  width: 50%;
  float: left;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  font-family: NunitoSans-SemiBold;
}
.epg_topContent {
  position: relative;
  height: 16.1vw;
  width: 100%;
  display: flex;
  z-index: 10;
  margin-top: -0.3125vw;
  color: #fff;
}
.epg_topPicContainer {
  position: relative;
  width: 28.4vw;
  height: 100%;
  z-index: 1;
}
.epg_TopPicBackground {
  position: absolute;
  top: 0;
  left: 5.20vw;
  width: 23.33vw;
  height: 13.125vw;
  z-index: 0;
  background: rgba(32, 32, 32, 0.80);
  box-shadow: 0px 0px 1.5vw rgba(0, 0, 0, 0.38);
}
.epg_TopPicHolder {
  position: absolute;
  top: 0;
  left: 0;
  width: 23.33vw;
  height: 13.125vw;
  z-index: 0;
}
.epg_topTextContainer {
  position: relative;
  width: 66vw;
  height: 100%;
  z-index: 10;
  display: inline-block;
  z-index: 0;
  margin-left: 1.82vw;
  letter-spacing: 0.05vw;
}
.epg_topChanContainer {
  position: relative;
  width: 100%;
  height: 3vw;
  display: flex;
  font-size: 1.45vw;
  line-height: 2.812vw;
  z-index: 10;
}
.epg_topChanLogo {
  position: relative;
  width: 6vw;
  height: 100%;
  background-size: contain;
  z-index: 1;
}
.epg_topChanText {
  position: relative;
  height: 100%;
  z-index: 1;
  display: inline-block;
  margin-left: 1vw;
  line-height: 3vw;
  font-family: NunitoSans-SemiBold;
}
.epg_topTitleContainer {
  position: relative;
  width: 100%;
  line-height: 3.1vw;
  font-size: 3.1vw;
  z-index: 7;
  display: flex;
  align-items: center;
  overflow: hidden;
  letter-spacing: 0.11vw;
  margin-top: 0.95vw;
  white-space: nowrap;
}
.titleSpan {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 85%;
  display: inline-block;
}
.epg_lock {
  position: relative;
  width: 1.2vw;
  height: 3.1vw;
  margin-left: 1.5vw;
  background: url(../config/custom/assets/icon_epg_lock.webp) center center no-repeat;
  background-size: contain;
  display: inline-block;
}
.epg_reminder {
  position: relative;
  width: 1.2vw;
  height: 3.1vw;
  margin-top: 0.2vw;
  margin-left: 1.5vw;
  background: url(../config/custom/assets/icon_epg_reminder.webp) center center no-repeat;
  background-size: contain;
  display: inline-block;
}
.epg_topInfoContainer {
  position: relative;
  width: 100%;
  height: 1.09vw;
  font-size: 1.09vw;
  margin-bottom: 1.11vw;
  z-index: 1;
  display: inline-block;
}
.epg_startOver {
  position: relative;
  width: 1vw;
  height: 1vw;
  margin-left: 0.6vw;
  background: url(../config/custom/assets/icon_epg_startover.webp) center center no-repeat;
  background-size: contain;
  display: inline-block;
  opacity: 0.65;
  vertical-align: middle;
}
.epg_topSynapseContainer {
  position: relative;
  width: 57vw;
  height: 3.1vw;
  font-size: 1.25vw;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
}
.epg_vBarReverse {
  right: 0;
  left: unset;
}
.epg_logoSelect {
  background: #404040;
  color: #fff;
}
.epg_vBarHeaderR {
  left: unset;
  right: 0;
}
.epgToday {
  height: 2.08vw;
  display: inline-block;
  width: 7vw;
  letter-spacing: 0.1vw;
  font-family: NunitoSans-SemiBold;
}
.epg_favedChan {
  color: #F4060A !important;
  opacity: 1;
	background: url("../config/custom/assets/icon_favourite_on.webp") center center no-repeat;
	background-size: contain;
}
.epg_filterContainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10000;
  top: 0vw;
  overflow: hidden;
  display: block;
}
.epg_filterCell {
  position: relative;
  width: 100%;
  height: 5.20vw;
  font-family: NunitoSans-Light;
  font-size: 1.6vw;
  border-bottom: 1px solid #2e2e2e;
}
.epg_filterCellContainer {
  margin-left: 3vw;
  padding-left: 1vw;
  border-left: 3px solid rgb(0, 0, 0, 0);
  width: calc(100% - 3vw);
  line-height: 2.60vw;
  top: -50%;
  transform: translate(0, 50%);
}
.epg_filterCellContainer span {
  display: inline-block;
  min-width: 10%;
}
.epg_filterSelect {
  color: #fff;
  /* background: #404040;*/
  border-left: 3px solid red;
}
.epg_filterCheckmark::after {
  margin-left: 1.5vw;
    display: inline-block;
    position: absolute;
    content: "";
    width: 1.25vw;
    height: 2.6vw;
    background: transparent url(../config/custom/assets/icon_epg_ic_select.webp) no-repeat center center;
    background-size: contain;
}
.epg_epgFilterHolder {
  position: fixed;
  top: 0vw;
  right: 0vw;
  z-index: 10000;
  height: 100vh;
  width: 26.04vw;
  overflow: hidden;
  background: #10130f;
  color: #9b9b9b;
}
.epg_filterSubContainer {
  position: relative;
  top: 0vw;
  left: 0;
  width: 100%;
  height: auto;
}
.epg_FilterTitle {
  width: calc(100% - 4.1vw);
  text-align: left;
  color: #D1CDCD;
  font-family: NunitoSans-Regular;
  font-size: 2vw;
  position: relative;
  z-index: 0;
  height: 8.666vw;
  line-height: 8.666vw;
  vertical-align: middle;
  padding-left: 4.1vw;
}
.epgSidePane {
  position: fixed;
  top: 0vw;
  right: 0vw;
  z-index: 10000;
  height: 100vh;
  width: 26.04vw;
  overflow: hidden;
  background: #10130f;
}
.epgSideTitle {
  width: calc(100% - 4.1vw);
  text-align: left;
  color: #D1CDCD;
  font-family: NunitoSans-Regular;
  font-size: 2vw;
  position: relative;
  z-index: 0;
  height: 8.333vw;
  line-height: 8.333vw;
  border-bottom: 1px solid #2e2e2e;
  vertical-align: middle;
  padding-left: 4.1vw;
  letter-spacing: 0.156vw;
}
.epgsidePaneCell {
  position: relative;
  width: 100%;
  height: 3.125vw;
  color: #505050;
  font-family: NunitoSans-Light;
  font-size: 1.6vw;
  cursor: pointer;
  line-height: 3.125vw;
  border-bottom: 1px solid #2e2e2e;
  padding-left: 4.1vw;
  border-left: 3px solid rgb(0, 0, 0, 0);
  margin-top: 2vw;
  padding-bottom: 2vw;
}
.epgCellIcon {
  width: 3.125vw;
  height: 3.125vw;
  display: block;
  float: left;
  position: relative;
}
.epgLogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  border-radius: 50%;
  border: 0.15vw solid transparent;
}
.epgCellTxt {
  width: 15vw;
  height: 100%;
  display: inline-block;
  margin-left: 2vw;
  letter-spacing: 0.0781vw;
}
.epgSPselectCell {
  color: #fff;
  /*font-family: NunitoSans-Regular;*/
}
.epgSPselectLogo {
  visibility: visible !important;
}
.epgChEntry {
  position: fixed;
  width: 19.2vw;
  height: 9vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  background: #202020;
  border-radius: 6px;
  box-shadow: 0px 0px 2.5vw #000;
  text-align: center;
}
.epgChNum {
  position: relative;
  display: inline-block;
  font-family: NunitoSans-SemiBold;
  width: 2vw;
  height: 3.125vw;
  font-size: 3vw;
  color: #fff;
  top: 2.55vw;
  margin-right: 0.208vw;
  text-align: left;
  border-bottom: rgba(248, 9, 13, 0) 3px solid;
  vertical-align: top;
  line-height: 4vw;
}
.epgNmbCellSelect {
  border-bottom: rgb(53, 255, 167) 4px solid;
  border-radius: 2px;
  height: 0;
  top: 5.5vw;
  position: relative;
}
.epgWarnPop {
  position: fixed;
  width: 18.75vw;
  height: 9.375vw;
  vertical-align: middle;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  background: #202020;
  border-radius: 2vw;
  box-shadow: 0px 0px 2.5vw #000;
  text-align: center;
}
.epgWarnImg {
  position: relative;
  width: 100%;
  height: 3.7vw;
  margin-top: 1.1vw;
  background: url(../config/custom/assets/icon_epg_stop.webp) center center no-repeat;
  background-size: contain;
}
.epgWarnTxt {
  position: relative;
  width: 100%;
  font-family: NunitoSans-Regular;
  font-size: 1.979vw;
  letter-spacing: 0.052vw;
  color: #fff;
  margin-top: 0.7vw;
}
.epg_progressBar {
  position: absolute;
  width: 1px;
  height: 1vw;
  /*background: rgba(241,33,36,1.00);*/
  z-index: 1;
  top: 0;
}
.epg_pbTriangle {
  position: absolute;
  left: -0.42vw;
  top: 0.06vw;
  width: 0;
  height: 0;
  border-left: 0.42vw solid transparent;
  border-right: 0.42vw solid transparent;
  border-top: 0.42vw solid #979797;
}
.epg_pbTail {
  position: absolute;
  right: 0.42vw;
  height: 0.05vw;
  background: #979797;
  width: 0;
  top: 0.06vw;
}
.epg_input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.epg_blackPlate {
  top: 0;
  left: 0;
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.epg_showBlackPlate {
  display: block !important;
}
.epgSidepaneEpg{
	background: url("../config/custom/assets/icon_epg_filter.webp");
	background-size: contain;
}
.epgSidepaneEpg_hl{
	background: url("../config/custom/assets/icon_epg_filter_hl.webp");
	background-size: contain;
}
.epgSidepaneTv{
	background: url("../config/custom/assets/icon_epg_onnow.webp");
	background-size: contain;
}
.epgSidepaneTv_hl{
	background: url("../config/custom/assets/icon_epg_onnow_hl.webp");
	background-size: contain;
}
.epgSidepaneCh{
	background: url("../config/custom/assets/icon_epg_ch.webp");
	background-size: contain;
}
.epgSidepaneCh_hl{
	background: url("../config/custom/assets/icon_epg_ch_hl.webp");
	background-size: contain;
}
.epgNoImage{
	background: url("../config/custom/assets/icon_epg_noimage.webp") center center no-repeat !important;
	background-size: contain !important;
}

.horizontalNav {
	position: absolute;
	right: 2%;
	bottom: 4%;
	display: none;
  }
  .epgLeftTime,
  .epgRightTime {
	height: calc(26px + 1.75vw);
	width: calc(26px + 1.75vw);
	margin-top: calc(0px - 0.500vw);
	z-index: 2;
	position: relative;
	background-color: #505050;
	border-radius: 50%;
	z-index: 2 !important;
	border: 2px solid transparent;
  }
  .epgRightTime {
	float: right;
  }
  .epgLeftTime {
	float: left;
	margin-right: calc(6px + 0.6vw);
  }
  .epgTimeLeftArrow,
  .epgTimeRightArrow {
	background: url(../config/custom/assets/icon_epg_next_guide.webp) center center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	border: none;
	cursor: pointer;
  }
  .epgTimeLeftArrow {
	transform: matrix(-1, 0, 0, 1, 0, 0);
  }