html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



.two-digit {
   width: 30px;
}

.three-digit {
   width: 35px;
}

.selected-player {
   background-color: darkslateblue !important;
}

.table-sm th, .table-sm td {
   padding-top: 0.1rem;
   padding-bottom: 0.1rem;
}


#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#partyTable tbody tr:hover {
   background-color: #272b30 !important;
}

#partyTable tbody tr {
   border-top: 2px solid darkgray;
}

.chart {
   width: 100%;
   min-height: 450px;
}

.row {
   margin: 0 !important;
}

.friend {
   color: #F5BD1F !important;
}

.foe {
   color: #ce43fd !important;
}

.bg-friend {
   background-color: #F5BD1F;
}

.bg-foe {
   background-color: #ce43fd;
}

#MoveSummaryDiv .damage {
   font-weight: bold;
   color: red;
}

#MoveSummaryDiv .heal {
   font-weight: bold;
   color: green;
}

#MoveSummaryDiv .weapon {
   font-style: italic;
}

#MoveSummaryDiv .action {
   font-style: italic;
}

.stat {
   font-style: italic;
   font-size: .8em;
   white-space: nowrap;
}

.table td {
   padding-top: 4px;
   padding-bottom: 4px;
   vertical-align: middle;
}

.table th {
   padding-top: 4px;
   padding-bottom: 4px;
   vertical-align: middle;
}

.ko-hidden {
   display: none;
}

h5 {
   padding-top: 8px;
   padding-left: 8px;
}

.bold {
   font-weight: bold;
   font-size: 1.1em;
}

.pointer {
   cursor: pointer;
}