/* line 1, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 2, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.margin0 {
  margin-bottom: 0px;
  margin-top: 0px;
}

/* line 6, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 8, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.paddingTop35 {
  padding-top: 35px;
}

/* line 9, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 13, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.material {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) !important;
  border-top: solid 1px #e5e5e5;
}

/* line 14, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 20, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.material:hover {
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3) !important;
  border-top: solid 1px #e5e5e5;
}

/* line 20, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 27, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.material.active {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5) !important;
}

/* line 26, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 34, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.mega-panel {
  padding: 15px 15px;
}

/* line 29, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 39, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.mega-panel.no-selection {
  padding: 20px 15px 15px;
}

/* line 32, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 44, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards img.channel-img {
  width: auto;
  margin: 0 auto;
  display: block;
  max-width: 130px;
}

@media (max-width: 767px) {
  /* line 39, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  /* line 53, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  .channel-listing .cards img.channel-img {
    width: 100%;
  }
}
/* line 43, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 58, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .panel-info {
  margin-top: 15px;
  border-top: 1px solid #e3e3e3;
  background-color: #f7f7f7;
}

/* line 49, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 66, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .channel-name,
.channel-listing .channel-number {
  text-align: center;
  display: block;
  margin-top: 10px;
  font-family: "DINWeb";
}

/* line 56, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 74, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .channel-name {
  min-height: 44px;
}

/* line 59, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 79, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .channel-number {
  margin-top: 5px;
}

/* line 63, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 84, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .channel-detail {
  margin-bottom: 20px;
  height: 180px;
}

/* line 68, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 90, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .channel-number {
  font-family: "DINMedium";
  text-decoration: underline;
}

/* line 74, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 97, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove,
.channel-listing .cards .add-remove * {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

/* line 82, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 106, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .btn.btn-pri.add-remove {
  margin: 0 auto;
  display: block;
  width: 100%;
  min-width: 100%;
}

/* line 89, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 114, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove.add {
  background: #0aa3dc !important;
}

/* line 93, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 119, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove {
  background: #666666 !important;
}

/* line 97, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 124, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove span.add-remove-icon {
  display: inline-block;
  width: 13px;
  height: 7px;
  padding: 0px;
  margin: 0px;
  position: relative;
}

/* line 104, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 134, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove span.add-remove-icon .icon-bar {
  display: inline-block;
  height: 2px;
  width: 13px;
  background-color: #fff;
  position: absolute;
  padding: 0px;
  margin: 0px;
}

/* line 112, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 145, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove span.add-remove-icon .icon-bar {
  top: 0px;
  left: 0px;
}

/* line 115, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 151, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove.add span.add-remove-icon .icon-bar:first-child {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  transform: rotate(90deg);
}

/* line 123, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 161, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards span.add-remove-icon .icon-bar:first-child {
  opacity: 0;
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  transform: rotate(90deg);
}

/* line 133, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 174, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-text,
.channel-listing .cards .remove-text,
.channel-listing .cards .addMob,
.channel-listing .cards .removeMob {
  display: inline;
  color: #fff;
  font-family: "DINMedium";
}

/* line 139, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 182, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove.add .add-remove-icon ~ .remove-text,
.channel-listing .cards .add-remove.add .add-remove-icon ~ .removeMob {
  display: none;
}

/* line 141, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 188, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove.add .add-remove-icon ~ .add-text,
.channel-listing .cards .add-remove.add .add-remove-icon ~ .addMob {
  display: inline;
}

/* line 144, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 194, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove .add-remove-icon ~ .remove-text,
.channel-listing .cards .add-remove .add-remove-icon ~ .removeMob {
  display: inline;
}

/* line 146, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 200, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards .add-remove .add-remove-icon ~ .add-text,
.channel-listing .cards .add-remove .add-remove-icon ~ .addMob {
  display: none;
}

/* line 148, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 205, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .panel-info img.fit-width + .footnote {
  height: auto;
  top: auto;
  bottom: 0px;
  left: 100%;
  margin-left: 24px;
}

/* line 156, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 214, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .cards.no-selection .channel-detail {
  margin-bottom: 0px;
}

/* line 160, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 219, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .panel-info {
  position: absolute;
}

/* line 164, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
/* line 224, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
.channel-listing .panel-info .has-image {
  margin-left: 18px;
  margin-right: -18px;
}

@media screen and (max-width: 400px) {
  /* line 173, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  /* line 234, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  .channel-listing .cards .add-remove.add .add-remove-icon ~ .add-text,
  .channel-listing .cards .add-remove.add .add-remove-icon ~ .remove-text,
  .channel-listing .cards .add-remove .add-remove-icon ~ .add-text,
  .channel-listing .cards .add-remove .add-remove-icon ~ .remove-text {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 177, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  /* line 240, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  .channel-listing .close-panel-btn {
    position: static;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 187, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  /* line 250, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  .channel-listing .panel-info img.fit-width + .footnote {
    left: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    position: relative;
  }

  /* line 194, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  /* line 258, ../../../../../../../../../sass/en/revamp/tv-listing.scss */
  .channel-listing .panel-info .has-image {
    margin-left: 0px;
    margin-right: 0px;
  }
}
