/*----------------------- Begin data-table Modal ---------------------*/


#club-grid {
  display: none;
  height: auto;
  margin-left: -35%;
  max-height: 80%;
  width: 70%;
}

.modal {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

  @media screen and (max-width: 767px) {
    #club-grid {
      margin-left: 0;
      width: 100%;
      left: 0;
    }
  }

#club-grid.modal.fade.in {
  top: 350px;
}

  @media screen and (max-width: 767px) {
    #club-grid.modal.fade.in {
      top: 0;
    }
  }

.club-grid .section-header {
  margin-top: 45px;
}

.club-grid .section-header p, .club-grid .section-header + p{
  margin: 0;
}



.club-grid .close {
  background: url("images/close-icon.png");
  height: 21px;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 1;
  width: 22px;
}

.club-grid .close {
  opacity: .8;
}

#club-grid p.clubs-grid-header-paragraph, .club-grid .search-city {
  text-align: center;
  margin-top: -27px;
}

  @media screen and (max-width: 767px) {
    #club-grid p.clubs-grid-header-paragraph {
      margin: -27px 0 20px 0;
      padding: 0 20px;
    }
  }

.club-grid .search-city {
  font-size: 1.375em;
}

.club-grid .search-city-container {
  margin-left: 0;
  padding: 0 10%;
}

.club-grid table.dataTable tbody .even {
  background: transparent;
}

.club-grid table.dataTable tbody .even:hover {
  background: #fff9f9;
}

.club-grid .dataTable {
  padding: 0 10%;
  font-size: .824em;
}
  @media screen and (max-width: 767px) {
    .club-grid .dataTable, .club-grid .search-city-container, .club-grid .dataTables_paginate  {
        display: none;
    }
  }

.club-grid .dataTable thead{
  text-align: left;
}

.club-grid .dataTables_wrapper {
  padding-bottom: 50px;
}
  @media screen and (max-width: 767px) {
    .club-grid .dataTables_wrapper {
      padding-bottom: 0;
    }
  }

.club-grid .dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: center;
}

.club-grid #table_filter label {
  color: white;
  margin-left: -50px;
}

/* strange width is from Bootstrap2 span8 class */
.club-grid #table_filter input {
  width: 48.717948717948715%;
  font-weight: bold;
}

.club-grid .dataTables_paginate {
  padding: 20px 0;
}

.club-grid .search-icon {
  background: #e22967;
  height: 58px;
  position: absolute;
  margin-left: -4.688em;
  width: 75px;
}

.club-grid .search-icon img {
  background: url('images/magglass.png') no-repeat;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  margin-top: 16px;
}

.club-grid .club-grid-mobile {
  display: none;
  margin: 40px;
}

  @media screen and (max-width: 767px) {
    .club-grid .club-grid-mobile {
      display: inline-block;
      margin-top: 6px;
    }
  }

.club-grid .dataTable tbody tr.club-grid-tr td{
  border-top: 1px solid #eee;
  padding: 15px 18px 25px 18px;
}

.club-grid .dataTable tbody tr:last-of-type td {
  border-bottom: 1px solid #eee;
}

.club-grid .private {
  color: #e22967;
}

.club-grid .public {
  color: #34c0c4;
}

.club-grid .status-slash {
  color: #999;
  font-weight: 400;
}

.club-grid .club-table-key {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: .813em;
  padding: 5px 40px;
  text-align: center;
}

.club-grid .club-table-key span {
  margin-left: 20px;
}

.club-grid .dataTable th:nth-of-type(2) {
  padding: 0;
}

.club-grid table.dataTable thead .sorting_desc {
  background: url('images/sort-desc.png') no-repeat center left 78px;
}

.club-grid table.dataTable thead .sorting_asc {
  background: url('images/sort-asc.png') no-repeat center left 78px;
}

.club-grid table.dataTable thead th:nth-of-type(2).sorting, .club-grid table.dataTable thead th:nth-of-type(3).sorting {
  background: url('images/sort.png') no-repeat center left 55px;
}

.club-grid table.dataTable thead th:nth-of-type(2).sorting_desc, .club-grid table.dataTable thead th:nth-of-type(3).sorting_desc {
  background: url('images/sort-desc.png') no-repeat center left 55px;
}

.club-grid table.dataTable thead th:nth-of-type(2).sorting_asc, .club-grid table.dataTable thead th:nth-of-type(3).sorting_asc {
  background: url('images/sort-asc.png') no-repeat center left 55px;
}

.club-grid table.dataTable thead th:first-of-type.sorting, .club-grid table.dataTable thead th:last-of-type.sorting {
  background: url('images/sort.png') no-repeat center left 78px;
}

.modal-backdrop.modal-backdrop {
  background-color: #564a3d;
  opacity: .83;
}

.club-grid .clubs-paragraph li {
  list-style: none;
}

#club-grid .dataTables_paginate {
  font-size: .75em;
  margin-right: 10%;
}

#club-grid .dataTables_paginate .paginate_button {
  color: #3ac0c4 !important;
  padding: 0 6px;
}

#club-grid .dataTables_paginate .paginate_button:hover {
  color: #000 !important;
  background-color: transparent;
  border: 1px solid transparent;
}

#club-grid .dataTables_paginate .paginate_button.current {
  color: #000 !important;
  border: 0;
  background: transparent;
}

#club-grid .dataTables_paginate .disabled, .club-grid .dataTables_paginate .disabled:hover {
  background-color: transparent;
  color: #999999 !important;
  cursor: default;
}

/*----------------------- End Club data-table Modal ---------------------*/