.pf-video-form div.valid_message {
  margin-top: 0 !important;
}
ul.activity_feed_form_attach li {
  position: relative;
}
input.select-video {
  position: absolute;
  z-index: 1000;
  width: 100%;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
}
video.pf-video-player {
  background: #3c3c3c;
}
#pf-video-process,
#pf-video-process-main {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000000000000;
  background: rgba(0, 0, 0, 0.9);
}
#pf-video-process > i,
#pf-video-process-main > i {
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.pf-video-content {
  position: absolute;
  left: 0;
  right: 30%;
  bottom: 0;
  top: 0;
}
.pf-video-content > i {
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.pf-video-content > i.fa-check-circle {
  font-size: 80px;
  color: #5CB85C;
  margin-left: -40px;
  margin-top: -40px;
}
.pf-video-form {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 30%;
  background: #fff;
  overflow: auto;
}
.pf-video-form .table {
  padding: 20px;
}
#page_route_v_process > div,
#page_route_v_process > footer {
  visibility: hidden;
}
#page_route_v_process .form-control-feedback {
  visibility: hidden;
}
.pf-video-frames > img {
  width: 30%;
  display: inline-block;
  outline: 1px #dfdfdf solid;
  margin-right: 5px;
  opacity: 0.5;
  cursor: pointer;
}
.pf-video-frames > img.active {
  outline-color: #ccc;
  opacity: 1;
}
.pf-video-row {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 20px;
  margin-left: 10px;
  background: #fff;
}
.pf-video-row > a,
.pf-video-row a:hover {
  display: block;
  width: 265px;
  /*border-bottom:1px #dfdfdf solid;*/
  height: 200px;
  text-decoration: none;
  transition: all 0.50s ease;
}
.pf-video-row > a:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.50s ease;
  /*
		.image_load {
			box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);
			transition:all 0.50s ease;
		}
		*/
}
.pf-video-row .t {
  border-top: 1px #f9f9f9 solid;
  display: block;
  padding-top: 7px;
  margin-left: 5px;
  text-align: left;
}
.pf-video-row .t h1,
.pf-video-row .t h2 {
  font-size: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}
.pf-video-row .t h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 255px;
  padding-bottom: 5px !important;
}
.pf-video-row .t h2 {
  font-size: 11px !important;
  color: #8d8d8d;
}
.pf-video-row .t span.v,
.pf-video-row .t time {
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
  color: #8d8d8d;
}
.pf-video-row .t span.v:after {
  content: '\b7';
  display: inline-block;
  margin-left: 7px;
}
.pf-video-row .image_load {
  background-size: cover;
  display: block;
  width: 265px;
  height: 130px;
  /*border:1px lighten(#dfdfdf, 5%) solid;*/
  transition: all 0.50s ease;
}
#page_route_v #content {
  width: 100% !important;
  padding: 4px !important;
  text-align: center;
}
#page_route_v #right {
  display: none;
}
#page_route_v #top {
  margin-bottom: 20px;
}
#page_route_v .header_filter_holder > .pull-right > .btn-group:nth-of-type(3) {
  display: none;
}
#page_route_v ._block_breadcrumb .btn-sm,
#page_route_v ._block_breadcrumb .btn-group-sm > .btn {
  position: relative;
}
#pf-error-message {
  background: rgba(255, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  z-index: 10000;
  bottom: 50%;
  left: 50%;
  right: 50%;
  width: 300px;
  margin-left: -155px;
  font-size: 14px;
  font-weight: 200;
  text-align: center;
  padding: 10px;
}
#pf-error-message i {
  font-size: 22px;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
}
.page_breadcrumbs_menu > a,
.page_breadcrumbs_menu > a:hover {
  position: relative;
  display: inline-block;
}
.pf_v_title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  color: #808080;
}
.select_a_video,
.select_a_video:hover {
  display: block;
  background: #fff;
  border: 2px #dfdfdf dashed;
  padding: 12px;
  margin: 8px 0 8px 0;
  text-align: center;
}
.select_a_video i,
.select_a_video:hover i {
  font-size: 14px;
}
.pf_process_form {
  display: none;
  height: 25px;
  line-height: 25px;
  background: #fff;
  border: 1px #ececec solid;
  position: relative;
}
.pf_process_form > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2%;
  height: 25px;
  line-height: 25px;
  background: #2ecc71;
}
.pf_video_message {
  display: table;
  width: 100%;
}
.pf_video_message > div {
  display: table-cell;
  font-size: 14px;
  vertical-align: top;
  padding: 5px;
}
.pf_video_message .pf_i {
  width: 30%;
}
#global_attachment_videos.completed {
  background: transparent !important;
}
.js_box_content .pf_video_message,
.js_box_content .pf_process_form {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.js_box_content .pf_video_message {
  border-bottom: 1px #dfdfdf solid;
}
.js_box_content .table_clear {
  margin-top: 0;
}
.js_box_content .table_clear > input {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.pf_video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.pf_video_wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pf_v_video_info {
  display: none;
}
@media only screen and (max-device-width: 800px), (max-width: 800px) {
  .pf-video-row > a,
  .pf-video-row a:hover,
  .pf-video-row .image_load {
    width: 245px;
  }
  .pf-video-row .t h1 {
    width: 235px;
  }
}
.pf_v_url_cancel,
.pf_v_url_cancel:hover {
  font-size: 12px;
}