/*New view style*/

.video-category {
  padding: 20px;
  margin: 0px;
  background: #fff;
  display: inline-block;
  width: 100%;
}

.bc-main-player {
  /* padding: 0 20px; */
  margin: 0px;
  background: #fff;
  display: inline-block;
  width: 100%;
}

.node-type-videos .bc-main-player,
.node-type-videos .video-category {
  padding: 0 !important;
}

.bc-main-player h1 {
  background: none !important;
  padding: 0px !important;
  margin: 10px 0 10px 0 !important;
}

.video-sidebar {
  width: 100%;
  padding: 20px;
  margin: 0px 0 10px 0;
  background: #fff;
}

.video-sidebar a {
  text-transform: none;
}

h1.video-main-title {
  margin: 0 0 10px 0;
}

.video-category h3 a {
  float: right;
  margin-right: 40px;
  font-size: 18px;
  margin-bottom: 10px;
}

.video-category h3 {
  margin: 0px 0 20px 0;
  background-color: #638cc3;
  padding: 5px 10px 5px 10px;
  color: #fff;
}

.video-category h3 a {
  color: #fff;
}

.video-category h3 a:hover {
  color: #cec9c6;
}

.video-main-desc {
  margin: 10px 0 10px 0;
}

.video-main-data {
  margin: 10px 0 0px 0;
}

.vid-custom .views-field-path,
.vid-custom .views-field-body,
.vid-custom .views-field-title-1 {
  display: none;
}

.vid-custom .views-row {
  float: left;
  margin: 0 25px 0 0;
  width: 150px;
  height: 175px;
  position: relative;
  cursor: pointer;
}

.vid-custom .views-field-title {
  margin: 0px 0 5px 0 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}

.vid-custom .article-types {
  margin: 2px 0 2px 0 !important;
  font-size: 11px !important;
  line-height: 13px;
}

.vid-custom span.active-video {
  left: 0px;
  top: 0px;
  color: #fff;
  background: #666;
  padding: 2px 10px 2px 6px;
  position: absolute;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 2;
  font-size: 12px;
}

.vid-custom .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.vid-custom .views-field-field-video-url {
  position: relative;
}

.arrow-right {
  background-color: #000;
  opacity: 0.8;
  position: absolute;
  display: inline-block;
  padding: 10px 12px;
  bottom: 0;
  right: 0;
}

.arrow-right::after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  width: 0;
  height: 0;
  content: "";
  display: block;
}

.sub-cat-list {
  margin: 5px 10px;
  font-size: 13px;
}

.sub-cat-list ul li {
  margin: 5px 0 5px 0;
}

.video-js button:hover,
.video-js button:active {
  color: none !important;
  background: none !important;
  border: 0px;
  border-top: 0px;
  border-left: 0px;
}

.playnow {
  left: 0px;
  top: 0px;
  color: #fff;
  background: #638cc3;
  padding: 2px 10px 2px 6px;
  position: absolute;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 2;
  font-size: 12px;
}