body {
  padding-top:50px;
  padding-bottom:60px;
}

.spacer-50 {
  display:block;
  height:50px;
}

.spacer-15 {
  display:block;
  height:15px;
}

.navbar img {
  display:block;
  height:14px;
}

.login-page {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-content:center;
  align-items:center;
  min-height:100vh;
  background:linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
), url(../../Content/img/bg.jpg) no-repeat;
  background-size:cover;
}

.login-panel {
  width:400px;
  min-height:300px;
}

.big-button {
  display:inline-block;
  margin-right:15px;
  margin-bottom:15px;
  position:relative;
  width:220px;
  height:220px;
}

.big-button a {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-color:#D8D8D8;
  border-radius:6px;
  box-shadow:1px 1px 3px rgba(0,0,0,.2);
  border:solid 1px #BEBEBE;
  color:#444;
  text-decoration:none;
  padding:15px;
  text-align:center;
}

.big-button a:hover {
  background-color:#CBCBCB;
}

.big-button a i, .bb-image {
  display:block;
  height:42px;
  width:42px;
  line-height:42px;
  border-radius:50%;
  text-align:center;
  border:solid 1px #444;
  margin-bottom:15px;
}

.bb-title {
  font-size:16px;
  font-weight:bold;
}

.dyntable .btn-group .btn {
  padding:1px 5px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px;
}

.dyntable .btn-group .btn i {
  margin-right:3px;
}

.dyntable tr td:last-child, .dyntable tr th:last-child {
  width:140px;
  text-align:center;
}

.gallery {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.no-padding {
  padding:0;
}

.list-group.borderless li {
  border-left:none;
  border-right:none;
  border-radius:0;
}

.borderless {
  margin:0px !important;
  padding:0px !important;
}

.g-item {
  flex:1 1 225px;
  position:relative;
  cursor:pointer;
  margin:4px;
  max-width:311px;
}

.g-item:before {
  content:'';
  display:block;
  padding-top:100%;
}

.g-item img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  box-shadow:1px 1px 3px rgba(0,0,0,.2);
  border:solid 3px white;
  z-index:0;
  object-fit: cover;
}

.btn i {
  margin-right:3px;
}

.g-item:hover:after {
  content:'';
  display:block;
  position:absolute;
  top:3px;
  z-index:1;
  background-color:rgba(0,0,0,.2);
  left:3px;
  bottom:3px;
  right:3px;
}

.g-item:hover .g-content {
  display:block;
}

.g-content {
  display:none;
  position:absolute;
  left:3px;
  right:3px;
  bottom:3px;
  background-color:rgba(0,0,0,.8);
  color:white;
  z-index:5;
  padding:8px;
}

.full-container {
  min-height:100vh;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
}

.fc-left {
  flex:0 0 370px;
}

.fc-content {
  flex:0 1 auto;
  margin-left:15px;
}