/*Cusotm Bootstrap*/
.col-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

.col-5ths {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 20%;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}

@media (min-width: 576px) {
  .col-sm-5ths {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

@media (min-width: 768px) {
  .col-md-5ths {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bd9565;
}
::-webkit-scrollbar-thumb {
    background-color:#bd9565;
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
}
/**/
.flex{display:flex}
.flex>div{flex:1}
.flex-block{display:inline-flex;width:100%;flex-flow: row wrap;}
.flex-unit-3{flex:3}
.flex-inline{display: inline-flex;position:relative}
@import (less) "../less/pie.less";
ul{list-style:none}
*{transition:0.2s;box-sizing:border-box}
.affix-top{position:fixed}
.no-padding{padding:0!important}
.no-margin{margin:0!important}
.pre-inline{white-space: normal;word-break: normal}
.pre-inline>ul{margin:0;padding:0}
a{cursor:pointer}
nav h4{cursor:default;font-size:95%;padding:16px 40px;font-weight:100;text-transform:uppercase;letter-spacing:2px}
.m-r{margin-right:10px}
.m-b{margin-bottom:10px}
.m-t{margin-top:10px}
.m-l{margin-left:10px}
.overflow-hidden{overflow: hidden!important}
.list-inline{list-style:none}
.list-inline li{display:inline-block;vertical-align: top;margin:0;}
.truncate{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img{max-width:100%}
.display-table{display:table;width:100%}
.display-inline{display:inline-block}
.display-table-cell{display:table-cell}
.small{font-size:80%}
.super-center{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 4em;height: 1em;}
.permission_monitor_edit{display:none}
.permission_video_delete{display:none}
.nodata .divider{margin:5px 0}
.loading .divider{margin:5px 0}
/* Video Grid */
.video_grid{overflow: auto;height: 100%;display: block;}
.video_grid .col-md-2{padding-left:5px;padding-right:5px;padding-bottom:10px}
.video_grid .thumb{width:100%;height:150px;display:inline-block;background-size:cover;position:relative;overflow:hidden;border-radius:4px;border:1px solid #000;box-shadow:0 0 10px #151515}
.video_grid .thumb .title-strip, .video_grid .thumb .button-strip{width:100%;position:absolute;left:0;background:rgba(0,0,0,0.7);color:#fff;padding:4px}
.video_grid .thumb .title-strip{top:0;opacity:0.5}
.video_grid .thumb .button-strip{bottom:0;opacity:0}
.video_grid .thumb:hover .title-strip, .video_grid .thumb:hover .button-strip{opacity:1}