.champ {
    display: block;
        text-align: center;
      }
      
.layout {
  float: left;
}

.left_layout {
  width: 10%;
}

.right_layout {
  width: 90%;
}

.thebody {
    padding:5px;
}

#submit.btn {
  background-color: #18BC9C; 
  border-radius: 10px;
  color: white;
  padding: 15px 32px;
  width: 200px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}

.dataTables_filter{
    float: left;
}

ol li .pinch {
    list-style: disc;
}

input {
  overflow: visible;
  border-radius: 10px;
  width: 150px;
}

.selectize-control.single .selectize-input:after{
    display:none;
}

.display{
    padding: 10px;
}

.thisdiv {
    width: 100%;
    float: left;
}

.player_L {
    width: 60%;
}

.player_R {
    width: 40%;
}

.leagueHome_L {
    width: 17%;
    padding-left: 5px;
    text-align:left;
}

.leagueHome_R {
    padding-left: 5px;
    width: 83%;
}

.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}

@media screen and (max-width: 600px) {
    .column {
    width: 100%;
}}

.nav ul {
  list-style: none;
  background-color: #18BC9C;
  text-align: left;
  padding-top: 10px;
  padding-left:0px;
  margin: 0;
}
.nav li {
    font-size: 20px;
  line-height: 5px;
  margin-left:25px;
  height: 5px;
}
 
.nav a {
  text-decoration: none;
  color: white;
  display: block;
  transition: .3s background-color;
}
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-top:5px;
    margin-bottom:0px;
    padding-right:15px;
  }

/*/// Mixin to put items on a circle*/
/*/// [1] - Allows children to be absolutely positioned*/
/*/// [2] - Allows the mixin to be used on a list*/
/*/// [3] - In case box-sizing: border-box has been enabled*/
/*/// [4] - Allows any type of direct children to be targeted*/
/*/// */
/*/// @param {Integer} $nb-items - Number or items*/
/*/// @param {Length} $circle-size - Container size*/
/*/// @param {Length} $item-size - Item size*/
/*/// @param {String | false} $class-for-IE - Base class name for old IE*/
/*@mixin distribute-on-circle( */
/*  $nb-items,*/
/*  $circle-size,*/
/*  $item-size,*/
/*  $class-for-IE: false*/
/*) {*/
/*  $half-item: ($item-size / 2);*/
/*  $half-parent: ($circle-size / 2);*/
  
  position: relative; /* 1 */
/*  width:  $circle-size;*/
/*  height: $circle-size;*/
/*  padding: 0;*/
/*  border-radius: 50%; */
  list-style: none; /* 2 */ 
  box-sizing: content-box; /* 3 */ 
  
  > * { /* 4 */
/*    display: block;*/
/*    position: absolute;*/
/*    top:  50%; */
/*    left: 50%;*/
/*    width:  $item-size;*/
/*    height: $item-size;*/
/*    margin: -$half-item;*/
/*  }*/
  
/*  $angle: (360 / $nb-items);*/
/*  $rot: 0;*/

/*  @for $i from 1 through $nb-items {*/
/*    @if not $class-for-IE {*/
/*      > :nth-of-type(#{$i}) {*/
/*        transform: rotate($rot * 1deg) translate($half-parent) rotate($rot * -1deg);*/
/*      }*/
/*    } @else {*/
/*      > .#{$class-for-IE}#{$i} {*/
/*        // If CSS transforms are not supported*/
/*        $mt: sin($rot * pi() / 180) * $half-parent - $half-item;*/
/*        $ml: cos($rot * pi() / 180) * $half-parent - $half-item;*/
/*        margin: $mt 0 0 $ml;*/
/*      }*/
/*    }*/

/*    $rot: ($rot + $angle);*/
/*  }*/
/*}*/

/*.circle-container {*/
/*  @include distribute-on-circle(8, 20em, 6em, false); */
/*  margin: 5em auto 0;*/
/*  border: solid 5px tomato;*/
/*}*/

/*.circle-container img { */
/*  display: block; */
/*  width: 100%; */
/*  border-radius: 50%;*/
/*  filter: grayscale(100%);*/

/*  &:hover {*/
/*    filter: grayscale(0);*/
/*  }*/
/*}*/