/* app css stylesheet */

/* For All secrion */
/* .thumbnail:hover{
  border:1px solid #EF4523;
} */
.channel-cell{
  border-radius: .25rem;
  padding: .20rem;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.channel-cell:hover{
  box-shadow: 0 2px 2px 0 black, 0 1px 3px 0 black, 0 3px 1px -2px black;
  /* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); */
  /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; */
  /* box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75); */
    /* box-shadow:0 2px 2px 0 #EF4523, 0 1px 5px 0 #EF4523, 0 3px 1px -2px #EF4523; */
}

.overflow{
  overflow:auto;
  margin-right: -15px;
  margin-left: -15px;
  border:1px solid #ccc;
}

.modal-title{
  font-size: 22px;
  font-weight: bold;
}

.modalScrol{
  position: relative;
  overflow-y: auto;
  max-height: 450px;
}


/* Series section */
.series-caption {
  color:#000;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
  font-weight: bold;
  text-shadow: 0px 1px 0px #FFF;
}

.series-section {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.5em;
  line-height: 1.4;
  text-shadow: 0px 1px 0px #FFF;
}

.series-title{
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.5em;
  line-height: 1.4;
  text-shadow: 0px 1px 0px #FFF;
}

.channel-cell .tv_logo{
  max-width:150px;
  max-height:70px;
}

.channel-cell .small_tv_logo{
  max-height:30px;
  max-width:60px;
}

.series-info-cell{
  padding: 3px 10px 3px;
  margin: 0px;
  float: left;
  font-family: "Open Sans",Helvetica,sans-serif;
  font-weight: 700;
  font-size: 1.3em;
  border-width: 1px ;
  border-style: solid;
  border-color: -moz-use-text-color;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  line-height: 1.1;
  border-color: rgba(115, 115, 115, 0.35);
  letter-spacing: -1px;
}
.series-info-cell:hover{
  background-color: #e5e5e5;
}
.series-info-cell span{
  font-size: 0.6em;
  letter-spacing: -0.04em;
  font-weight: 600;
  margin: 0px 0px 2px;
  color: #666;
}

/* Read More Link section */
.sidebar-box {
  max-height: 105px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .bb {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  text-align: center;
  margin: 0; padding-top: 5px;
  background-color: #e5e5e5;
  font-weight: bold;
  text-shadow: 0px 1px 0px #FFF;
  border:1px solid #CCC;
  height:35px;
  border-bottom: none;
}
.sidebar-box .button2{
    display:none;
}

/* Search section */
.search-section {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.5em;
  line-height: 1.4;
  text-shadow: 0px 1px 0px #FFF;
}

/* Week view */
.week-cat{
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.0em;
  border-right:4px solid #ccc;
  padding-right :5px;
  width: 75px;
  text-align:center;
  float: left;
  margin-right: 5px;
  height:50px;
}
.week-cat span{
  font-size: 0.70em;
}
.series{border-color:rgba(36,162,78, 1);color:rgba(36,162,78, 1);}
.movies{border-color:rgba(177, 38, 33, 1);color:rgba(177, 38, 33, 1);}
.sport{border-color:rgba(34, 107, 170, 1);color:rgba(34, 107, 170, 1);}
.kids{border-color:rgba(236, 186, 17, 1);color:rgba(236, 186, 17, 1);}
.music{border-color:rgba(122, 43, 157, 1);color:rgba(122, 43, 157, 1);}
.science{border-color:rgba(40, 56, 75, 1);color:rgba(40, 56, 75, 1);}


/* Channels List */



/* top Navigation */

.nav > li > a {
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}


.top-mobile{
  background-color: #e5e5e5;
  text-shadow: rgb(255, 255, 255) 0px 1px 0px;
  font-weight: bold;
}

.btn-link{
  color:#eeeeee;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
  background-color: #e5e5e5;
  box-shadow: rgba(0, 0, 0, 0.121569) 0px 3px 8px 0px inset;
}


a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  background-color: #e5e5e5;
  z-index: 1;
  color: #000;
  border-color: #999;
}

.past_time{
  display:none;
}

/* main Navigation */

.main-nav{
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 1000;
  font-weight: bold;
  border-bottom:1px solid #ccc;
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
  font-size: 18px;
  background-color: #FFF;
  height: 50px;
}
.search-nav{
  width: 75px!important;
}
.main-nav ul{ padding-left: 0px; }
.main-nav li{
    display:inline;
    padding:0px;
}
.main-nav a{
    display:inline-block;
    padding:9px;
    width: 140px;
    color: #888;
    text-decoration: none;
}

.main-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-menu li a:hover {
    border-bottom: 0px solid #EF4523;
    color: #EF4523;
    padding:10px;
}

.dropdown-menu li a {
    border-bottom: 0px solid #EF4523;
    color: #888;
    padding:10px;
    width: 140px;
}

.main-nav >ul >li >a:hover {
    border-bottom: 5px solid #EF4523;
    color: #EF4523;
}
.main-nav >ul >li.active > a {
    border-bottom: 5px solid #EF4523;
    color: #EF4523;
}

/* event progress */
.progress{
  height: 5px;
}
.progress-bar{
  background-color: #818181;
}


/* Week view css*/
/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

#myModal{
  font-size: 16px;
  line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 0;
  margin: 0;
}
.blog-sidebar{
  padding: 0;
  margin: 0;
}
.sidebar-module-inset {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 0px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/*week menu*/
.days-menu{
    border:0px solid #ccc;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    font-size: 18px;
    z-index: 2;
    background-color: #FFF;
    height: 78px;
  }


.days-menu li,
.cats-menu li{
    display:inline;
}
.days-menu a{
    display:inline-block;
    padding:5px;
    width: 110px;
    color: #888;
    text-decoration: none;
}

.days-menu >li >a:hover ,
.cats-menu >li >a:hover {
    border-bottom: 5px solid #911c31;
    color: #911c31;
}
.days-menu >li.active > a ,
.cats-menu >li.active > a {
    border-bottom: 5px solid #911c31;
    color: #911c31;
}

.cats-menu > li > a.active {
  border-bottom: 5px solid #911c31;
  color: #911c31;
}

/* categori css */
.cats-menu a{
  display:inline-block;
  padding:7px;
  color: #888;
  text-decoration: none;
}

/* bootstrap 3 helpers */
.read-more-bb{
    color: #757575;
}
.read-more-bb:hover{
    color: #911c31;
}

@media (min-width: 768px) {

  .container{
    padding-right: 0px;
    padding-left: 0px;
  }

  #footer {
    height:93px;
  }

  .modalScrol{
    position: relative;
    overflow-y: auto;
    padding: 0px!important;
    /* max-height: 550px; */
  }
}
.modalScrol{
  padding: 0px!important;
  max-height: 550px;
}
.modal-body .info{
  padding: 5px;
}
.modal-body .nav-link{
  padding: 5px 10px 5px 10px;
}

@media (max-width: 992px) {
.navbar ul li {
    padding: .4rem .0rem;
    padding-bottom: 0px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
    padding: 8px;
}
.navbar-brand {
    margin-right: 0.0rem;
}
  body {
    padding-top: 110px;
  }
  .top-mobile{
    max-height: 60px;
  }

  .mobile-container{
    margin-right: 0px;margin-left: 0px;
  }

  .main-nav a{
    display:inline-block;
    padding-bottom:11px;
    padding-top:11px;
    width: 80px;
    color: #888;
    font-size: 15px;
    text-decoration: none;
  }
  .search-nav{
    width: 50px!important;
  }
  .mobile-logo-brand{
    margin: 5px 0px 10px 10px;
    color: #777;
    font-size: 20px;
  }

  .mobile-logo-brand:hover{text-decoration: none;color: #999;}

  #myFooter {
      text-align: center;
  }

  #myFooter .info{
      text-align: center;
  }
  .search-dropdown-menu{
      margin-left:0; margin-top:-10px;width:300px;padding-top: 5px; padding-bottom: 5px;
  }
  .navbar ul .active{
      border-bottom: 5px solid #911c31;
      /* border: 2px solid #911c31; */
      /* border-radius: 5px; */
  }

  .navbar ul {
    background-color:#FFFFFF!important;
    margin: 0;
    width: 100%;
  }
  .navbar{background-color:#911c31!important;color: #FFFFFF!important;padding: 0;}

  .navbar-brand{
    color: #FFFFFF!important;
  }

  .btn-link:hover{
    color: #999999!important;
  }
  .navbar .container{
    padding: 0;
    max-width: 100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }

  .navbar-nav{
      flex-direction: row;
  }

}

[v-cloak] {
    display: none;
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.list-group-item{
  color: #000;
}

.event-row:hover{
  color: #000;
  background-color: #e5e5e5;
}

.filter-btn{
  font-size:16px;border-color: #ccc;margin-bottom: 5px;
}

.modal-header{
  color: #FFFFFF;
  background-color: #911c31;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
}

.switch-label{
  position: relative;
  margin-right: 5px;
  top: 5px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #911c31;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.navbar-toggler {
    font-size: 1rem;
}

.img-responsive-16by9 {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.list-group-item a{
  color: #911c31;
}