.uk-background-secondary {
  background-color: #222!important;
}
.ph-navbar-small .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  min-height: 50px;
}
html {
    /* To make use of full height of page*/
    height: 100%;
    margin: 0;
}
body {
    min-height: 100%;
    background: #222;
    margin: 0;
}
.ot-nav {
  /* better branding */
  border-bottom: 3px solid #39f;
}
.ot-button {
  /* better branding */
  border: 2px solid #39f;
  transition: 0.2s;
}
.ot-button:hover {
  /* better branding */
  background: #39f!important;
  color: #fff!important;
}
.ot-afterupload-file {
  border: 1px dashed #39f;
  padding: 1.3%;
}
.ot-video-card {
  background: transparent;
  /* border: 1px solid #39f; */
  /* On request of: It's A Me Luigi */
  border: 1px solid rgba(51, 153, 255, 0.1);
  border-radius: 2px;
  min-height: 260px;
  /*max-height: 280px;*/
  max-height: 300px;
  transition: 0.2s;
}
.ot-video-card:hover {
  border: 1px solid #0080ff;
}
.ot-video-card .uk-card-body {
  padding: 0%;
}
.ot-video-card-untall .uk-card-body {
  padding: 40px 40px;
}
.ot-meta-views span:first-child {
  vertical-align: text-bottom;
}
.ot-meta-views span:last-child {
  padding-left: 2%;
  font-size: .875rem;
}
.material-icons {
  font-size: .875rem;
}
.ot-video-card-untall {
  min-height: 240px;
  max-height: 240px;
}
.ot-video-card-footer-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
}
.ot-video-card .uk-accordion {
  position: absolute;
  top: 80%;
  right: 0px;
}
.ot-video-card video {
  max-height: 165px;
  min-height: 165px;
  background: black;
}
.ot-video-length {
  position: absolute;
  top: 45%;
  /*bottom: 45%;*/
  /* right: 9%; */
  right: 2%;
  /* text-shadow: 0 0 20px black; */
  background: #00000066;
  border-radius: 8px;
  padding: 1% 2%;
}
.ot-username {
  color: #39f!important;
}
.ot-comment {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
  padding: 1.3%;
}
.ot-comment p:first-child {
  color: #39f;
}
.ot-flag {
  cursor: pointer;
  transition: 0.2s;
  padding: 1.2%;
  border-radius: 4.5px;
}
.ot-flag:hover {
  background: #2554cf;
}
.uk-placeholder {
  border: 1px dashed #39f;
}
.video-js {
  width: 100%;
  height: 450px;
}
.uk-form-custom {
  display: block;
}
.uk-search-default {
    width: 360px;
}
.uk-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}