body {
    padding-top: 20px;
    padding-bottom: 20px;
}


.container {
    display: grid;
    justify-items: center;
}



.page-view {
    margin: 0 auto;
}


select {
    border-radius: 4px;
    cursor: pointer;
    min-height: 24px;
    font-weight: 600;
}

label {
    font-weight: 600;
}


.btn {
    width:120px;
}

input[type=text]{
    border-radius:4px;
    border-style:solid;
}


input[type=number] {
    border-radius: 4px;
    border-style: solid;
}


.pageHeaderLabel {
    margin-top: 10px;
    margin-bottom: 20px;
    color: maroon;
    font: 600 22px arial;
}


.row {
    --bs-gutter-x: 0;
}

    .row div {
        padding-bottom: 4px;
    }

.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1000;
}

    .loading div {
        height: 50px;
        margin-top: -100px;
        width: 600px;
        margin-left: -300px;
        text-align: center;
        position: fixed;
        left: 50%;
        top: 50%;
    }


/*.width50 {
    width: 50px;
}

.width100 {
    width: 100px;
}

.width150 {
    width: 150px;
}


.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}


.width300 {
    width: 300px;
}

.width400 {
    width: 400px;
}

.width500 {
    width: 500px;
}

.max-width100 {
    max-width: 100px;
}

.max-width150 {
    max-width: 150px;
}

.max-width200 {
    max-width: 200px;
}

.max-width250 {
    max-width: 250px;
}


.max-width300 {
    max-width: 300px;
}

.max-width400 {
    max-width: 400px;
}

.max-width500 {
    max-width: 500px;
}

.max-width480 {
    max-width: 480px;
}

.max-width600 {
    max-width: 600px;
}

.max-width700 {
    max-width: 700px;
}

.max-width768 {
    max-width: 768px;
}
*/



/*
.image-table {
    width: 50px;
}

    .image-table image {
        width: 50px;
    }

    .image-table img {
        width: 50px;
    }


.table-header {
    text-align: left;
    padding-bottom: 10px;
}


    .table-header label {
        font: 500 18px Tahoma;
        height: 14px;
    }

    .table-header a {
        color: black;
    }


    .table-header select {
        min-width: 100px;
        border: 1px solid silver;
        font: 500 16px Tahoma;
        color: black;
        text-align: right;
    }

    .table-header button {
        height: 14px;
    }
*/

.redtext {
    color: red;
}


/*.table-row-div {
    display: inline-block;
    padding-top: 3px;*/
    /*background-color:lightblue;*/
    /*height: 26px;
}*/


#fb-summarytable {
    padding-right:2%;
    padding-left:2%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    width: 100%;
}

    #fb-summarytable td {
        border: 1px solid gray;
        font: 600 60% arial;
        background-color: white;
    }

    #fb-summarytable th {
        border: none;
  /*      max-width: 60px;*/
    }



/*.button_center {
    width: 100%;
    text-align: center;
}
*/
.team-select {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.team-select-team {
    display: inline-block;
    margin: 10px;
    width: 80px;
    vertical-align: bottom;
    text-align: center;
}


    .team-select-team image {
        width: 80px;
    }

    .team-select-team img {
        width: 80px;
    }

    .team-select-team label {
        cursor: pointer;
    }

.team-select image {
    vertical-align: top;
}



.message-box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}

    .message-box div {
        height: 30px;
        margin-top: -100px;
        width: 600px;
        margin-left: -300px;
        text-align: center;
        font-size: larger;
        position: fixed;
        left: 50%;
        top: 50%;
        font: 600 20px arial;
    }


.validation-summary-errors {
    color: red;
    list-style: none;
    padding-top: 5px;
}

    .validation-summary-errors li {
        color: red;
        list-style: none;
    }

.field-validation-error {
    padding-top: 5px;
    color: red;
}

    .field-validation-error li {
        color: red;
        list-style: none;
        padding-top: 5px;
    }

.input-validation-error {
    padding-top: 5px;
    color: red;
}

    .input-validation-error li {
        color: red;
        list-style: none;
        padding-top: 5px;
    }


/*.checkbox {
    width: 200px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
}

    .checkbox input {
        text-align: right;
        width: 360px;
    }

*/

.king-winner-image-table img, image {
    width: 36px;
    border: none;
}

/*

.bs-dropdown-link-color {
    color: white;
}
*/


th a label {
    cursor: pointer;
    color: blue;
}



/*.table-pad-th th{
    padding-right:10px;
}

.table-pad-td td {
    padding-right: 10px;
}
*/
.player-home-image-cont image {
    width: 100px;
    cursor:pointer;
}

.player-home-image-cont img {
    width: 100px;
    cursor: pointer;
}




/*@media screen and (max-width: 768px) {
    .fb-gamepicks {
        font-size: 10px;
    }

        .fb-gamepicks td {
            font-size: 10px;
        }

        .fb-gamepicks .btn {
            width: 110px;
        }


    #printDiv {
        visibility: hidden;
    }
}


*/
td image {
    width: 50px;
    height: auto;
}

td img {
    width: 50px;
    height: auto;
}


.checkMark img, .checkMark image {
    width: 20px;
    height: auto;
}

/*td img {
    width: 50px;
    height: auto;
}*/


@media screen and (max-width: 600px) {


/*    .image-table {
        width: 30px;
    }

        .image-table image {
            width: 35px;
        }

        .image-table img {
            width: 35px;
        }
*/

    .team-select-team {
      font-size:12px;
        width: 50px;
    }

        .team-select-team image {
            width: 60px;
        }

        .team-select-team img {
            width: 60px;
        }

    .player-home-image-cont image {
        width: 60px;
    }

    .player-home-image-cont img {
        width: 60px;
    }

    table th {
        font: 600 12px arial;
    }

    table td {
        font: 500 12px arial;
    }

    label{
        font-size:12px;
    }

    select {
        font-size: 12px;
    }

    .btn {
        width: 100px;
        height: auto;
    }

    td image {
        width: 25px;
        height: auto;
    }

    td img {
        width: 25px;
        height: auto;
    }

}



/*.dropdown {
padding-right:20px;
}

    .dropdown a {
        color: White;
    }
    .dropdown:hover a {
        color: blue;
    }
    .dropdown:active a {
        color: blue;
    }

.navbar-nav .dropdown a{
    font-weight: 600;
}

.dropdown-menu .dropdown-item {
    color: blue;
    vertical-align: baseline;
}

.dropdown-item button{
    font-weight: 600;
    color: white;
    text-decoration:none;
    padding:0;
    vertical-align:top!important;
}

*/