[v-cloak] {
  display: none;
}

.teamsnap-module {
  overflow: hidden;
  position: relative;
}

.teamsnap-module.panel:not(.panel-default) .panel-footer{
  background: transparent;
  border: 0;
}

.teamsnap-module.figure-top{
  padding-top: 300px;
}

.teamsnap-module.figure-bottom{
  padding-bottom: 300px;
}

.teamsnap-module.figure-left .panel-body,
.teamsnap-module.figure-right .panel-body {
  min-height: 220px;
}

.teamsnap-module.figure-left{
  padding-left: 300px;
}

.teamsnap-module.figure-right{
  padding-right: 300px;
}

.teamsnap-module.figure-top figure,
.teamsnap-module.figure-bottom figure {
  height: 300px;
  position: absolute;
  left: 0;
  right: 0;
}

.teamsnap-module.figure-top figure {
  top: 0;
}

.teamsnap-module.figure-bottom figure {
  bottom: 0;
}

.teamsnap-module.figure-left figure,
.teamsnap-module.figure-right figure {
  width: 300px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.teamsnap-module.figure-left figure {
  left: 0;
}

.teamsnap-module.figure-right figure {
  right: 0;
}

.teamsnap-module figure iframe {
  height: 100%;
  width: 100%;
  border: none;
}

@media only screen and (max-width : 768px) {
  .teamsnap-module.figure-left .panel-body,
  .teamsnap-module.figure-right .panel-body {
    min-height: auto;
  }

  .teamsnap-module.figure-left{
    padding-left: 0;
    padding-top: 300px;
  }

  .teamsnap-module.figure-right{
    padding-right: 0;
    padding-bottom: 300px;
  }

  .teamsnap-module.figure-left figure,
  .teamsnap-module.figure-right figure {
    height: 300px;
    width: 100%;
  }

  .teamsnap-module.figure-left figure {
    left: unset;
    bottom: unset;
  }

  .teamsnap-module.figure-right figure {
    right: unset;
    top: unset;
  }
}

.teamsnap-module .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .03);
}

.teamsnap-module .table-bordered,
.teamsnap-module .table-bordered > thead > tr > th,
.teamsnap-module .table-bordered > tbody > tr > th,
.teamsnap-module .table-bordered > tfoot > tr > th,
.teamsnap-module .table-bordered > thead > tr > td,
.teamsnap-module .table-bordered > tbody > tr > td,
.teamsnap-module .table-bordered > tfoot > tr > td {
  border: 1px solid rgba(0, 0, 0, .12);
}

.teamsnap-module table.table-bordered.dataTable tbody th,
.teamsnap-module table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

.teamsnap-module table.table-bordered.dataTable th,
.teamsnap-module table.table-bordered.dataTable td {
  border-left-width: 0;
}

.teamsnap-module .table-bordered > thead > tr > th,
.teamsnap-module .table-bordered>thead>tr>td {
  border-bottom-width: 0;
}
