#headerTitle{
    text-align:center;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.ui-header {
   height: 40px;
   text-align:center;

}
            
.DivHelper {
    display: inline-block;
    vertical-align: middle;
    height:100%;
}

.boldTitles{
   font-weight:bold;
}

.thumbImageWrapper{
   width:100%;
   text-align:center
}
.thumbImage{
   width:60%;
}

.no-margin-list {
  padding-inline-start:20px;
}

@media only screen and (max-width: 767px) {
  #mediaCastBannerImage {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
   #myTPlayerBannerImage {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

#appPromoBannerWrapper {
   width: 100%;
   max-width: 500px;
 }
 
 .appPromoBanner {
    display: table;
    width: 100%;
  }

  .appPromoIcon {
    display: table-cell;
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }
 
  .appPromoIconImage {
   width: 80px;
   height: 80px;
   border-radius: 8px;
 }

 .playStorePromo {
  width: 160px;
  height: auto;
  display: flex;
  align-self: flex-end;
  margin-bottom: -8px;
}
 
  .appPromoTitle {
   margin-top: 8px;
   font-size:18px;
   font-weight: bold;
   text-align: center;
 }
 
 .appPromoSubtitle {
   margin-top: 4px;
   font-size:16px;
   text-align: center;
 }

 #actionButtonContainer {
   margin-top: 8px;
   max-width: 500px;
   display: flex;
   flex-grow: 1;
   justify-content: center;
 }

 #actionButton {
  border-radius: 16px;
  font-size:20px;
  font-weight: bold;
  min-width: 300px;
 }

 #downloadSiteLinkContainer {
   display: flex;
   justify-content: center;
   max-width: 500px;
   margin-top: 8px;
 }

/* Banner for Legacy web site */

#appPromoBannerWrapperLegacy {
  width: 100%;
  max-width: 600px;
}

.appPromoBannerLegacy {
   display: table;
   width: 100%;
   border: 3px solid #6F7DD9;
   background-color: white;
   border-radius: 8px;
   margin-bottom: 8px;
 }

 .appPromoIconLegacy {
   display: table-cell;
   width: 50px;
   padding-top: 4px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
 }

 .appPromoIconImageLegacy {
  width: 50px;
  height: 50px;
  border-radius: 8px;
}

 .appPromoMainLegacy {
   display: table-cell;
   vertical-align: middle;
 }

 .appPromoTitleLegacy {
  font-size:16px;
  font-weight: bold;
}

.appPromoSubtitleLegacy {
  font-size:14px;
}

input.nosubmit {
  margin: 0 !important;
  border-radius: 8px !important;
  width: 100% !important;
  padding: 9px 4px 9px 40px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center !important;
}