html {
  background-color: rgb(33, 117, 217);
}

body {
  font-family: Tahoma, sans-serif;
  font-size:14px;
  -webkit-font-smoothing: antialiased;
  color:white;
  background-color: rgb(33, 117, 217);

  background: url(../img/pattern.png) top left repeat ;

background-attachment: fixed;

background-position: top left;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;
}

.navbar-inverse {
    background-color: rgb(33, 117, 217) !important;
    border-color: white !important;
}

footer {
  background-color:#525252;
  padding:20px;


}

*, *:before, *:after {box-sizing:  border-box !important;}


.row-mansory {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  
}

.panel {
 display: inline-block;
 margin:  .5em;
 padding:  0; 
 width:98%;
}

video {
  width:100%;
}
#wrapper{
    
    
    position:relative;
    
}
.playpause {
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}


.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.panel {
    color:white;
    background-color: rgba(0,0,0,0.3);
  }

  h3{
    margin-top:0px;
  }

  .modal-dialog {
    width: 80%;
 
}

.modal-header {
    border:none;
}

.filter
{
    border: solid white 1px;
    font-size: 15px;
    cursor: pointer;
    background-color: #b8d000;
    margin-right: 10px;
}

.filter.selected
{
  border: dashed 1px white;
}