.card-heading .col {
  display: flex; }

.card-heading .preview {
  margin-bottom: 7px;
  display: block; }
  .card-heading .preview u {
    font-size: 0.8rem;
    font-style: italic;
    letter-spacing: 0.5px; }

.card-heading .vs {
  margin: 0 5px;
  line-height: 1.7rem;
  font-size: 0.8rem; }

.sub-title {
  display: flex;
  font-size: 1.15rem; }

.alert-primary {
  font-size: 0.8rem;
  padding: .75rem 0.85rem;
  text-align: center; }

#slots-container {
  border: 1px solid silver;
  margin: 0;
  display: grid;
  grid-gap: 1em 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background-color: #f3f3f3; }

.slots-group {
  padding-left: 0;
  padding-right: 0; }
  .slots-group .slot:last-child {
    border-bottom: none; }
  .slots-group .slot:nth-child(6),
  .slots-group .slot:nth-child(16) {
    margin-top: 15px;
    border-top: 1px solid silver; }

.slot {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid silver;
  display: flex;
  max-height: 65px;
  flex-direction: row;
  background-color: white; }
  .slot[data-status='paid'] .slot_number, .slot[data-status='half'] .slot_number, .slot[data-status='reserved'] .slot_number {
    color: white; }
  .edit-card .slot {
    cursor: pointer; }
  .slot[data-status='paid'] .slot_number {
    background-color: #079768; }
  .slot[data-status='half'] .slot_number {
    background-color: #db2877; }
  .slot[data-status='reserved'] .slot_number {
    background-color: #6a7380; }
  .slots-group-1 .slot,
  .slots-group-2 .slot,
  .slots-group-3 .slot {
    border-right: 1px solid silver; }

.slot_number {
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  font-size: 0.7rem;
  flex-shrink: 0;
  display: inline-block;
  padding: 1px 3px;
  margin-bottom: 7px;
  height: 19px;
  width: 28px; }

.slot_name {
  margin: 5px 3px;
  font-size: 0.8rem;
  letter-spacing: 0.4px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.form-date {
  min-height: 38px; }

.form-check-container {
  border: 1px solid var(--colo-2);
  padding: 11px 8px 0;
  border-radius: 5px; }
  .form-check-container .form-check {
    border-bottom: 1px solid var(--colo-2);
    padding-bottom: 5px;
    margin-bottom: 6px; }
  .form-check-container .form-check:last-child {
    border: none; }

.form-check-label p {
  margin-bottom: -4px;
  font-size: .9rem; }

.form-check-label small {
  margin-bottom: 4px;
  display: inline-block; }

.form-check-label.status-public {
  color: gray; }

.tab-pane#score label {
  text-align: center;
  display: block;
  font-size: 21px; }

.tab-pane#score input {
  text-align: center;
  font-size: 20px; }

.tab-pane#score #resetForm, .tab-pane#score .btn-danger {
  display: none; }

.tab-pane#score .versus {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: grey; }

.card-owner .image {
  border-radius: 50px; }

.button-goup {
  text-align: right; }
  .button-goup .btn-danger {
    float: left; }

.nav-tabs {
  display: grid;
  grid-gap: 1em 0;
  grid-template-columns: auto auto auto;
  border: 1px solid #60a5fa;
  margin-bottom: 1em; }
  .nav-tabs li:nth-child(1),
  .nav-tabs li:nth-child(2) {
    border-right: 1px solid #91c1fc; }
  .nav-tabs li {
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    color: white;
    background-color: #60a5fa; }
    .nav-tabs li a {
      display: block;
      padding: 0.9em 0.5em; }
      .nav-tabs li a.active {
        cursor: default;
        background-color: #2f89f8; }
      .nav-tabs li a:not(.active) {
        cursor: pointer; }

body {
  font-family: 'Lato', sans-serif; }

.lets-play-ball {
  line-height: 1.1em;
  margin-bottom: 0.9em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: 'Lobster', cursive; }
  .lets-play-ball span {
    margin: 0 0.1em; }

#gSignInWrapper {
  margin: 0 auto 3em; }
  #gSignInWrapper .btn-social {
    height: 33px;
    display: flex;
    width: 200px;
    border-radius: 4px;
    align-items: center; }
  #gSignInWrapper .fa-google {
    font-size: 1.3rem; }

.privacy.mx-auto h1, .privacy.mx-auto h2, .privacy.mx-auto h3, .privacy.mx-auto h4, .privacy.mx-auto h5, .privacy.mx-auto h6 {
  color: #4b5563; }

.list-group > a {
  border-bottom: 1px solid #d3e3ff;
  padding-bottom: 1em; }

#cardModal.show,
#slotModal.show {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: #4a4a4a61; }

#cardModal > form,
#slotModal > form {
  background: white;
  border: 4px solid #4299e1;
  box-shadow: 1px 2px 19px #6b6b6b;
  border-radius: 4px; }

#cardModal .modal-body,
#cardModal .modal-header,
#cardModal .modal-footer,
#slotModal .modal-body,
#slotModal .modal-header,
#slotModal .modal-footer {
  padding: 1rem; }

#cardModal #modal-delete-slot-group,
#slotModal #modal-delete-slot-group {
  margin: 0 1rem 1rem 1rem; }

#cardModal .modal-header,
#cardModal .modal-footer,
#slotModal .modal-header,
#slotModal .modal-footer {
  display: flex; }
  #cardModal .modal-header.hide,
  #cardModal .modal-footer.hide,
  #slotModal .modal-header.hide,
  #slotModal .modal-footer.hide {
    display: none; }

#cardModal .modal-header,
#slotModal .modal-header {
  justify-content: space-between; }

#cardModal .modal-footer,
#slotModal .modal-footer {
  justify-content: space-between; }

#cardModal .required,
#slotModal .required {
  border: 1px solid red; }

/*# sourceMappingURL=style.css.map */