.admincompstable td {vertical-align: middle; text-align: center; padding: 0;}
.admincompstable th {text-align: center;}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 48px 0 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Content
 */

[role="main"] {
  padding-top: 133px; /* Space for fixed navbar */
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px; /* Space for fixed navbar */
  }
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}










@media only screen and (max-width: 768px) {
  .sidebar-sticky {
    padding-top: 2.5rem;
  }
}











.pad10 {padding:10%}
.pad5 {padding:5%}
.pad4 {padding:4%}
.pad3 {padding:3%}
.pad2 {padding:2%}
.pad1 {padding:1%}

.padtb10 {padding:0% 10%}
.padtb5 {padding:0% 5%}
.padtb4 {padding:0% 4%}
.padtb3 {padding:0% 3%}
.padtb2 {padding:0% 2%}
.padtb1 {padding:0% 1%}





/* font */
p {font-size:90%}

.font-light {font-weight:300}
.font-bold {font-weight:700}



/* Table */
table.table.table-bordered tbody tr {padding:5px 15px; font-size:90%}
table.table.table-bordered tbody td {padding:5px 15px; font-size:90%}





header.masthead .site-heading {padding:50px}

#playerScoreTable1 th:not(:nth-child(1)):not(:nth-child(2)) {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    padding: 10px 10px;
}
#playerScoreTable2 th:not(:nth-child(1)):not(:nth-child(2)) {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    padding: 10px 10px;
}
#playerScoreTable1 table.v-table tbody td:first-child, table.v-table tbody td:not(:first-child), table.v-table tbody th:first-child, table.v-table tbody th:not(:first-child), table.v-table thead td:first-child, table.v-table thead td:not(:first-child), table.v-table thead th:first-child, table.v-table thead th:not(:first-child) {
  padding: 10px 0px
}
#playerScoreTable2 table.v-table tbody td:first-child, table.v-table tbody td:not(:first-child), table.v-table tbody th:first-child, table.v-table tbody th:not(:first-child), table.v-table thead td:first-child, table.v-table thead td:not(:first-child), table.v-table thead th:first-child, table.v-table thead th:not(:first-child) {
  padding: 10px 0px
}

.btn-sm {
    font-size: 14px;
    font-weight: 800;
    padding: 4px 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}




div.gsm {border-bottom: solid 1px #dee2e6}
div.gsm label {font-size:75%; margin:0px; padding:0px}
div.gsm label.w5  { width:4.5%;}
div.gsm label.w10  { width:9.5%;}
div.gsm label.w20  { width:19.5%;}
div.gsm label.w30  { width:29.5%;}
div.gsm label.w40  { width:39.0%;}
div.gsm label.w50  { width:49.5%;}
div.gsm label.w60  { width:59.5%;}
div.gsm label.w70  { width:65.5%;}
div.gsm label.w80  { width:79.5%;}
div.gsm label.w90  { width:89.5%;}
div.gsm label.w100  { width:99.5%;}
div.gsm label i.away{font-size:70%;background-color:cornflowerblue; padding:2px 6px; margin:8px; 0px; color:#fff; font-weight: 700;  border-radius:33px;}
div.gsm label i.home{font-size:70%;background-color:deeppink; padding:2px 6px; margin:8px; 0px; color:#fff; font-weight: 700;  border-radius:33px;}
div.gsm label span.home{font-size:70%;background-color:deeppink; padding:2px 6px; margin:8px; 0px; color:#fff; font-weight: 700;  border-radius:33px;}
div.gsm label span.away{font-size:70%;background-color:cornflowerblue; padding:2px 6px; margin:8px; 0px; color:#fff; font-weight: 700;  border-radius:33px;}



.defaultCircle1 {
    background-color: white !important;
    border: 1px solid #f44336 !important;
}
.defaultCircle1 span.v-chip__content {
    color: #555 !important;
}
.defaultCircle2 {
    background-color: white !important;
    border: 1px solid #1976d2 !important;
}
.defaultCircle2 span.v-chip__content {
    color: #555 !important;
}
.defaultCircle1.highlightWinner1 {
    background-color: #f44336 !important;
}
.defaultCircle1.highlightWinner1 span.v-chip__content {
    color: white !important;
}
.defaultCircle2.highlightWinner2 {
    background-color: #1976d2 !important;
}
.defaultCircle2.highlightWinner2 span.v-chip__content {
    color: white !important;
}
.playerBorder {
    border: 1px solid #000;
    padding:2px 5px;
    border-radius: 6px;
}
.highlightWinner .playerBorder{
    border: 1px solid #1976d2;
}

.gamenumber {
    color: #cecece;
}
.lockedScore {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
}
.highlightWinnerSelector1{border: 1px solid #f44336;}
.highlightWinnerSelector2{border: 1px solid #1976d2;}











/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}