/* Channel  shcedule linear table css */

.jq-schedule * {
  box-sizing: border-box
}

.jq-schedule .sc_wrapper:after,
.jq-schedule .sc_menu:after {
  content: "";
  display: table;
  clear: both
}

.jq-schedule .sc_menu {
  width: 100%;
  height: 26px
}

.jq-schedule .sc_menu .sc_header_cell {
  float: left
}

.jq-schedule .sc_menu .sc_header {
  float: left;
  height: 32px;
  position: relative;
  overflow: hidden;
}

.jq-schedule .sc_menu .sc_header .sc_time {
  text-align: center;
  border-left: 1px solid #70707020;
  background:transparent;
  width: 233px !important;
}

.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_data {
  float: left;
  font-weight: bold;
  color: #fff;
  /* background: #131313; */
  position: relative
}

.jq-schedule .sc_menu .sc_header_scroll,
.jq-schedule .sc_data .sc_data_scroll {
  position: absolute;
  left: 0;
  top: 0
}

.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  color: #fff;
  padding: 0;
  line-height: 32px;
  height: 32px;
  display: block
}

.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  float: left
}

.jq-schedule .sc_main_box,
.jq-schedule .sc_data {
  /* max-height: 500px; */
  overflow: hidden;
}

.jq-schedule .sc_main_box {
  float: left;
  overflow-x: auto;
  scrollbar-width: thin;
  /* overflow-y: auto; */
}






.jq-schedule .sc_main {
  position: relative
}

.jq-schedule .timeline {
  position: relative
}

.jq-schedule .ui-draggable-dragging,
.jq-schedule .ui-resizeable {
  z-index: 20
}

.jq-schedule .sc_bar {
  position: absolute;
  color: #fff;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.jq-schedule .sc_bar .head {
  display: block;
  /* margin-top: 6px; */
  font-size: 12px;
  padding: 0 14px;
  height: 1.2em;
  overflow: hidden;
  transition: opacity 1s ease-out;
  margin-bottom: 4px;
}

.jq-schedule .sc_bar .text {
  display: block;
  /* margin-top: 6px; */
  /* font-weight: bold; */
  padding: 0 14px;
  height: 1.2em;
  overflow: hidden;
}

.jq-schedule .sc_bar .ui-resizable-handle {
  display: block;
  content: ' ';
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 1px;
  background: #404040;
}

.jq-schedule .sc_bar .ui-resizable-handle.ui-resizable-e {
  right: 0
}

.jq-schedule .sc_bar .ui-resizable-handle.ui-resizable-w {
  left: 0
}

.jq-schedule .timeline,
.jq-schedule .sc_main .tb {
  border-bottom: solid 1px rgba(112,112,112,.2);
}

.jq-schedule .sc_data .timeline {
  overflow: hidden;
  padding: 2px;
  text-align: center; 
}

.jq-schedule .sc_data .timeline span {
  display: block
}

.jq-schedule .sc_data .timeline span.timeline-subtitle {
  font-size: 0.8em;
  color: #ccc
}

.jq-schedule .sc_main_scroll .sc_main .tl {
  float: left;
  height: 100%;
  /* border-right: solid 1px #ccc */
}


.jq-schedule .sc_main_scroll .sc_main .tl:hover {
  background: #222838;
}

.jq-schedule .ui-state-disabled {
  opacity: 1
}

.jq-schedule .ui-state-disabled .ui-resizable-handle {
  display: none
}

.jq-schedule .ui-state-disabled .ui-resizable-handle:hover {
  cursor: auto
}

.jq-schedule .ui-draggable-disabled {
  opacity: 0.8
}
.jq-schedule .sc_bar .photo {
  position: relative;
}
.jq-schedule .sc_bar .photo img {
  visibility: hidden;
}

.jq-schedule .sc_bar .photo:before {
  background: #FF3366;
  width: 3px;
  height: 130%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
}
.jq-schedule {
  border-bottom: 32px solid transparent;
  border-right: 2px solid transparent;
}
/* .liveshow {
    background-color: #131313 !important;
} */
.notlive {
  background-color: transparent !important;
}
.timebar{
  z-index:  999 !important;
}

.lightbg {
  background: #000;
}
.title-bar h2 {
  /* background-color: #131721; */
}

.owl-prev img, .owl-next img {
  width: 12px;
  margin-top: 7px;
}
.jq-schedule .sc_bar:hover {
  background: url("../../assets/images/info_ico.svg") no-repeat calc(100% - 3px) 3px;
}

.jq-schedule .sc_bar:hover .head {
  display: block;
}
.customH {
  height: 62px !important;

}
.timebar{
  top: 0px !important;
}
.tvimg{ cursor: pointer;}

#showtablepopup a.header-button{
  color: #FFFFFF !important;
  margin-top: 10px;
  width: 80px;
}