/*Manoj Configurable Styles*/
/*bg-color of rows on table that are followed*/
tr.following > td:not([rank="1"]):not([rank="2"]):not([rank="3"]):not([rank="4"]):not([rank="5"]), tr.following > th, th.following, td.following:not([rank="1"]):not([rank="2"]):not([rank="3"]):not([rank="4"]):not([rank="5"]), .following:not(.k-message-group):not(.restoreUserBtn):not(.banUserBtn):not(.deleteUserBtn):not([rank="2"]):not([rank="3"]):not([rank="4"]):not([rank="5"]) {
    background-color: #ebebeb;
}
btn.following, .following > .fa-user-plus {
    color: #0d6efd !important; /* bs primary color*/
}
/*bg-color of your own row on tables*/
.myRow, .myRow > td:not([rank="1"], .hasCorrectTeam, .hasIncorrectTeam):not([rank="2"]):not([rank="3"]):not([rank="4"]):not([rank="5"]), .tieBreakerGame .myRow *:not(.neutral):not(.winnerScore):not(.loserScore) {
    background-color: #ADAFB3 !important;
}
/*Default size of font on non-phone devices*/
@media (min-width: 576px) {
    html, .btn-sm {
        font-size: 12px !important;
    }
}
/*Default size of font on phone devices*/
@media (max-width: 575px) {
    html, .btn-sm {
        font-size: 10px !important;
    }
} [rank="1"], tr.following td[rank="1"] { /*Rank 1 */
    background-color: #5cb85c !important;
} [rank="2"], tr.following td[rank="2"] { /*Rank 2 */
    background-color: #f0ad4e !important;
} [rank="3"], tr.following td[rank="3"] { /*Rank 3 */
    background-color: #5bc0de !important;
} [rank="4"], tr.following td[rank="4"] { /*Rank 4 */
    background-color: mediumpurple !important;
} [rank="5"], tr.following td[rank="5"] { /*Rank 5 */
    background-color: lightcoral !important;
}
/*----------------------End of Manoj Configurable Styles------------------*/
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
} .btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
} .k-input-solid{
    color:black !important;
}
/* Sticky footer styles
-------------------------------------------------- */
.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);
} body {
    background-color: #F0F0F0 !important;
} main{
    overflow-y:visible;
    overflow-x:hidden;
    padding-bottom:10px;
} header > nav > .container > h2{
    position:relative;
    bottom:4.5px;
} footer > nav > .container{
    justify-content:right !important;
} header .nav-item{
    display:flex;
    align-content:center;
} .navbar{
    margin:0px !important;
} .k-auto-scrollable {
    max-height: 400px !important;
} input[type="number"] {
    background-color: white; /*/ /*Override bootstrap default styling on clone table on picks page */
    width: 70px !important;
} td{
    white-space:nowrap;

    text-align:center;
    padding: 0px;
} .k-grid td, .k-grid th {
    text-align:center !important;
}th {
    text-align: center;
} .onSubmitAlert, #payLeagueBtnContainer{
    display:none;
} #payLeagueBtnContainer{
    margin-top:auto;
    margin-bottom:auto
} .onSubmitAlert {
    text-align: center;
} .alertClose{
    position:relative;
    bottom:4px;
} .k-tabstrip {/*Override default kendo font size*/
    font-size: inherit !important;
} .hidden{
    display:none;
} .fas, .fa {
    font-size:inherit !important;
} .pointsBehind {
    color: red;
} .myRowBtn{
    visibility:hidden;
} td{
    vertical-align:middle;
} tr.following > td, tr.following > th, th.following, td.following, .myRow, .myRow > td:not([rank="1"]):not([rank="2"]):not([rank="3"]):not([rank="4"]):not([rank="5"]) {
    --bs-table-accent-bg: none
}
/*Default size of font on phone devices*/
@media (max-width: 575px) {
    td {
        padding: 0.25rem .25rem !important;
    }
} .fa {
    width:auto;
} .modal-content{
    height:300px;
    width:300px;
} .modal-body{
    display:flex;
    align-items:center;
} .paypal-button-row {
    height: 45px !important;
}
  #picksPageTable .chosen {
    background-color: #ADAFB3 !important;
}
#survivalPicksTable .chosen, #mySurvivalPick .chosen {
    background-color: lightblue !important;
}
  .bg-primary, .btn-primary{
    color: #fff !important;
    background-color: #59aeef !important;
    border-color:#a4bed1 !important;
} th, .nav-link.active {
    background-color: #59aeef !important;
} #middleNav ul {
    flex-direction:row !important;
} .body:not(.survival) .table > :not(caption) > .tieBreakerGame *:not(input) { /*Override default bootstrap styling*/
    background-color: #bed3d3;
}
.body:not(.survival) .tieBreakerGame *:not(input) {
    background-color: #bed3d3;
} .verticalScrollTable {
    overflow-y:auto;
    max-height:400px;
    min-height:400px;
    height:400px;
    background-color:white;
} .verticalScrollTable table {
    margin-bottom: 0px;
} #manageUsersTableWrap.verticalScrollTable {
    max-height: 500px !important;
    min-height: 500px !important;
    height: 500px !important;
} .tieScore, .tiePick, #winnerCircle [rank], .winnerScore, .loserScore, .winnerPick, .loserPick, .neutral {
    color: white;
    text-align: center;
    font-weight: bold;
    justify-content: center !important;
    border-radius: 10%;
    width: 22px;
    height: 18px;
    min-width: 22px;
    display:inline-block;
} .winnerScore {
    background-color: #428bca !important;
} .loserScore, .neutral, .neutral *, .tieScore {
    background-color: gray !important;
} .navbar {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
} #leaguesDropdown .dropdown-menu{
    width:160px;
} thead, th {
    position:sticky;
    top:0px;
} table.table-light tr th {
    outline: 1px solid #dfe0e1;
    border: none;
} #firstFooterItem {
    padding-left: var(--bs-gutter-x,.75rem);
} #lastFooterItem {
    padding-right: var(--bs-gutter-x,.75rem);
} .btn-primary.active { /*For filter buttons*/
    color: #fff !important;
    background-color: #0a58ca !important;
    border-color: #0a53be !important;
} .winnerPick {
    background-color: #5cb85c !important;
} .loserPick {
    background-color: #d9534f !important;
} .tiePick {
    background-color: #FC3 !important;
} .dragging, #picksPageTable .dragging *:not(.score) {
    background-color:lightgreen !important;
} .gripIcon {
    color: #b0b2b5;
} .carousel-control-prev, .carousel-control-next {
    opacity:1 !important;
} .k-notification-content {
    position:relative;
    top:-2px;
} .k-grid td, .k-grid .k-table-td { /*adding size:small to kendo grid doesn't work although it's indicated here https://demos.telerik.com/kendo-ui/grid/sizing*/
    padding-block: 0px !important;
    padding-inline: 8px !important;
} .k-grid .k-select-checkbox {
    top:1px;
} .selectedUserRow > td { /*Background color of table row once a commissioner chooses to view the user details or
                           picks of a league user in the "Manage Users" table*/
    background-color: lightgreen !important;
} .selectedUserRow > td {
    --bs-table-accent-bg: none
} .k-notification-info {
    background-color: #e97e00 !important;
    font-size: 16px !important;
    border-color: #424242 !important;
    top:165px;
} .k-notification .k-icon.k-i-info {
    display:none !important;
} @media (min-width: 576px) {
    .subtitle {
        font-size: 10px !important;
    }
}
/*Default size of font on phone devices*/
@media (max-width: 575px) {
    .subtitle {
        font-size: 8px !important;
    }
} .k-tabstrip-content { /* override kendo default scroll value*/
    overflow-y: auto !important;
} .k-item.k-active {
    border: 1px solid black;
    border-right-color: transparent !important;
} .k-tabstrip-item.active{
    border: none;
}
.k-tabstrip-item:not(.k-active) {
    border-color: #dfe0e1 !important;
}
.k-tabstrip-items-wrapper {
    border-right: 1px solid !important;
    border-color: #dfe0e1 !important;
}
.k-tabstrip-content {
    border: 1px solid #dfe0e1 !important;
}
.k-tabstrip-items-wrapper .k-item.k-active {
    border-color: #dfe0e1 !important;
    border-right-color: transparent !important;
} .k-link {
    white-space: nowrap;
} .k-grid-content table, .k-grid-header-wrap table {
    width: 100% !important;
}

.survivalPickRow {
    border: 1px solid black;
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.survivalRadioButtonContainer {
    height: auto;
    width: 100px;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

@@media (min-width: 576px) {
    .survivalPickRow {
        padding-left: 15px;
        padding-right: 15px;
    }

    #survivalPickImgHeaderContainer {
        width: 120px;
        height: 120px;
    }
}

#survivalPickImgHeaderContainer {
    border-radius: 50%;
    background-color: lightblue;
    border: 2px solid blue;
    width: 80px;
    height: 80px
}

#survivalPickImgHeader {
    image-rendering: optimizeQuality; /* Non-chrome*/
    image-rendering: -webkit-optimize-contrast; /* Chrome*/
}

[name="survivalPick"]:checked ~ .pickPrompts .pickPrompt, .nonchoosable .pickPrompt {
    display: none;
}

[name="survivalPick"]:not(:checked) ~ .pickPrompts .pickedPrompt {
    display: none;
}

.nonchoosable .pickedPrompt {
    display: block !important;
}

.pickPrompts {
    color: #188fff;
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#survivalPicksTable .homeTeamInfo {
    display: flex;
    flex-direction: column-reverse;
}

@media (max-width: 576px) {
    .survivalPickRow {
        padding-left: 5px;
        padding-right: 5px;
    }

    .survivalRadioButtonContainer {
        display: none;
    }
}

#mySurvivalPick .survivalRadioButtonContainer{
    display: none;
}

.hasCorrectTeam {
    background-color: lightgreen !important;
}

.hasIncorrectTeam {
    background-color: lightcoral !important;
}

[organizationTypeId="2"] .teamLogo:not(#teamSelect-list .teamLogo), #survivalPickImgHeader {
    transform: scale(0.85) !important;
    transform-origin: center center !important; /* keeps scaling centered */
}