html {
    font-size: 0.8rem;
    position: relative;
    min-height: 100%;
}
    
body {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin-bottom: 60px;
    background-color:whitesmoke;
}

footer {
    background-color: white;
}

.img-link {
    cursor: pointer;
}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a {
    color: #0077cc;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}


.footer-copyright {
    float: right;
    width: 150px;
    text-align: right;
}

li a.active {
    font-weight: 500;
    text-decoration-line: underline;
    text-underline-offset: 0.2em;
}

.table-title {
    border: 1px solid grey;
    padding: 5px;
    font-size: 1.2rem;
    font-weight: 700;
    background-color: #ff9508;
    color: white;
}

.table-content {
    background-color: white;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    min-height: 100px;
    margin-bottom:30px;
}

.table-filter {
    background-color: white;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    min-height: 100px;
    margin-bottom: 30px;
    padding:5px;
}

.table tbody > tr:last-child > td {
    border-bottom: 0;
}

.table a:link, .boxscore-title a:link, .edit-table a:link {
    color: black;
}

.table a:visited, .boxscore-title a:visited, .edit-table a:visited {
    color: black;
}

.td-img-link {
    text-align:center;
    width:25px;
}


.table .td-name {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.filter-field {
    padding: 5px;
}

.filter-field label {
    font-weight:700;
}

.add-player-div {
    padding: 5px;
}

.training-update-div {
    float: right;
    min-width: 120px;
    text-align: right;
}

#playerTableId th:first-child, #playerTableId td:first-child {
    position: sticky;
    left: 0px;
    z-index: 3;
}

.player-select {
    background-color: #e8effa;
}

.td-player-select {
    background-color: #e8effa !important;
}

.td-player-unselect {
    background-color: white !important;
}

.filter-input {
    width: 100%;
    height: 25px;
    margin-bottom: 5px;
}

.filter-input::-webkit-outer-spin-button,
.filter-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.filter-input[type=number] {
    -moz-appearance: textfield;
}

.filter-input-id[type=number]::-webkit-outer-spin-button,
.filter-input-id[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.filter-input-id {
    -moz-appearance: textfield;
    width:120px;
}

.filter-season-id {
    -moz-appearance: textfield;
    width: 50px;
    text-align:center;
}

.success-message {
    color: green;
    font-weight: 700;
}

.error-message {
    color: red;
    font-weight:700;
}

#draftResultDivId {
    margin:10px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.draft-league-result {
    min-height: 40px;
    min-width: 60px;
    border: 1px solid black;
    text-align: center;
}

#positionId, #ageId, #heightId, #wageId {
    max-width: 70px;
}

.skill-control{
    min-width:110px;
}

#newCommentInputId {
    width: 100%;
}

.input-week {
    width: 35px;
    text-align: center;
    border: 0px;
}

/* Chrome, Safari, Edge, Opera */
.input-week::-webkit-outer-spin-button,
.input-week::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-week {
    -moz-appearance: textfield;
}

.add-player-input::-webkit-outer-spin-button,
.add-player-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.add-player-input[type=number] {
    -moz-appearance: textfield;
    width:165px;
}

.select-training {
    border: 0px;
    width: 100%;
}

.text-gold {
    color: #FF8C00 !important;
}

.skill-level-color-1, .skill-level-color option[value="1"] {
    color: rgb(0,0,0);
}

.skill-level-color-2, .skill-level-color option[value="2"] {
    color: rgb(0,51,153);
}

.skill-level-color-3, .skill-level-color option[value="3"] {
    color: rgb(0,51,204);
}

.skill-level-color-4, .skill-level-color option[value="4"] {
    color: rgb(0,0,255);
}

.skill-level-color-5, .skill-level-color option[value="5"] {
    color: rgb(102,0,153);
}

.skill-level-color-6, .skill-level-color option[value="6"] {
    color: rgb(204,51,153);
}

.skill-level-color-7, .skill-level-color option[value="7"] {
    color: rgb(255,51,255);
}

.skill-level-color-8, .skill-level-color option[value="8"] {
    color: rgb(204,51,102);
}

.skill-level-color-9, .skill-level-color option[value="9"] {
    color: rgb(153,0,51);
}

.skill-level-color-10, .skill-level-color option[value="10"] {
    color: rgb(204,51,0);
}

.skill-level-color-11, .skill-level-color option[value="11"] {
    color: rgb(255,102,51);
}

.skill-level-color-12, .skill-level-color option[value="12"] {
    color: rgb(255,153,51);
}

.skill-level-color-13, .skill-level-color option[value="13"] {
    color: rgb(255,153,0);
}

.skill-level-color-14, .skill-level-color option[value="14"] {
    color: rgb(255,165,74);
}

.skill-level-color-15, .skill-level-color option[value="15"] {
    color: rgb(255,204,51);
}

.skill-level-color-16, .skill-level-color option[value="16"] {
    color: rgb(153,153,51);
}

.skill-level-color-17, .skill-level-color option[value="17"] {
    color: rgb(102,204,0);
}

.skill-level-color-18, .skill-level-color option[value="18"] {
    color: rgb(0,153,51);
}

.skill-level-color-19, .skill-level-color option[value="19"] {
    color: rgb(51,204,153);
}

.skill-level-color-20, .skill-level-color option[value="20"] {
    color: rgb(0,204,204);
}

.skill-level-color-21, .skill-level-color option[value="21"] {
    color: rgb(0,204,204);
}

.skill-level-color-22, .skill-level-color option[value="22"] {
    color: rgb(0,204,204);
}

.skill-level-color-23, .skill-level-color option[value="23"] {
    color: rgb(0,204,204);
}

.skill-level-color-24, .skill-level-color option[value="24"] {
    color: rgb(0,204,204);
}

.skill-level-color-25, .skill-level-color option[value="25"] {
    color: rgb(0,204,204);
}

.skill-level-color-26, .skill-level-color option[value="26"] {
    color: rgb(0,204,204);
}

.skill-level-color-27, .skill-level-color option[value="27"] {
    color: rgb(0,204,204);
}

.skill-level-color-28, .skill-level-color option[value="28"] {
    color: rgb(0,204,204);
}

.skill-level-color-29, .skill-level-color option[value="29"] {
    color: rgb(0,204,204);
}

.skill-level-color-30, .skill-level-color option[value="30"] {
    color: rgb(0,204,204);
}

.pot-level-color-0, .pot-level-color option[value="0"] {
    color: black;
}

.pot-level-color-1, .pot-level-color option[value="1"] {
    color: #cc3399;
}

.pot-level-color-2, .pot-level-color option[value="2"] {
    color: #ff33ff;
}

.pot-level-color-3, .pot-level-color option[value="3"] {
    color: #990033;
}

.pot-level-color-4, .pot-level-color option[value="4"] {
    color: #cc3300;
}

.pot-level-color-5, .pot-level-color option[value="5"] {
    color: #cc3399;
}

.pot-level-color-6, .pot-level-color option[value="6"] {
    color: #ff6633;
}

.pot-level-color-7, .pot-level-color option[value="7"] {
    color: #ff9933;
}

.pot-level-color-8, .pot-level-color option[value="8"] {
    color: #ff9900;
}

.pot-level-color-9, .pot-level-color option[value="9"] {
    color: #ffcc33;
}

.pot-level-color-10, .pot-level-color option[value="10"] {
    color: #999933;
}

.pot-level-color-11, .pot-level-color option[value="11"] {
    color: #66cc00;
}

.gs-color-1 {
    color: rgb(0,0,0);
}

.gs-color-2 {
    color: rgb(0,51,153);
}

.gs-color-3 {
    color: rgb(0,51,204);
}

.gs-color-4 {
    color: rgb(0,0,255);
}

.gs-color-5 {
    color: rgb(102,0,153);
}

.gs-color-6 {
    color: rgb(204,51,153);
}

.gs-color-7 {
    color: rgb(255,51,255);
}

.gs-color-8 {
    color: rgb(204,51,102);
}

.gs-color-9 {
    color: rgb(153,0,51);
}

.coach-color-0, .coach-color option[value="0"] {
    color: rgb(0,0,0);
}

.coach-color-1, .coach-color option[value="1"] {
    color: rgb(0,51,153);
}

.coach-color-2, .coach-color option[value="2"] {
    color: rgb(0,0,255);
}

.coach-color-3, .coach-color option[value="3"] {
    color: rgb(255,51,255);
}

.coach-color-4, .coach-color option[value="4"] {
    color: rgb(204,51,0);
}

.coach-color-5, .coach-color option[value="5"] {
    color: rgb(204,51,102);
}

.coach-color-6, .coach-color option[value="6"] {
    color: rgb(255,153,51);
}

.coach-color-7, .coach-color option[value="7"] {
    color: rgb(255,165,74);
}

.infra-color-0, .infra-color option[value="0"] {
    color: rgb(0,0,0);
}

.infra-color-1, .infra-color option[value="1"] {
    color: rgb(0,0,255);
}

.infra-color-2, .infra-color option[value="2"] {
    color: rgb(204,51,0);
}

.infra-color-3, .infra-color option[value="3"] {
    color: rgb(255,153,51);
}