body{
    margin-top:20px;
}
.bg-light-gray {
    background-color: #f7f7f7;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

.table td.x {
    vertical-align:middle;
    text-align: center;
    font-size: 16px;
    background-color: #eef3fa;
    color: #b8cce6;
}

.table-tiny {
    font-size: 10px;
}

.table-tiny td,
.table-tiny th {
    padding: 0.5rem;
}

.app-blue {
    color: #11468C;
}
.app-blue-light {
    color: #6F92BF;
}
.app-black {
    color: #262624;
}
.app-red {
    color: #D93232;
}
.app-silver {
    color: #F2F2F2;
}
.bg-blue-light {
    background-color: #b3c9e6;
}

.nav-app {
    background-color: #c4d7f1;
}
.nav-app a {
    color: #262624;
}
.nav-app a:hover {
    color: #11468C;
}
.nav-app .active {
    font-weight: bold;
}

.subnav-app {
    background-color: #d6e2f3;
}
.subnav-app a {
    color: #262624;
}
.subnav-app a:hover {
    color: #11468C;
}

.bg-sky.box-shadow {
    box-shadow: 0px 5px 0px 0px #00a2a7
}

.bg-orange.box-shadow {
    box-shadow: 0px 5px 0px 0px #af4305
}

.bg-green.box-shadow {
    box-shadow: 0px 5px 0px 0px #4ca520
}

.bg-yellow.box-shadow {
    box-shadow: 0px 5px 0px 0px #dcbf02
}

.bg-pink.box-shadow {
    box-shadow: 0px 5px 0px 0px #e82d8b
}

.bg-purple.box-shadow {
    box-shadow: 0px 5px 0px 0px #8343e8
}

.bg-lightred.box-shadow {
    box-shadow: 0px 5px 0px 0px #d84213
}

.bg-sky {
    background-color: #02c2c7
}

.bg-orange {
    background-color: #e95601
}

.bg-green {
    background-color: #5bbd2a
}

.bg-yellow {
    background-color: #f0d001
}

.bg-pink {
    background-color: #ff48a4
}

.bg-purple {
    background-color: #9d60ff
}

.bg-lightred {
    background-color: #ff5722
}

.padding-15px-lr {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.border-radius-5 {
    border-radius: 5px;
}

.margin-10px-top {
    margin-top: 10px;
}
.font-size14 {
    font-size: 14px;
}
.text-gray {
    color: #9c9c9c;
}
.text-light-gray {
    color: #d6d5d5;
}
.font-size13 {
    font-size: 13px;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table td, .table th {
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

/** tournament **/

.p-win {
    background-color: #eef4fd;
}
.playoff-table *{
    box-sizing: border-box;
  }
  .playoff-table {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    font-weight: 400;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
  }
  .playoff-table .playoff-table-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    padding: 20px;
  }
  .playoff-table .playoff-table-tour {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    position: relative;
  }
  .playoff-table .playoff-table-pair {
    position: relative;
  }
  .playoff-table .playoff-table-pair:before {
    content: '';
    position: absolute;
    top: 27px;
    right: -12px;
    width: 12px;
    height: 1px;
    background-color: #6F92BF;
  }
  .playoff-table .playoff-table-pair:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 1000px;
    background-color: #f5f5f5;
    right: -12px;
    z-index: 1;
  }
  .playoff-table .playoff-table-pair:nth-child(even):after {
    top: 28px;
  }
  .playoff-table .playoff-table-pair:nth-child(odd):after {
    bottom: 28px;
  }
  .playoff-table .playoff-table-pair-style {
    border: 1px solid #cccccc;
    background-color: white;
    width: 300px;
    margin-bottom: 20px;
  }
  .playoff-table .playoff-table-group {
    padding-right: 11px;
    padding-left: 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .playoff-table .playoff-table-group .playoff-table-pair-style:last-child {
    margin-bottom: 0px;
  }
  .playoff-table .playoff-table-group:after {
    content: '';
    position: absolute;
    top: 28px;
    bottom: 25px;
    right: 0px;
    width: 1px;
    background-color: #6F92BF;
  }
  .playoff-table .playoff-table-group:last-child {
    margin-bottom: 0;
  }
  .playoff-table .playoff-table-left-player,
  .playoff-table .playoff-table-right-player {
    min-height: 26px;
    padding: 3px 5px;
  }
  .playoff-table .playoff-table-left-player {
    border-bottom: 1px solid #cccccc;
  }
  .playoff-table .playoff-table-left-player:before {
    content: '';
    position: absolute;
    bottom: 27px;
    left: -12px;
    width: 12px;
    height: 1px;
    background-color: #6F92BF;
  }
  .playoff-table .playoff-table-right-player {
    margin-top: -1px;
    border-top: 1px solid #cccccc;
  }
  .playoff-table .playoff-table-third-place {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 100px;
  }
  .playoff-table .playoff-table-third-place .playoff-table-left-player:before {
    display: none;
  }
  .playoff-table .playoff-table-tour:first-child .playoff-table-group {
    padding-left: 0;
  }
  .playoff-table .playoff-table-tour:first-child .playoff-table-left-player:before {
    display: none;
  }
  .playoff-table .playoff-table-tour:last-child .playoff-table-group:after {
    display: none;
  }
  .playoff-table .playoff-table-tour:last-child .playoff-table-pair:after,
  .playoff-table .playoff-table-tour:last-child .playoff-table-pair:before {
    display: none;
  }


@media screen and (min-width: 750px) {
    .table-tiny {
        font-size: 14px;
    }
    .table-tiny td,
    .table-tiny th {
        padding: 0.75rem;
    }
}