.progams-card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 250px;
  display: inline-block;
  position: relative;
  margin: 5px;
}
  
/* On mouse-over, add a deeper shadow */
.progams-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
  
  /* Add some padding inside the card container */
.progams-card .progams-container {
  padding: 2px 16px;
}

.progams-card.live {
  background: #cd1a21;
  color: white;
}

.wp-admin #titlesToFilter,
.wp-admin #typesToFilter {
  width: 100%;
}

.wp-admin #tntv-programs-day .live-badge,
#currently-airing .live-badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  color: #fff;
  background-color: #cd1a21;
}

.wp-admin #tntv-programs-day .live-badge {
  cursor: pointer;
}

.wp-admin #tntv-programs-day .live-badge-inactive {
  color: #cd1a21;
  background-color: #fff;
  border: 1px solid #cd1a21;
}

.wp-admin #tntv-programs-day .featured-link-buttons {
  display: none;
}

#tntv-programs-day  #tntv-progams-list {
  width: 67%;
  float: left;
  padding-right: 15px;
}

.wp-admin #tntv-programs-day  #tntv-progams-list {
  width: 100%;
  float: left;
  padding-right: 0px;
}

.wp-admin #tntv-programs-day  #tntv-progams-list span {
  margin-right: 2px;
}

#tntv-programs-day  #tntv-progams-featured {
  width: 33%;
  float: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

#tntv-programs-tabs .owl-stage,
#live-to-come .owl-stage {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#tntv-programs-tabs .owl-item,
#live-to-come .owl-item
{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#tntv-programs-tabs .day-tab,
#live-to-come .programs .program{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 200px;
  min-width: 200px;
  padding: 10px;
}

#tntv-programs-tabs .day-tab {
  text-align: center;
  max-width: 150px;
  min-width: 150px;
  cursor: pointer;
}

#live-to-come .owl-nav .disabled,
#tntv-programs-tabs .owl-nav .disabled {
  display: none !important;
}

#live-to-come .owl-prev,
#tntv-programs-tabs .owl-prev {
  width: 15px;
  position: absolute;
  top: 16%;
  margin-left: -17px;
  display: block !important;
  border:0px solid black;
}

#live-to-come .owl-next,
#tntv-programs-tabs .owl-next {
  width: 15px;
  position: absolute;
  top: 16%;
  right: -18px;
  display: block !important;
  border:0px solid black;
}

#live-to-come .owl-prev i, #live-to-come .owl-next i,
#tntv-programs-tabs .owl-prev i, #tntv-programs-tabs .owl-next i {
  font-size: 40px;
  font-weight: bold;
}

/* Personnalisation theme programmation TV */
#tntv-programs-tabs .owl-prev i, #tntv-programs-tabs .owl-next i {
  color: #cd1a21;
}

#tntv-programs-container #tntv-progams-list table {
  width: 100%;
}

#tntv-programs-container #tntv-progams-list .program_title_column {
  display: flex;
}

#tntv-programs-container #tntv-progams-list .program_start_time,
#tntv-programs-container #tntv-progams-list .program_title {
  padding: 2px;
}

#tntv-programs-container #tntv-progams-list .program_title {
  display: flex;
  flex: 1 1 0;
}

#tntv-programs-tabs .day-tab {
  background-color: #c4c4c4;
  color: #000;
}

#tntv-programs-tabs .day-tab.selected {
  background-color: #cd1a21;
  color: #fff;
}

#tntv-programs-container #tntv-progams-list tr:nth-child(odd) {
  background-color: #c4c4c4;
}

#tntv-programs-container #tntv-progams-list .live-now {
  border: 2px solid #cd1a21;
}

#tntv-programs-container #tntv-progams-list .live-link {
  display: none;
  float: right;
}


#tntv-programs-container #tntv-progams-list .live-now .live-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  flex-direction: column;
  background: #cd1a21;
  text-align: center;
}

#tntv-programs-container #tntv-progams-list .live-link .live-button {
  color: #fff;
  padding: 0 5px;
}

#tntv-programs-container #tntv-progams-list .program_start_time {
  font-weight: 700;
}


#featured-programs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#featured-programs .featured-programs-list {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#featured-programs .featured-programs-title {
  margin-right: 8px;
}

#featured-programs .featured-programs-list .program {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 0;
  justify-content: space-between;
  flex-direction: column;
  padding: 10px;
  min-height: 70px;
}

#featured-programs .featured-programs-list .program a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 0;
  justify-content: space-between;
  flex-direction: column;
}

/* Tooltip text */
#featured-programs .featured-programs-list .program .program-tooltip {
  visibility: hidden;
  width: 500px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1000;

  bottom: 95%;
  margin-left: -180px;
}

#featured-programs .featured-programs-list .program .program-tooltip::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

#featured-programs .featured-programs-list .program .program-tooltip img {
  float: left;
}

/* Show the tooltip text when you mouse over the tooltip container */
#featured-programs .featured-programs-list .program:hover .program-tooltip {
  visibility: visible;
}

/* Personnalisation theme A VENIR */
#live-to-come .owl-prev i, #live-to-come .owl-next i{
  color: #cd1a21;
}

/* modif temo, j'ai enlevé le background et agrandi la taille du titre */
#live-to-come {
  color: #fff;
  font-size: 22px;
  padding: 5px;
}

/* modif temo, j'ai changé le font size, padding et border radius */
#live-to-come .guide-button {
    color: #fff;
    background: #cd1a21;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 14px;
}

#live-to-come .programs {
  padding-top: 5px;
}

#live-to-come .programs .program {
  background-color: #44546A;
  color: #fff;
  border: 1px solid #000;
  font-size: 12px;
}

/* modif temo, modification du line height */
#live-to-come .programs .program .program-title {
  font-weight: bold;
  line-height: 1.3;
}

#vertical-live-to-come {
  color: #fff;
}

/* Personnalisation theme A VOIR AUJOURD'HUI */

/* modif temo, suppression du padding left et right retirer le fond blanc */
#featured-programs {
  color: #000;
  font-size: 16px;
  padding: 5px;
}

/* modif temo, modification de la taille de la police */
#featured-programs .featured-programs-title {
  /*width: 15%;*/
  font-size: 28px
}

#tntv-programs-day #tntv-progams-featured a,
#featured-programs a {
  color: #000;
}

#featured-programs .featured-programs-list {
  padding-top: 5px;
  width: 85%;
}

/* modif temo, modification du background-color pour match une des couleurs secondaire de notre charte */
#featured-programs .featured-programs-list .program {
  background-color: #44546A;
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
}

#featured-programs .featured-programs-list .program a {
  color: #fff;
}

#live-alerts .live-alert {
  color: white !important; 
  font-size: 14px;
}

#live-alerts .live-alert div {
  padding: 10px;
  background-color: #0e3da2 !important;
  color: white !important;
  text-align: center;
  font-size: 14px;
}

#live-alerts .live-alert span {
  border-radius: 15px;
  background-color: #a50000 !important;
  color: white;
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
}

/* modif temo, rajout du line-height */
#featured-programs .featured-programs-list .program .program-title {
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 575.98px) {  
  #tntv-programs-day  #tntv-progams-list {
    width: 100%;
    padding-right: 0;
  }

  #tntv-programs-day  #tntv-progams-featured {
    display: none;
  }

  #featured-programs {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }

  #featured-programs .featured-programs-title,
  #featured-programs .featured-programs-list {
    width: 100%;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) { 
  #live-to-come .owl-prev, #tntv-programs-tabs .owl-prev {
    width: 25px;
    top: 20%;
    left: -30px;
  }

  #live-to-come .owl-next, #tntv-programs-tabs .owl-next {
    width: 25px;
    top: 20%;
    right: -30px;
  }
}

@media (max-width: 575.98px) {
  #live-to-come .programs {
    padding-left: 10px;
    padding-right: 10px;
  }

  #tntv-programs-tabs .owl-prev {
    width: 25px;
    top: 20%;
    left: 0;
  }

  #live-to-come .owl-prev {
    width: 25px;
    top: 20%;
    left: 9px;
  }

  #tntv-programs-tabs .owl-next {
    width: 25px;
    top: 20%;
    right: -20px;
  }

  #live-to-come .owl-next {
    width: 25px;
    top: 20%;
    right: -10px;
  }

  #live-to-come .owl-prev i, #live-to-come .owl-next i, 
  #tntv-programs-tabs .owl-prev i, #tntv-programs-tabs .owl-next i {
    font-size: 30px;
  }
}