/*Valuie graph small*/

.player-value-graph-top {
    position: relative;
    height: 14px;
    width: 100%;
    background: #bddbbf;
}

.player-value-graph {
    position: relative;
    height: 60px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: baseline;
    /*flex-direction: row-reverse;*/
    gap: 1px;
    background: #bddbbf;
    border-top: 1px solid #d1e3d2;
    /*border-bottom: 1px dashed white;*/
}

.player-value-graph .value-line {
    background: #136218;
    flex: 1 0 auto;
}

.player-value-graph-bottom {
    border-top: 1px solid #d1e3d2;
    position: relative;
    height: 14px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: baseline;
    /*flex-direction: row-reverse;*/
    gap: 1px;
    background: #bddbbf;
}
.value-line-end {
    background: #136218;
    flex: 1 0 auto;
    height: 100%;
}
.value-line-end.default {

}
.value-line-end.empty {
    height: 2px;
}

.hightestvalue {
    position: absolute;
    top: -14px;
    left: 1px;
    font-size: 10px;
    color: #136218;
    line-height: 1;
    padding: 1px 2px;
    border-radius: 3px;
    background: #f6f6f6;
}
.lowestvalue {
    position: absolute;
    bottom: -12px;
    left: 1px;
    font-size: 10px;
    z-index: 2;
    color: #136218;
    line-height: 1;
    padding: 1px 2px;
    border-radius: 3px;
    background: #f6f6f6;
}

.value-line.falling,
.value-line-end.default.falling {
    background: red;
}
.value-line.stag,
.value-line-end.default.stag {
    background: #ca932e;
}

/* Value table */

.trendicon {
    display: inline-block;
    height: 18px;
    width: 18px;
}
.trendicon img {
    height: 18px;
    width: 18px;
}

.trendicon.pvt-5 img {
    filter: invert(49%) sepia(96%) saturate(2118%) hue-rotate(85deg) brightness(110%) contrast(122%);
    transform: rotate(-90deg);
}
.trendicon.pvt-4 img {
    filter: invert(63%) sepia(80%) saturate(2887%) hue-rotate(67deg) brightness(106%) contrast(113%);
    transform: rotate(-72deg);
}
.trendicon.pvt-3 img {
    filter: invert(69%) sepia(18%) saturate(6365%) hue-rotate(52deg) brightness(106%) contrast(107%);
    transform: rotate(-54deg);
}
.trendicon.pvt-2 img {
    filter: invert(69%) sepia(78%) saturate(708%) hue-rotate(33deg) brightness(100%) contrast(104%);
    transform: rotate(-36deg);
}
.trendicon.pvt-1 img {
    filter: invert(74%) sepia(96%) saturate(1162%) hue-rotate(12deg) brightness(105%) contrast(104%);
    transform: rotate(-18deg);
}
.trendicon.pvt-0 img {
    filter: invert(86%) sepia(32%) saturate(4748%) hue-rotate(14deg) brightness(108%) contrast(105%);
}
.trendicon.pvt--1 img {
    filter: invert(80%) sepia(7%) saturate(7469%) hue-rotate(0deg) brightness(108%) contrast(100%);
    transform: rotate(18deg);
}
.trendicon.pvt--2 img {
    filter: invert(64%) sepia(62%) saturate(835%) hue-rotate(1deg) brightness(105%) contrast(104%);
    transform: rotate(36deg);
}
.trendicon.pvt--3 img {
    filter: invert(70%) sepia(44%) saturate(6687%) hue-rotate(2deg) brightness(105%) contrast(104%);
    transform: rotate(54deg);
}
.trendicon.pvt--4 img {
    filter: invert(50%) sepia(94%) saturate(5199%) hue-rotate(2deg) brightness(100%) contrast(105%);
    transform: rotate(72deg);
}
.trendicon.pvt--5 img {
    filter: invert(30%) sepia(100%) saturate(7493%) hue-rotate(5deg) brightness(93%) contrast(124%);
    transform: rotate(90deg);
}

.ppv-0 {
    /*color: black !important;*/
    font-weight: bold;
}

.player-pv {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: gray;
}

.player-pv .pval.good {
    color: #136218;
}
.player-pv .pval.neutral {
    color: #ca932e;
}
.player-pv .pval.bad {
    color: #ef322c;
}

.player-pv .date {
    font-size: 10px;
}


.player-pv .trendicon {
    margin-left: 5px;
}

.player-value-vertical {
    width: 100%;
}

.playercompare {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    border-right: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    /*box-shadow: inset 2px 2px 22px #dadada;*/
    padding: 0px 10px 20px 10px;
}

.player-bio-td.bio-links {
    background-color: #f6f6f6;
    justify-content: space-around;
}

.player-bio-td.bio-links > div {
    border-right: 1px solid #dbdbdb;
    flex: 1 0 auto;
    align-self: center;
    justify-content: center;
    display: flex;
    height: 34px;
    align-items: center;
    background: #f6f6f6;
    transition: all 0.2s ease-in-out;
}

.player-bio-td.bio-links > div:last-child {
    border-right: 0px;
}
.player-bio-td.bio-links > div:hover {
    background: #dbdbdb;
    cursor: pointer;
}

.trend-badge {
    background: #f0f0f0;
    padding: 0px 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-weight: normal;
}

.trend-badge.perfect {
    color: #136218;
    font-weight: bold;
    background: #e4f3e5;
}

.trend-badge.good {
    color: #136218;
    background: #e4f3e5;
}
.trend-badge.neutral {
    color: gray;
}
.trend-badge.bad {
    color: red;
    background: #ffefef;
}


.delete {
    position: absolute;
    right: 1px;
    top: 2px;
    opacity: 0.4;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzEwLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTYwIDIxMC43IDU0LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDExNC43IDI1NiA5LjQgMzYxLjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBMMTYwIDMwMS4zIDI2NS40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwczEyLjUtMzIuOCAwLTQ1LjNMMjA1LjMgMjU2IDMxMC42IDE1MC42eiIvPjwvc3ZnPg==");
}

.pbb-button {
    height: 26px;
    width: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.button-delete {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjUgMmgtMy41di0wLjVjMC0wLjgyNy0wLjY3My0xLjUtMS41LTEuNWgtMmMtMC44MjcgMC0xLjUgMC42NzMtMS41IDEuNXYwLjVoLTMuNWMtMC44MjcgMC0xLjUgMC42NzMtMS41IDEuNXYxYzAgMC42NTIgMC40MTggMS4yMDggMSAxLjQxNHYxMi41ODZjMCAwLjgyNyAwLjY3MyAxLjUgMS41IDEuNWgxMGMwLjgyNyAwIDEuNS0wLjY3MyAxLjUtMS41di0xMi41ODZjMC41ODItMC4yMDYgMS0wLjc2MiAxLTEuNDE0di0xYzAtMC44MjctMC42NzMtMS41LTEuNS0xLjV6TTggMS41YzAtMC4yNzYgMC4yMjQtMC41IDAuNS0wLjVoMmMwLjI3NiAwIDAuNSAwLjIyNCAwLjUgMC41djAuNWgtM3YtMC41ek0xNC41IDE5aC0xMGMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMTIuNWgxMXYxMi41YzAgMC4yNzYtMC4yMjQgMC41LTAuNSAwLjV6TTE2IDQuNWMwIDAuMjc2LTAuMjI0IDAuNS0wLjUgMC41aC0xMmMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMWMwLTAuMjc2IDAuMjI0LTAuNSAwLjUtMC41aDEyYzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjV2MXoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEyLjUgN2MtMC4yNzYgMC0wLjUgMC4yMjQtMC41IDAuNXYxMGMwIDAuMjc2IDAuMjI0IDAuNSAwLjUgMC41czAuNS0wLjIyNCAwLjUtMC41di0xMGMwLTAuMjc2LTAuMjI0LTAuNS0wLjUtMC41eiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNOS41IDdjLTAuMjc2IDAtMC41IDAuMjI0LTAuNSAwLjV2MTBjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNXMwLjUtMC4yMjQgMC41LTAuNXYtMTBjMC0wLjI3Ni0wLjIyNC0wLjUtMC41LTAuNXoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYuNSA3Yy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41djEwYzAgMC4yNzYgMC4yMjQgMC41IDAuNSAwLjVzMC41LTAuMjI0IDAuNS0wLjV2LTEwYzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjV6Ij48L3BhdGg+Cjwvc3ZnPgo=");
    /*rotate: 45deg;*/
    filter: invert(15%) sepia(39%) saturate(7463%) hue-rotate(354deg) brightness(96%) contrast(93%);
}
.button-profile {
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDExMmMtNDguNiAwLTg4IDM5LjQtODggODhDMTY4IDI0OC42IDIwNy40IDI4OCAyNTYgMjg4czg4LTM5LjQgODgtODhDMzQ0IDE1MS40IDMwNC42IDExMiAyNTYgMTEyek0yNTYgMjQwYy0yMi4wNiAwLTQwLTE3Ljk1LTQwLTQwQzIxNiAxNzcuOSAyMzMuOSAxNjAgMjU2IDE2MHM0MCAxNy45NCA0MCA0MEMyOTYgMjIyLjEgMjc4LjEgMjQwIDI1NiAyNDB6TTI1NiAwQzExNC42IDAgMCAxMTQuNiAwIDI1NnMxMTQuNiAyNTYgMjU2IDI1NnMyNTYtMTE0LjYgMjU2LTI1NlMzOTcuNCAwIDI1NiAwek0yNTYgNDY0Yy00Ni43MyAwLTg5Ljc2LTE1LjY4LTEyNC41LTQxLjc5QzE0OC44IDM4OSAxODIuNCAzNjggMjIwLjIgMzY4aDcxLjY5YzM3Ljc1IDAgNzEuMzEgMjEuMDEgODguNjggNTQuMjFDMzQ1LjggNDQ4LjMgMzAyLjcgNDY0IDI1NiA0NjR6TTQxNi4yIDM4OC41QzM4OS4yIDM0Ni4zIDM0My4yIDMyMCAyOTEuOCAzMjBIMjIwLjJjLTUxLjM2IDAtOTcuMzUgMjYuMjUtMTI0LjQgNjguNDhDNjUuOTYgMzUyLjUgNDggMzA2LjMgNDggMjU2YzAtMTE0LjcgOTMuMzEtMjA4IDIwOC0yMDhzMjA4IDkzLjMxIDIwOCAyMDhDNDY0IDMwNi4zIDQ0NiAzNTIuNSA0MTYuMiAzODguNXoiLz48L3N2Zz4=");*/
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkuNSAxMWMtMy4wMzMgMC01LjUtMi40NjctNS41LTUuNXMyLjQ2Ny01LjUgNS41LTUuNSA1LjUgMi40NjcgNS41IDUuNS0yLjQ2NyA1LjUtNS41IDUuNXpNOS41IDFjLTIuNDgxIDAtNC41IDIuMDE5LTQuNSA0LjVzMi4wMTkgNC41IDQuNSA0LjVjMi40ODEgMCA0LjUtMi4wMTkgNC41LTQuNXMtMi4wMTktNC41LTQuNS00LjV6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xNy41IDIwaC0xNmMtMC44MjcgMC0xLjUtMC42NzMtMS41LTEuNSAwLTAuMDY4IDAuMDE0LTEuNjg1IDEuMjI1LTMuMyAwLjcwNS0wLjk0IDEuNjctMS42ODcgMi44NjktMi4yMTkgMS40NjQtMC42NTEgMy4yODMtMC45ODEgNS40MDYtMC45ODFzMy45NDIgMC4zMyA1LjQwNiAwLjk4MWMxLjE5OSAwLjUzMyAyLjE2NCAxLjI3OSAyLjg2OSAyLjIxOSAxLjIxMSAxLjYxNSAxLjIyNSAzLjIzMiAxLjIyNSAzLjMgMCAwLjgyNy0wLjY3MyAxLjUtMS41IDEuNXpNOS41IDEzYy0zLjQ4NyAwLTYuMDYwIDAuOTUzLTcuNDQxIDIuNzU2LTEuMDM1IDEuMzUxLTEuMDU4IDIuNzMyLTEuMDU5IDIuNzQ2IDAgMC4yNzQgMC4yMjQgMC40OTggMC41IDAuNDk4aDE2YzAuMjc2IDAgMC41LTAuMjI0IDAuNS0wLjUtMC0wLjAxMi0wLjAyMy0xLjM5My0xLjA1OS0yLjc0NC0xLjM4Mi0xLjgwMy0zLjk1NS0yLjc1Ni03LjQ0MS0yLjc1NnoiPjwvcGF0aD4KPC9zdmc+Cg==");
    /*filter: invert(22%) sepia(90%) saturate(798%) hue-rotate(84deg) brightness(97%) contrast(88%);*/
    filter: invert(0%) sepia(0%) saturate(5439%) hue-rotate(154deg) brightness(89%) contrast(60%);
    /*filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(104%) contrast(101%);*/
}
.button-quickview {
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTc1IDE3NUMxODQuNCAxNjUuNyAxOTkuNiAxNjUuNyAyMDguMSAxNzVMMjU1LjEgMjIyLjFMMzAzIDE3NUMzMTIuNCAxNjUuNyAzMjcuNiAxNjUuNyAzMzYuMSAxNzVDMzQ2LjMgMTg0LjQgMzQ2LjMgMTk5LjYgMzM2LjEgMjA4LjFMMjg5LjkgMjU1LjFMMzM2LjEgMzAzQzM0Ni4zIDMxMi40IDM0Ni4zIDMyNy42IDMzNi4xIDMzNi4xQzMyNy42IDM0Ni4zIDMxMi40IDM0Ni4zIDMwMyAzMzYuMUwyNTUuMSAyODkuOUwyMDguMSAzMzYuMUMxOTkuNiAzNDYuMyAxODQuNCAzNDYuMyAxNzUgMzM2LjFDMTY1LjcgMzI3LjYgMTY1LjcgMzEyLjQgMTc1IDMwM0wyMjIuMSAyNTUuMUwxNzUgMjA4LjFDMTY1LjcgMTk5LjYgMTY1LjcgMTg0LjQgMTc1IDE3NVYxNzV6TTUxMiAyNTZDNTEyIDM5Ny40IDM5Ny40IDUxMiAyNTYgNTEyQzExNC42IDUxMiAwIDM5Ny40IDAgMjU2QzAgMTE0LjYgMTE0LjYgMCAyNTYgMEMzOTcuNCAwIDUxMiAxMTQuNiA1MTIgMjU2ek0yNTYgNDhDMTQxLjEgNDggNDggMTQxLjEgNDggMjU2QzQ4IDM3MC45IDE0MS4xIDQ2NCAyNTYgNDY0QzM3MC45IDQ2NCA0NjQgMzcwLjkgNDY0IDI1NkM0NjQgMTQxLjEgMzcwLjkgNDggMjU2IDQ4eiIvPjwvc3ZnPg==");*/
    /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE2LjIxOCAzLjc4MmMtMS43OTQtMS43OTQtNC4xOC0yLjc4Mi02LjcxOC0yLjc4MnMtNC45MjMgMC45ODgtNi43MTggMi43ODItMi43ODIgNC4xOC0yLjc4MiA2LjcxNyAwLjk4OCA0LjkyMyAyLjc4MiA2LjcxOCA0LjE4IDIuNzgyIDYuNzE4IDIuNzgyIDQuOTIzLTAuOTg4IDYuNzE4LTIuNzgyIDIuNzgyLTQuMTggMi43ODItNi43MTgtMC45ODgtNC45MjMtMi43ODItNi43MTd6TTkuNSAxOWMtNC42ODcgMC04LjUtMy44MTMtOC41LTguNXMzLjgxMy04LjUgOC41LTguNWM0LjY4NyAwIDguNSAzLjgxMyA4LjUgOC41cy0zLjgxMyA4LjUtOC41IDguNXoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjUgMTBoLTUuNXYtNS41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVzLTAuNSAwLjIyNC0wLjUgMC41djUuNWgtNS41Yy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41czAuMjI0IDAuNSAwLjUgMC41aDUuNXY1LjVjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNXMwLjUtMC4yMjQgMC41LTAuNXYtNS41aDUuNWMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41cy0wLjIyNC0wLjUtMC41LTAuNXoiPjwvcGF0aD4KPC9zdmc+Cg==");*/
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE4Ljg2OSAxOS4xNjJsLTUuOTQzLTYuNDg0YzEuMzM5LTEuNDAxIDIuMDc1LTMuMjMzIDIuMDc1LTUuMTc4IDAtMi4wMDMtMC43OC0zLjg4Ny0yLjE5Ny01LjMwM3MtMy4zLTIuMTk3LTUuMzAzLTIuMTk3LTMuODg3IDAuNzgtNS4zMDMgMi4xOTctMi4xOTcgMy4zLTIuMTk3IDUuMzAzIDAuNzggMy44ODcgMi4xOTcgNS4zMDMgMy4zIDIuMTk3IDUuMzAzIDIuMTk3YzEuNzI2IDAgMy4zNjItMC41NzkgNC42ODgtMS42NDVsNS45NDMgNi40ODNjMC4wOTkgMC4xMDggMC4yMzMgMC4xNjIgMC4zNjkgMC4xNjIgMC4xMjEgMCAwLjI0Mi0wLjA0MyAwLjMzOC0wLjEzMSAwLjIwNC0wLjE4NyAwLjIxNy0wLjUwMyAwLjAzMS0wLjcwNnpNMSA3LjVjMC0zLjU4NCAyLjkxNi02LjUgNi41LTYuNXM2LjUgMi45MTYgNi41IDYuNS0yLjkxNiA2LjUtNi41IDYuNS02LjUtMi45MTYtNi41LTYuNXoiPjwvcGF0aD4KPC9zdmc+Cg==");
    /*rotate: 45deg;*/
    /*filter: invert(22%) sepia(90%) saturate(798%) hue-rotate(84deg) brightness(97%) contrast(88%);*/
    filter: invert(0%) sepia(0%) saturate(5439%) hue-rotate(154deg) brightness(89%) contrast(60%);
    /*filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(104%) contrast(101%);*/
}
.button-close {
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDUxMmMxNDEuNCAwIDI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDBTMCAxMTQuNiAwIDI1NlMxMTQuNiA1MTIgMjU2IDUxMnpNMjMyIDM0NFYyODBIMTY4Yy0xMy4zIDAtMjQtMTAuNy0yNC0yNHMxMC43LTI0IDI0LTI0aDY0VjE2OGMwLTEzLjMgMTAuNy0yNCAyNC0yNHMyNCAxMC43IDI0IDI0djY0aDY0YzEzLjMgMCAyNCAxMC43IDI0IDI0cy0xMC43IDI0LTI0IDI0SDI4MHY2NGMwIDEzLjMtMTAuNyAyNC0yNCAyNHMtMjQtMTAuNy0yNC0yNHoiLz48L3N2Zz4=");*/
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwLjcwNyAxMC41bDUuNjQ2LTUuNjQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdzLTAuNTEyLTAuMTk1LTAuNzA3IDBsLTUuNjQ2IDUuNjQ2LTUuNjQ2LTUuNjQ2Yy0wLjE5NS0wLjE5NS0wLjUxMi0wLjE5NS0wLjcwNyAwcy0wLjE5NSAwLjUxMiAwIDAuNzA3bDUuNjQ2IDUuNjQ2LTUuNjQ2IDUuNjQ2Yy0wLjE5NSAwLjE5NS0wLjE5NSAwLjUxMiAwIDAuNzA3IDAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2bDUuNjQ2LTUuNjQ2IDUuNjQ2IDUuNjQ2YzAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdsLTUuNjQ2LTUuNjQ2eiI+PC9wYXRoPgo8L3N2Zz4K");
    /*rotate: 45deg;*/
    filter: invert(15%) sepia(39%) saturate(7463%) hue-rotate(354deg) brightness(96%) contrast(93%);
}


.player-bio-td.bio-name {
    background: #136218;
    padding: 7px 1px;
    max-height: 40px;
    line-height: 1;
    height: 40px;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.squad-logo-img {
    width: auto;
    height: 19px !important;
    margin-top: 3px;
    margin-bottom: -3px;
}

.statusbadge {
    position: absolute;
    top: 24px;
    right: 5px;
    z-index: 9999;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    border: 1px solid black;
}

.statusbadge.status-1 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkuNSAyMGMtMi41MzggMC00LjkyMy0wLjk4OC02LjcxOC0yLjc4MnMtMi43ODItNC4xOC0yLjc4Mi02LjcxN2MwLTIuNTM4IDAuOTg4LTQuOTIzIDIuNzgyLTYuNzE4czQuMTgtMi43ODMgNi43MTgtMi43ODNjMi41MzggMCA0LjkyMyAwLjk4OCA2LjcxOCAyLjc4M3MyLjc4MiA0LjE4IDIuNzgyIDYuNzE4LTAuOTg4IDQuOTIzLTIuNzgyIDYuNzE3Yy0xLjc5NCAxLjc5NC00LjE4IDIuNzgyLTYuNzE4IDIuNzgyek05LjUgMmMtNC42ODcgMC04LjUgMy44MTMtOC41IDguNXMzLjgxMyA4LjUgOC41IDguNSA4LjUtMy44MTMgOC41LTguNS0zLjgxMy04LjUtOC41LTguNXoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTcuNSAxNC41Yy0wLjEyOCAwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC0zLTNjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyIDAtMC43MDdzMC41MTItMC4xOTUgMC43MDcgMGwyLjY0NiAyLjY0NiA2LjY0Ni02LjY0NmMwLjE5NS0wLjE5NSAwLjUxMi0wLjE5NSAwLjcwNyAwczAuMTk1IDAuNTEyIDAgMC43MDdsLTcgN2MtMC4wOTggMC4wOTgtMC4yMjYgMC4xNDYtMC4zNTQgMC4xNDZ6Ij48L3BhdGg+Cjwvc3ZnPgo=");
    font-size: 0px;
    border: none;
    background-color: #bddbbf;
}

.statusbadge.status-2,
.statusbadge.status-3,
.statusbadge.status-4,
.statusbadge.status-5,
.statusbadge.status-6
{
    background-color: #ebc377;
}

.statusbadge.status-7 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE3LjUgMmgtOWMtMC44MjcgMC0xLjUgMC42NzMtMS41IDEuNXYzYzAgMC4yNzYgMC4yMjQgMC41IDAuNSAwLjVzMC41LTAuMjI0IDAuNS0wLjV2LTNjMC0wLjI3NiAwLjIyNC0wLjUgMC41LTAuNWg3LjU2NGwtMy44NDIgMS42NDdjLTAuNjg1IDAuMjk0LTEuMjIyIDEuMTA4LTEuMjIyIDEuODUzdjkuNWgtMi41Yy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41di0zYzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVzLTAuNSAwLjIyNC0wLjUgMC41djNjMCAwLjgyNyAwLjY3MyAxLjUgMS41IDEuNWgyLjV2MS41YzAgMC40MzMgMC4xOCAwLjgwMSAwLjQ5NSAxLjAwOCAwLjE3NCAwLjExNCAwLjM3NiAwLjE3MiAwLjU4OSAwLjE3MiAwLjE3MyAwIDAuMzU0LTAuMDM4IDAuNTMyLTAuMTE0bDUuMTYyLTIuMjEyYzAuNjg1LTAuMjk0IDEuMjIyLTEuMTA4IDEuMjIyLTEuODU0di0xMmMwLTAuODI3LTAuNjczLTEuNS0xLjUtMS41ek0xOCAxNS41YzAgMC4zNTEtMC4yOTQgMC43OTYtMC42MTYgMC45MzRsLTUuMTYyIDIuMjEyYy0wLjA5NiAwLjA0MS0wLjE1OSAwLjAzOC0wLjE3NyAwLjAyN3MtMC4wNDUtMC4wNjktMC4wNDUtMC4xNzN2LTEyYzAtMC4zNTEgMC4yOTQtMC43OTYgMC42MTYtMC45MzRsNS4zMzMtMi4yODZjMC4wMzMgMC4wNjYgMC4wNTEgMC4xNDEgMC4wNTEgMC4yMnYxMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTguMzU0IDkuMTQ2bC0zLTNjLTAuMTk1LTAuMTk1LTAuNTEyLTAuMTk1LTAuNzA3IDBzLTAuMTk1IDAuNTEyIDAgMC43MDdsMi4xNDYgMi4xNDZoLTYuMjkzYy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41czAuMjI0IDAuNSAwLjUgMC41aDYuMjkzbC0yLjE0NiAyLjE0NmMtMC4xOTUgMC4xOTUtMC4xOTUgMC41MTIgMCAwLjcwNyAwLjA5OCAwLjA5OCAwLjIyNiAwLjE0NiAwLjM1NCAwLjE0NnMwLjI1Ni0wLjA0OSAwLjM1NC0wLjE0NmwzLTNjMC4xOTUtMC4xOTUgMC4xOTUtMC41MTIgMC0wLjcwN3oiPjwvcGF0aD4KPC9zdmc+Cg==");
    font-size: 0px;
    background-color: #92bce0;
}

.statusbadge.status-8
{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE4LjUgMTloLTE4Yy0wLjE3OCAwLTAuMzQyLTAuMDk0LTAuNDMyLTAuMjQ4cy0wLjA5MS0wLjM0My0wLjAwNC0wLjQ5OGw5LTE2YzAuMDg5LTAuMTU3IDAuMjU1LTAuMjU1IDAuNDM2LTAuMjU1czAuMzQ3IDAuMDk3IDAuNDM2IDAuMjU1bDkgMTZjMC4wODcgMC4xNTUgMC4wODUgMC4zNDQtMC4wMDQgMC40OThzLTAuMjU0IDAuMjQ4LTAuNDMyIDAuMjQ4ek0xLjM1NSAxOGgxNi4yOWwtOC4xNDUtMTQuNDgtOC4xNDUgMTQuNDh6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik05LjUgMTRjLTAuMjc2IDAtMC41LTAuMjI0LTAuNS0wLjV2LTVjMC0wLjI3NiAwLjIyNC0wLjUgMC41LTAuNXMwLjUgMC4yMjQgMC41IDAuNXY1YzAgMC4yNzYtMC4yMjQgMC41LTAuNSAwLjV6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik05LjUgMTdjLTAuMjc2IDAtMC41LTAuMjI0LTAuNS0wLjV2LTFjMC0wLjI3NiAwLjIyNC0wLjUgMC41LTAuNXMwLjUgMC4yMjQgMC41IDAuNXYxYzAgMC4yNzYtMC4yMjQgMC41LTAuNSAwLjV6Ij48L3BhdGg+Cjwvc3ZnPgo=");
    font-size: 0px;
    background-color: #fc0605;
}

.player-bio-box-head {
    box-shadow: 2px 2px 5px #eaeaea;
    border: 1px solid #dbdbdb;
    flex: 1 0;
    max-width: 65px;
    font-weight: bold;
}

.player-bio-box {
    box-shadow: 4px 4px 10px #cecece;
    flex: 1 0;
    min-width: 140px;
    max-width: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}

.player-bio-td {
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 26px;
    position: relative;
}

.player-bio-td.perfect {
    color: #136218;
    font-weight: bold;
}
.player-bio-td.good {
    color: #136218;
}
.player-bio-td.okay {
    color: #f48c2f;
}
.player-bio-td.default {
    color: red;
}

.player-pv-head {
    font-weight: bold;
    background: #88ac8a;
    font-size: 14px;
    width: 100%;
    color: white;
}

.player-bio-td .bd {
    margin-left: 5px;
    color: darkgrey;
    font-size: 9px;
    margin-right: -18px;
}

.player-bio-td table {
    margin-bottom: 0px;
}

.player-bio-td table img {
    width: auto;
    height: 19px !important;
}

.bio-results {
    display: flex;
    flex-direction: column;
}


.player-bio-td table td {
    padding: 0px;
}



td.won {
    background-color: #93d293 !important;
}
td.lost {
    background-color: #ea7474 !important;
}
td.ue {
    background-color: #f4f494 !important;
}

select#seasons {
    max-width: 120px;
}



.button {
    margin: 20px 0;
    display: inline-block;
    text-decoration: none !important;
    padding: 10px 15px;
    border: 1px solid;
    border-radius: 3px;
}

div.search_result {
    display: none;
}

.search_bar > form {
    display: flex;
    gap: 10px;
}

.search_bar {
    background: #bddbbf;
    padding: 9px;
    border-radius: 4px;
    margin-bottom: 30px;
}

#datafetch {
    box-shadow: 2px 2px 5px #eaeaea;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    margin-top: 2px;
    position: absolute;
    width: 95%;
    z-index: 9;
    background: white;
}

#datafetch ul {
    padding: 0;
    list-style: none;
}

#datafetch ul li {

}

#datafetch ul li a{
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    display: block;
    font-weight: bold;
}

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

    .search_bar {
        position: fixed;
        bottom: 0;
        margin-bottom: 0px;
        z-index: 999;
        left: 0;
        width: 100vw;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    #datafetch {
        bottom: 52px;
    }
}

/*Ultimate Member*/

.um input[type="submit"].um-button
/*.um input[type="submit"].um-button:focus, */
/*.um a.um-button, */
/*.um a.um-button.um-disabled:hover, */
/*.um a.um-button.um-disabled:focus, */
/*.um a.um-button.um-disabled:active */
{
    background: #0c5110 !important;
    color: white !important;
}

.um input[type="submit"].um-button:hover,
.um a.um-button:hover
{
    background-color: #5c8b5f !important;
}


/*Modal*/

#modal-short-bio {
    width: 100vw;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    background: white;
    box-shadow: 0px 0px 40px 6px rgba(0, 0, 0, 0.48);
    visibility: hidden;
    height: 0vh;
    display: block;
    /*transition: all 0.2s ease-in-out;*/
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: transform 0.2s ease-out;
    transform-origin: bottom left;
    transform: scaleY(0);
}

#modal-short-bio.show {
    padding: 15px;
    height: 75vh;
    visibility: visible;
    transform: scaleY(1);
    transform-origin: bottom left;
    transition: transform 0.2s ease-out;
    overflow-y: scroll;
}

.modal-inner {
    z-index: 999;
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}


.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 26px;
    width: 26px;
    z-index: 9999;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



.modal-header {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
}


/*Statistics*/

.stat-table {
    margin-bottom: 30px;
}

.stat-table .table-tr {
    display: flex;
}

.stat-table .table-tr .table-th,
.stat-table .table-tr .table-td {
    flex: 1 0 15%;
}

.stat-table .table-tr .table-th.th-name,
.stat-table .table-tr .table-td.td-name {
    flex: 1 0 40%;
}

.table-th {
    font-weight: bold;
    background: whitesmoke;
    padding: 2px 4px;
}

.table-tr {
    padding: 2px 4px;
}

.stat-table .perfect {
    color: #136218;
    font-weight: bold;
}
.stat-table .good {
    color: #136218;
}
.stat-table .okay {
    color: #f48c2f;
}
.stat-table .default {
    color: red;
}



/*Trendtable*/

.player-value-trend-tables {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    grid-gap: 3px;
}

.player-value-trend-tables > div  {
    flex: 1 1 auto;
}

.player-value-trend-tables .player-value-graph {
    align-items: end;
}

.player-value-trend-tables .value-line {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.perfectvalue,
.goodvalue,
.okayvalue {
    width: 100%;
    position: absolute;
    height: 1px;
    opacity: 0.5;
}

.perfectvalue {
    background: #136218;
}
.goodvalue {
    background: #f48c2f;
}
.okayvalue {
    background: red;
}

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

    .hidemobile {
        display: none;
    }

    .modal-header {
        padding: 0 0 10px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: -25px;
        margin-bottom: 5px;
    }

    .modal-header img.squad-logo-img {
        height: 32px !important;
    }

    select#seasons {
        max-width: 95px;
        padding-left: 5px;
        padding-right: 5px;
    }


}

#modal-short-bio table td {
    padding: 0px;
    text-align: center;
}


.player-pv-head {
    padding: 0 5px;
}