html, body {width:100%; height:100%; padding:0; margin:0;}
.navbar {margin-bottom: 5px;}
.navbar-brand {padding:0px; padding-right:10px;}

.navbar-default {
    background-color: #FFF;
    border-color: #FFF;
}

/*.navbar-nav li a {
    line-height: 86px;
    height: 86px;
    padding-top: 0;
}*/

@media (max-width: 767px) {
  .navbar-collapse {
    margin-top: 40px;
  }
}

.page-header {margin-top: 20px;}
.index_cams div.panel {max-width:322px; margin-left:auto;margin-right:auto;}
.index_cams div.panel-body {padding:0;}
.index_cams div.panel-body img {width:100%; max-width:320px; border-radius: 0 0 3px 3px; max-height:182px;}

.webcam_big {xpadding:0;}
.webcam_big img {max-width:100%;height:auto;}

.index_cams div.panel-heading {position:relative;}
.index_cams div.panel-heading span {position:absolute;padding:3px;right:0px;top:0px;color:#333;font-size:11px;opacity: 0.7;}

.webcam_thumbs a {display:block; float:left; border: 1px solid #DDD; border-radius:4px; margin-left:10px; margin-bottom: 10px; padding:3px; transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0; position:relative;}
.webcam_thumbs a:hover {border-color:#428BCA;}
.webcam_thumbs a:focus {outline: none;}
.webcam_thumbs a span {position:absolute;padding:0 2px;right:3px;top:3px;color:#fff;background:#333;border-radius:0 0 0 3px;font-size:11px;opacity:0.6;}

#date_list .btn {margin-bottom:5px;}

/*.cover {
    display:block;
    width:320px;
    height:180px;
}

.cover div{
    display:block;
    width:320px;
    height:180px;
    position:absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0 0 3px 3px;
} */