:root {
    --color-black: #111111;
    --color-white: #FFFFFF;
    --color-primary: #3a96e0;
    --color-primary-dark: #03467d;
    --color-primary-dark-light: #0160ac;
    --color-primary-dark-light-footer: #091C3D;
    --color-gray: #F1F1F1;
    --color-gray-line: #CCC;
    --color-dark-gray: #555;
    --color-gray-100: #7F8C8D;
    --contrast-2: #575760;
    --contrast-3: #b2b2be;
    --base: #f0f0f0;
    --base-2: #f7f8f9;
    --base-3: #ffffff;
    --accent: #1e73be;
    --contrast: #222222;
    --color-danger: #e11414;
    --color-danger-dark: #891010;
    --color-danger-light: #fc6363;
    --color-warning: #e69305;
    --color-warning-dark: #9f6809;
    --color-warning-light: #f5c776;
    --color-success: #00bc00;
    --color-success-dark: #244d0e;
    --color-success-light: #68f96e;
    --color-rdg-top-winners-header-bg: #EEF4FC;
    --color-rdg-top-winners-header-border: #3a96e0;
    --color-rdg-top-winners-body-bg: #f0f0f0;
    --color-rdg-top-winners-footer-bg: #0160ac;
    --color-rdg-top-winners-footer-border: #3a96e0;
    --color-rdg-sports-picks-title-bg: #0160ac;
    --color-rdg-sports-picks-title-border: #3a96e0;
    --color-rdg-sports-picks-vs-name: #0160ac;
    --color-rdg-sports-picks-vs-logo: #0160ac;
    --color-rdg-call-to-action-bg: #0160ac;
    --color-admin-cappers-capper-title: #111111;
    --color-admin-cappers-capper-sub-title: #3a96e0;
    --color-admin-cappers-capper-total: #111111;
    --color-admin-cappers-capper-picks: #00bc00;
    --color-admin-cappers-capper-teams: #0160ac;
    --color-next-game-name: #111111;
    --color-next-game-score: #3a96e0;
    --color-next-game-date: #111111;
    --color-next-game-hour: #111111;
    --color-next-game-channel: #555;
    --color-next-game-cin: #111111;
    --color-latest-post-title: #3a96e0;
    --color-latest-post-description: #111111;
    --color-latest-post-published: #7F8C8D;
    --color-latest-post-title-hover: #0160ac;
    --color-picks-list-pick-title: #FFFFFF;
    --color-picks-list-pick-heading-1: #0160ac;
    --color-picks-list-pick-heading-2: #111111;
    --color-picks-list-pick-description: #111111;
    --color-picks-list-pick-list: #111111;
    --color-picks-list-pick-list-marker: #0160ac;
    --color-picks-list-pick-link-color: #FFFFFF;
    --color-picks-list-pick-link-bg: #0160ac;
    --color-picks-list-pick-link-hover: #3a96e0;
    --color-custom-handicappers: var(--color-custom-handicappers);
    --font-size: 2.5rem;
    --line-height: 2.5rem;
    --font-weight: 600;
    --font-weight-sm: 400;
    --font-size-lg: 2.5rem;
    --line-height-lg: 2.5rem;
    --font-size-md: 2rem;
    --line-height-md: 2.5rem;
    --font-size-sm: 2rem;
    --line-height-sm: 2.5rem;
    --color-consensus-consensus: #eaf6ff;
    --color-consensus-data: #b2b2be;
    --color-consensus-columns-separate: #b8d5eb;
    --color-join-bar-card-header-primary: #0073d0;
    --color-card-header: #031C3F;
    --color-subnav-header: #1C4579;
    --color-logout-header: #1C4579;
}

ul {
    list-style: none;
}

td {
    font-size: 14px;
}

th {
    font-size: 12px;
}

.widgets-wizard-base {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-table-th-and-td-numbers {
    text-align: right !important;
}

.sideBarGridDropdown {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 75px;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "ad bd .";
}

.ad {
    display: flex;
    grid-area: ad;
}

.bd {
    display: flex;
    grid-area: bd;
}

.sideBarGridContainer {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 75px 75px 75px 75px;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "a b ."
        "c d ."
        "e f ."
        "g h .";
}

.a {
    display: flex;
    grid-area: a;
}

.b {
    display: flex;
    grid-area: b;
}

.c {
    display: flex;
    grid-area: c;
}

.d {
    display: flex;
    grid-area: d;
}

.e {
    display: flex;
    grid-area: e;
}

.f {
    display: flex;
    grid-area: f;
}

.g {
    display: flex;
    grid-area: g;
}

.h {
    display: flex;
    grid-area: h;
}


.otherSportsStyle {
    display: flex;
    align-items: center;
    border: 1px solid #E9ECEF;
    padding: 10px 16px 10px 16px;
    border-radius: 8px;
}

.width-medium {
    width: 50% !important;
}

.homeBar {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.homeSecondBar {
    width: 20%;
    display: flex;
    justify-content: space-around;
}

.filterDiv {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    contain: content;
}

.messageSidebar {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.flexColumns {
    display: flex;
    flex-direction: row;
    word-break: break-all
}

.flexDiv {
    display: flex;
    justify-content: space-around;
}

.fixPosition {
    z-index: 1 !important;
    text-align: initial;
}

.navContentFlex {
    display: flex;
    justify-content: flex-end;
}

.flexColumns th {
    width: 30%;
}

.margins {
    padding-right: 2rem;
}

.title-paddings {
    padding-bottom: 1rem;
}

.ck.ck-content ul,
.ck.ck-content ul li {
    list-style-type: inherit;
}

.ck.ck-content ul {
    /* Default user agent stylesheet, you can change it to your needs. */
    padding-left: 40px;
}

.ck.ck-content ol,
.ck.ck-content ol li {
    list-style-type: decimal;
}

.ck.ck-content ol {
    /* Default user agent stylesheet, you can change it to your needs. */
    padding-left: 40px;
}

.navbar-style {
    padding: 1rem 1rem 1rem 1rem;
    color: white;
    font-size: medium;
    align-items: center;

}

.navbar-style2 {
    padding: 1rem 1rem 1rem 1rem;
    background-color: white;
    color: var(--color-custom-handicappers);
    font-size: medium;
    align-items: center;

}


.nav-items {
    position: relative;
    text-align: center;
    padding: 1rem 2rem 1rem 2rem;
}

.custom-item-active {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1C4579 !important;
}

.custom-item-inactive {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.07px;
    letter-spacing: -0.01em;
    color: #878787;
}

.float-menu {
    width: 15% !important;
    position: fixed !important;
    background-color: #ffffffff;
    z-index: 1;
}

.custom-active::before {
    content: "";
    z-index: 9;
    position: absolute;
    bottom: 13px;
    width: calc(100% - 4rem);
    border-bottom: 3px solid orange;
}

.active2::before {
    content: "";
    position: absolute;
    padding-top: 2rem;
    width: 5rem;
    border-bottom: 3px solid orange;
}

.active3::before {
    content: "";
    z-index: 9;
    position: absolute;
    padding-top: 1.7rem;
    width: 6rem;
    border-bottom: 3px solid orange;
}

.active4::before {
    content: "";
    z-index: 9;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 4rem);
    border-bottom: 3px solid orange;
}

.positionModalCard {
    padding-top: 10rem;
}

.row-padding {
    padding-top: 1rem;
}

.summary-handicapper-custom-th-style {
    text-align: left !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.custom-div-display-wrap {
    display: flex;
    flex-wrap: wrap;
}

.active2::before {
    content: "";
    position: absolute;
    padding-top: 2rem !important;
    width: 5rem;
    border-bottom: 3px solid orange;
}

.active3::before {
    content: "";
    z-index: 9;
    position: absolute;
    padding-top: 1.7rem !important;
    width: 6rem;
    border-bottom: 3px solid orange;
}

.modalStyle {
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
}

.home-table-th-and-td-numbers {
    text-align: right !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.handicappers-modal-head {
    font-size: 14px;
}

.handicappers-modal-head-messages {
    font-size: 18px;
}

.handicappers-modal-head-card {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 10px !important;
    background-color: rgb(200, 200, 200);
    border-radius: 0.3rem;
    padding: 1rem;
}

.handicappers-modal-head-card-content {
    padding: 10px !important;
    background-color: rgb(240, 240, 240) !important;
}

.handicappers-modal-table-padding {
    padding-right: 10px;
}


.ranking-grid-display {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.ranking-grid-display2 {
    display: grid;
    grid-template-columns: 0.1fr 0.8fr 0.1fr;
}

.ranking-grid-display-for-cards {
    display: grid;
    grid-template-columns: 0.4fr 1.6fr;
}

.ranking-custom-ma1r {
    margin: 1rem;
}

.ranking-custom-pa1r {
    padding: 1rem;
}

.profile-round-pics {
    border-radius: 50%;
}

.home-games-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 20px;
}

.grid-card-games {
    text-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
}

.card-title-summary {
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--color-primary);
    text-shadow: 0px 1px 1px #03467d;
}

.font-title-summary {
    font-size: 1.2rem;
}

.summary-profile-data {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.select2-selection__clear {
    float: initial !important;
}

.select2 {
    width: 12rem !important;
    resize: none;
}

.display-manage-your-picks {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.width-manage-your-30 {
    width: 30%;
}

.handicappers-summary-pending-games {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    border-radius: 1rem;
}

.btn-handicappers-custom {
    margin-right: 0.25rem;
    display: inline-block;
    justify-content: center;
    border-radius: 0.25rem;
    border-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.btn-handicappers-custom.btn-indigo-custom {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.custom-games-card {
    position: relative;
    margin-bottom: 1.5rem;
    display: flex;
    width: 30% !important;
    min-width: 0px;
    flex-direction: column;
    overflow-wrap: break-word;
    border-radius: 0.5rem;
    border-width: 0px;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.custom-grid-picks {
    display: grid;
    grid-template-columns: 1.5fr 0.5fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
}


.ranking-grid-display3 {
    display: grid;
    grid-template-columns: 0.4fr 0.2fr 0.4fr;
    align-items: center;
}

.navbar-style a:hover {
    background-color: #0c1e3836;
}

.notification-card {
    width: 50%;
}

.filters-game-display {
    display: flex;
}

.wizard-text-area {
    width: 50%;
}

.custom-date-width {
    width: 50% !important;
}

.select-custom-width {
    width: 25% !important;
}

.games-picks-odds-card {
    width: 60%;
}

.scores-and-odds-date {
    width: 20% !important;
}

.game-picks-vs-button {
    border-radius: 5rem !important;
    padding-top: 4rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    font-size: 4rem !important;
    padding-bottom: 4rem !important;
}


.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.base-dashboard-color {
    background-color: var(--color-white);
}

.background-card-home-header {
    background-color: #1E293B !important;
}

.common-background-home {
    background-color: var(--color-custom-handicappers) !important;
}

.custom-nav-login-buttons {
    width: 20%;
}

.custom-nav-menu-buttons {
    width: 80%;
}

.custom-nav-bar-color {
    background-color: var(--color-custom-handicappers);
}

.custom-public-pages-flex {
    display: flex;
}

.custom-space-around {
    justify-content: space-around;
}

.custom-w40 {
    width: 40%;
}

.custom-w20 {
    width: 20%;
}

.custom-font-size-1-25 {
    font-size: 1.25rem;
}

.custom-gap-3 {
    gap: 3rem;
}

.custom-gap-1 {
    gap: 1rem;
}

.custom-opacity-06 {
    opacity: 0.6;
}

.w-25 {
    width: 25%;
}

.w-40 {
    width: 40%;
}

.w-20 {
    width: 20%;
}

.w-75 {
    width: 75%;
}

.custom-font-size-24 {
    font-size: 24px !important;
}


.custom-font-size-28 {
    font-size: 28px;
}

.custom-font-size-64 {
    font-size: 64px;
}

.custom-color-white {
    color: var(--color-white);
}

.grid-card-games-details {
    text-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1.2fr 0.6fr 1.2fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
}

.custom-grid-3 {
    text-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: 0.8fr 0.2fr 0.8fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
}

.custom-card-footer-border {
    border-radius: 0rem 0rem 0.5rem 0.5rem;
}

.custom-p-5 {
    padding: 0.5rem;
}

.ranking-grid-display-games {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.custom-padding-bottom-5 {
    padding-bottom: 0.5rem;
}

.ranking-grid-display-for-cards-games {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr;
}

.custom-justify {
    text-align: justify;
}

.custom-header-colors {
    background-color: var(--color-rdg-top-winners-header-bg);
}

.custom-logout-header-colors {
    background-color: var(--color-logout-header);
}

.custom-container {
    padding: 20px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.custom-flex-start {
    align-items: flex-start
}

.custom-clear-both {
    clear: both
}

.custom-orange-button {
    background-color: var(--color-warning);
    color: var(--base-3);
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 8px 17px;
    border-radius: 5px;
    margin-right: 8px;
    border-top-style: solid;
    border-top-width: 2px;
    border-color: var(--color-warning-light);
    transition: 0.3s;
}

.custom-orange-button:hover {
    color: var(--color-black);
}

.custom-green-button {
    background-color: var(--color-success);
    color: var(--base-3);
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 8px 17px;
    border-radius: 5px;
    margin-right: 8px;
    border-top-style: solid;
    border-top-width: 2px;
    border-color: var(--color-success-light);
    transition: 0.3s;
}

.custom-green-button:hover {
    color: var(--color-black);
}

.custom-main-nav-color {
    background-color: var(--base);
}

.custom-main-nav {
    padding: 0;
    clear: both;
    display: block;
}

.custom-grid-1300 {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.custom-nav-item-color {
    color: var(--color-rdg-top-winners-footer-border);
    font-weight: 600;
    font-family: Helvetica;
    transition: 0.3s;
}

.custom-nav-item-color:hover {
    color: var(--color-latest-post-title-hover);
}

.custom-footer-border {
    border-top-style: solid;
    border-top-width: 0;
}

.custom-footer-color {
    background-color: var(--color-primary-dark-light-footer);
}

.custom-footer-padding {
    padding: 30px 20px;
}

.custom-footer-colors {
    background-color: var(--color-rdg-top-winners-footer-bg);
    border-top-style: solid;
    border-top-width: 5px;
    border-color: var(--color-rdg-top-winners-footer-border);
}

.custom-color-white {
    color: var(--color-white);
}

.custom-card-header-font {
    display: initial;
    text-align: left;
    font-weight: 700;
    line-height: 1.1rem;
}

.custom-min-height {
    min-height: 550px;
}

.custom-header-games-picks {
    display: flex;
    padding-bottom: 0.5rem;
}

.custom-header-avatar-games-picks {
    width: 18%;
    display: flex;
    min-width: 4.2rem;
    align-items: center;
    justify-content: flex-start;
}

.custom-header-contetn-games-picks {
    width: 82%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-title {
    display: initial;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: var(--color-black);
}

.custom-sub-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;

    color: #000000;
}

.custom-total {
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.1rem;
    color: var(--color-admin-cappers-capper-total);
}

.custom-description {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-gray);
}

.custom-bold-span {
    font-weight: 700;
    font-size: 0.9rem;
}

.custom-span {
    font-size: 0.9rem;
    font-weight: 500;
}

.custom-num-picks-button-color {
    color: var(--color-white);
    background-color: var(--color-rdg-sports-picks-vs-name) !important;
}

.btn-indigo:hover {
    color: var(--color-primary-dark);
}

.custom-team-name-1 {
    color: var(--color-black);
    font-size: 19px;
    line-height: 0.8;
}

.custom-team-name-2 {
    color: var(--color-black);
    font-size: 32px;
    line-height: 1;
}

.custom-flex-col-reverse {
    flex-direction: column-reverse;
}

.custom-flex-start {
    align-items: flex-start;
}

.custom-games-date {
    font-weight: 600;
    color: var(--color-next-game-date);
    font-size: 15px;
}

.custom-games-hour {
    font-weight: 700;
    color: var(--color-next-game-hour);
    font-size: 36px;
    line-height: 1;
}

.custom-games-sport {
    font-weight: 600;
    color: var(--color-next-game-channel);
    font-size: 14px;
}

.custom-games-picks-colors {
    background-color: #EEF4FC;
    border-radius: 0px 0px 16px 16px;
}

.custom-game-odds {
    color: var(--color-black);
    font-size: 18px;
    font-weight: 700;
}

.pb-8 {
    padding-bottom: 2rem;
}

.custom-justify-evenly {
    justify-content: space-evenly;
}

.custom-games-picks-teams-width {
    width: 41%;
}

.custom-games-picks-center-dates {
    width: 18%;
}

.custom-games-picks-teams-images {
    width: 30%;
}

.custom-games-picks-teams-names {
    width: 70%;
}

.custom-games-picks-odds-1-position {
    flex-direction: row !important;
}

.custom-games-picks-odds-2-position {
    flex-direction: row !important;
}

.custom-card-team-names {
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: var(--color-admin-cappers-capper-teams);
}

.custom-card-vs {
    margin: 0 0.3rem;
    color: var(--color-black);
}

.custom-card-names-containter {
    width: 100%;
    display: flex;
    font-weight: 700;
    font-size: 0.9rem;
    padding-top: 0.3rem;
    flex-direction: row;
    justify-content: center;
    text-transform: uppercase;
    color: var(--color-admin-cappers-capper-teams);
}

.dropbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content button {
    color: black;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

.dropdown-content button:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ddd;
}

.topNav {
    overflow: hidden;
}

.topNav div {
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topNav .icon {
    display: none;
}

.custom-dropdown-button {
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.custom-dropdown {
    position: relative;
    display: contents;
}

.custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 5000;
    right: 0px;
}

.custom-dropdown button:hover {
    background-color: #ddd;
}

.custom-dropdown-content button {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.custom-dropdown-show {
    display: block;
}

.custom-logo {
    object-fit: contain;
    max-width: 100%;
    height: 100%;
}

.custom-footer-width-35 {
    width: 35%;
}

.custom-footer-width-33 {
    width: 33.33%;
}

.custom-footer-width-65 {
    width: 65%;
}

.custom-pt10 {
    padding-top: 10px;
}

.custom-pb10 {
    padding-bottom: 10px;
}

.custom-site-logo-box {
    box-sizing: border-box;
    line-height: 0;
}

.custom-h5 {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
}

.custom-green-right-bar {
    border-right: 2px solid var(--color-success);
}

.custom-footer-cage-font {
    font-size: 14px;
    font-weight: 500;
}

.custom-h2-footer-cage {
    color: var(--color-white);
    font-size: 22px;
    font-weight: 400;
}

.custom-ul-footer-cage {
    display: block;
    list-style-type: disc;
    padding-inline-start: 20px;
    line-height: 25px;
    flex-grow: 1;
}

.custom-ul-footer-cage li::marker {
    font-size: 13px;
    color: var(--color-success);
}

.custom-footer-bottom-padding {
    padding: 10px 20px;
}

.custom-footer-networks-w70 {
    width: 70%;
}

.custom-footer-networks-w30 {
    width: 30%;
}

.custom-h5-15 {
    color: var(--color-white);
    font-size: 15px;
    font-weight: 400;
}

.custom-public-margins {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.custom-arrow-background {
    width: 32px;
    background-color: var(--color-rdg-sports-picks-vs-name);
    height: 32px;
    position: absolute;
    right: 35.1%;
    top: 5%;
    border-radius: 4px;
    pointer-events: none;
}

.custom-leaderboard-league-measures {
    right: 23.1%;
}

.custom-arrow-background-ranking-1 {
    width: 32px;
    background-color: var(--color-rdg-sports-picks-vs-name);
    height: 32px;
    position: absolute;
    right: 24.2%;
    top: 5%;
    border-radius: 4px;
    pointer-events: none;
}

.custom-arrow-background-ranking-2 {
    width: 32px;
    background-color: var(--color-rdg-sports-picks-vs-name);
    height: 32px;
    position: absolute;
    right: 18.2%;
    top: 5%;
    border-radius: 4px;
    pointer-events: none;
}

.select2-container--default .select2-selection--single {
    height: 2.2rem;
    border-width: 1px;
    border-color: rgb(229, 231, 235) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: var(--color-black) !important;
}

.games-not-selected-color {
    background-color: var(--contrast-3);
    width: 100px;
}

.game-title-color {
    color: var(--color-primary-dark) !important;
}

.custom-vs-measures {
    border-radius: 5rem;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    margin-right: 0px !important;
}

.date-custom {
    color: var(--color-primary) !important;
    font-weight: 600;
}

.btn-custom-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 180, 180, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.custom-widget-games-and-odds-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    align-items: center;
}

.custom-view-all {
    color: black;
    font-size: 16px;
    font-weight: 600;
}

.custom-summary-header-left {
    width: 17%;
}

.custom-summary-header-right {
    width: 25%;
}

.custom-summary-header-center {
    width: 58%;
    text-align: justify;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.7;
}

.custom-profile-pic {
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.custom-profile-pic-default {
    max-width: 100%;
    height: auto;
}

.custom-padding-lb {
    padding-left: 20px;
    padding-bottom: 20px;
}

.custom-summary-picture-display {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
}

.custom-summary-stadistics {
    background-color: var(--color-gray)
}

.custom-stadistics-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.custom-stadistics-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 15px 15px 0px 0px;
    background-color: #1C4579;
}

.custom-stadistics-header-title {
    width: 100%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    /*text-shadow: 0px 1px 1px #ffffff;*/
    font-size: 16px;
    font-weight: 600;
}

.custom-stadistics-footer {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top: 0.3rem solid;
    background-color: var(--color-rdg-top-winners-footer-bg);
    border-color: var(--color-rdg-top-winners-footer-border);
}

.custom-stadistics-header-footer-link {
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: 0.4s all;
    color: #FFFFFF;
}

.custom-stadistics-values {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--color-primary-dark-light);
    font-size: 16px;
    font-weight: 700;
}

.custom-stadistics-name {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}

.custom-summary-display {
    padding: 0px 20px 0px 20px;
}

.custom-summary-picks-title {
    margin: 0;
    font-weight: var(--font-weight-sm);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--color-picks-list-pick-link-hover);
    justify-content: center;
    text-shadow: 0px 1px 1px var(--color-primary-dark);
    padding-bottom: 2rem;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
}

.custom-summary-picks-title-container {
    padding-top: 2rem;
    padding-right: 0rem;
    padding-left: 0rem;
}

.custom-pick-data-images {
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.custom-filters-summary {
    width: 100%;
    display: flex;
    gap: 0.5rem;
}

.custom-select-second-style {
    border: 0;
    outline: 0;
    appearance: none;
    box-shadow: none;
    flex: 1;
    padding: 1rem;
    cursor: pointer;
    background-image: none;
    color: var(--color-black);
    background-color: var(--color-gray);
    font-weight: 700;
    text-align: center;
}

.custom-select {
    min-width: 20rem;
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 2rem;
    border-bottom: 2px solid var(--color-latest-post-title-hover);
}

.custom-select::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 3rem;
    height: calc(100% - 0.8rem);
    color: var(--color-primary-dark-light);
    font-weight: 700;
    pointer-events: none;
    margin: 0.4rem;
}

.custom-component-team-names {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary-dark-light);
}

.custom-summary-table {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: normal;
    text-transform: none;
    font-size: 17px;
    line-height: 1.5;
}

.justify-start {
    justify-content: flex-start;
}

.custom-best-sport {
    font-size: 16px;
    font-weight: 800;
}

.custom-release-date {
    font-weight: 500;
    font-size: 14px;
}

.custom-summary-table-date-font {
    font-size: 15px;
}

.custom-summary-table-sport-font {
    font-weight: 700;
    font-size: 15px;
}

.custom-summary-table-teams-font {
    font-weight: 600;
    font-size: 15px;
    color: var(--color-primary-dark-light);
    text-wrap: balance;
}

.custom-summary-table-data-font {
    font-weight: 600;
    font-size: 15px;
    color: var(--contrast);
}

.custom-summary-table-result-font {
    font-weight: 600;
    font-size: 15px;
}

/* Smaller font versions for profile table */
.custom-summary-table-date-font-sm {
    font-size: 13px;
}

.custom-summary-table-sport-font-sm {
    font-weight: 700;
    font-size: 13px;
}

.custom-summary-table-teams-font-sm {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-primary-dark-light);
    text-wrap: balance;
}

.custom-summary-table-data-font-sm {
    font-weight: 600;
    font-size: 13px;
    color: var(--contrast);
}

.custom-summary-table-result-font-sm {
    font-weight: 600;
    font-size: 13px;
}

.custom-summary-description-column {
    padding: 0.5rem;
}

.custom-summary-description-wrapper {
    max-width: 325px;
    width: 325px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    display: inline-block;
    text-align: center;
}

.custom-login-background {
    background: linear-gradient(0deg, var(--color-white) 60%, var(--color-primary-dark) 30%);
}


.custom-login-height {
    height: 33rem;
}

.custom-login-title {
    font-size: 1rem;
    font-weight: 600;
    color: black;
    padding-bottom: 0.5rem;
}

.custom-checkbox-login {
    border: solid;
    border-width: thin;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: normal;
    text-transform: none;
    font-size: 17px;
    line-height: 1.5;
}

.custom-login-labels-fonts {
    font-size: 16px;
}

.custom-scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 1.25rem;
    padding: 1.5rem;
    scroll-behavior: smooth;
}

.custom-login-button {
    color: white;
    width: auto;
    text-align: center;
    padding: 0.5rem 3rem;
    border-radius: 1.5rem;
    background-color: #00bb08;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.custom-have-questions-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--color-primary);
    text-shadow: 0px 1px 1px var(--color-primary-dark);
}

.custom-have-questions-body {
    font-size: 1.5rem;
    font-weight: 400;
}

.custom-have-questions-footer {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.custom-user-dashboard-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: -0.02em;
    color: var(--color-black);
}

.custom-user-dashboard-title-color {
    color: var(--color-black);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-shadow: 0px 1px 1px var(--color-primary-dark);
}

.custom-user-dashboard-grid {
    display: grid !important;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px;
    position: relative;
}

.custom-user-dashboard-grid-top-winners {
    display: grid !important;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px;
    position: relative;
}

.custom-user-dashboard-grid-line {
    border-right: solid 1px #E9ECEF;
    padding-right: 10px;
}

.custom-card-header-fonts {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: var(--color-white);
}

.custom-user-dashboard-principal-font {
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.custom-user-dashboard-secondary-font {
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    color: #000000;
}

.custom-user-dashboard-numbers {
    color: var(--color-black);
    font-weight: 700;
    font-size: 13px;
    line-height: 40px;
}

.custom-games-summary-teams-and-picks-38 {
    width: 38%;
}

.custom-games-summary-teams-and-picks-24 {
    width: 24%;
}

.custom-flex-space-arround {
    display: flex;
    justify-content: space-around;
}

.custom-verified-step {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.custom-card-width {
    width: 18.5rem;
    border-radius: 0.6rem;
}

.custom-nothing-to-show {
    font-weight: 700;
    font-size: 16px;
}

.custom-picks-available-user-dashboard {
    line-height: 1.5;
    font-weight: 600;
    font-size: 17px;
    margin-top: 1rem;
    padding: 0.5rem 1.8rem;
    border-radius: 0.5rem
}

.custom-picks-available-container-user-dashboard {
    display: flex;
    justify-content: center;
    padding: 0.5rem 1rem 1rem 1rem;
}

.custom-picks-user-dashboard {
    line-height: 1.5;
    font-weight: 600;
    font-size: 17px;
}

.custom-picks-button-user-dashboard {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.5;
}

.custom-stat-user-dashboard {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;

    letter-spacing: -0.01em;

    color: #878787;
}

.lowercase {
    text-transform: lowercase;
}

.custom-user-dashboard-date {
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal;
}

.custom-items-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.custom-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--color-gray-line);
    padding: 0.8rem 0;
}

.custom-item-date {
    display: flex;
    align-items: center;
}

.custom-item-teams {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-item-result {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-item-result-score {
    text-align: center;
}

.custom-item-result-bettype {
    text-align: center;
}

.custom-item-result-description {
    text-align: center;
}

.custom-item-units {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-item-status {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.custom-summary-button-result {
    width: 100%;
    text-align: center;
}

.custom-summary-separator {
    margin: 0 0.5rem;
}

.error {
    color: red;
    font-weight: 500;
}

.custom-summary-teams-names-width {
    width: 40%;
}

.custom-summary-teams-names-separator {
    width: 10%;
}

.custom-games-picks-handicappers-title {
    color: var(--color-admin-cappers-capper-sub-title);
    justify-content: center;
    text-shadow: 0px 1px 1px var(--color-primary-dark);
    padding-bottom: 0;
    font-size: 2rem !important;
}

.custom-games-picks-handicappers-title-font {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.custom-games-picks-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--color-subnav-header);
    border-radius: 16px 16px 0px 0px;
}

.custom-games-picks-banner-container {
    padding: 1.5rem 20px;
    flex-direction: column;
    width: 100%;
    display: flex;
    color: #FFFFFF;
    text-align: center;
    justify-content: center;
    gap: 0 2rem;
}

.custom-games-picks-banner-teams {
    margin: 0;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.custom-games-picks-banner-margin {
    margin-left: 1rem;
    margin-right: 1rem;
}

.custom-game-picks-pick-status {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.1rem;
    color: var(--color-admin-cappers-capper-sub-title);
}

.custom-title-game-picks {
    display: initial;
    text-align: left;
    font-weight: 700;
    line-height: 1.1rem;
    font-size: 17px;
    color: var(--color-admin-cappers-capper-title);
}

.custom-game-picks-view-more {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    color: #1C4579;
    padding: 0%;
}

.custom-font-size-2 {
    font-size: 2rem;
}

.custom-score-and-odds-lines-top {
    border-top-width: thin;
    padding: 0.4rem 0;
}

.custom-score-and-odds-lines-bottom {
    border-bottom-width: thin;
}

.custom-score-and-odds-middle-title {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}

.custom-score-and-odds-data {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

.custom-score-and-odds-picks-button {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    padding: 0.3rem 1.3rem !important;
}

.custom-card-bottom-color {
    background-color: var(--color-rdg-top-winners-footer-bg);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding: 0.3rem;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 17px;
}

.scores-and-odds-filters-grid {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
}

.custom-border-thin {
    border-width: thin;
}

.custom-gap-2rem {
    gap: 2rem;
}

.custom-top-corners-border-radious {
    border-radius: 0.5rem 0.5rem 0 0;
}

.custom-login-top-card-form {
    padding: 0.4rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    background-color: var(--color-rdg-top-winners-header-bg);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 1.5rem;
}

.custom-login-top-card-info {
    padding: 0.4rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    background-color: #f59c00;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 1.5rem;
}

.custom-login-paddings {
    padding: 2rem 2.5rem 1rem 2.5rem;
}

.custom-login-width {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    border-top: 1px solid rgb(201, 201, 201);
    padding-top: 1rem;
    text-align: center;
    color: gray;
    text-decoration: underline;
    font-weight: 600;
    text-transform: none;
    font-size: 17px;
    line-height: 1.5;
}

.custom-remember-me {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: black;
}

.custom-remember-me-cbox {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: normal;
    text-transform: none;
    font-size: 17px;
    line-height: 1.5;
}

.custom-login-footer {
    border-top: 1px solid rgb(201, 201, 201);
    padding-top: 1rem;
    text-align: center;
    color: gray;
    text-decoration: underline;
    font-weight: 600;
}

.custom-login-button-info {
    color: white;
    width: auto;
    text-align: center;
    padding: 0.5rem 3rem;
    border-radius: 1.5rem;
    background-color: #f59c00;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.custom-login-info-heading {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
}

.custom-var-grey {
    background-color: var(--color-gray);
}

.w-30 {
    width: 30%;
}

.mt-mb-2rem {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.view-more {
    overflow: hidden;
    height: 2.6rem;
    line-height: 1.2em;
}

.full-border-radius {
    border-radius: 0.8rem;
}

.default-footer-style {
    width: 100%;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-white);
    padding: 0.3rem 0.6rem 0.4rem 0.6rem;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    background-color: var(--color-rdg-top-winners-footer-bg);
    justify-content: center;
}

.normalized-img {
    object-fit: cover;
    width: 400px;
    height: 400px;
}

.w-45 {
    width: 45%;
}

.w-10 {
    width: 10%;
}

.min-height-4-5Rem {
    min-height: 4.5rem;
}

.w-15px {
    width: 15px;
    margin-right: 10px;
}

.principal-sidebar-container {
    width: 100%;
}

.custom-base-sidebar {
    opacity: 1;
    transition: all 0.2s;
}


.custom-public-images-control {
    max-width: 60px;
    max-height: 60px;
}

.custom-public-games-images-control {
    width: 300px;
    height: auto;
    object-fit: contain;
}

.custom-public-square-images-control {
    max-width: 70px;
    height: 60px;
}

.custom-public-square-images-control-for-games-picks {
    max-width: 140px;
    max-height: 140px;
}

.super-hidden {
    display: none !important;
}

.custom-gap-05 {
    gap: 0.5rem;
}

.view-analysis {
    overflow: hidden;
    height: 0rem;
    line-height: 1.2em;
    transition: all 1s;
    text-align: justify;
}

.a-subnav-links {
    user-select: none;
    cursor: pointer;
}

.custom-width-33-33 {
    width: 33.33%;
}

.w-35 {
    width: 35%;
}

.custom-leaderboard-date-range-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.custom-bg-white-important {
    background-color: var(--color-white);
}

.custom-leaderboard-name {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.custom-leaderboard-values {
    display: flex;
    color: var(--color-primary-dark-light);
    font-size: 16px;
    font-weight: 700;
}

.custom-consensus-principal-title {
    display: flex;
    justify-content: center;
    color: var(--color-black);
    background-color: #EEF4FC;
    padding: 0.3rem 0;

    font-size: 18px;
    font-weight: 400;
    line-height: 24.51px;
}

.custom-consensus-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-bottom: 0.2rem;
    color: var(--color-black);

    font-weight: 700;
    font-size: 14px;

    line-height: 1.5;

    border-bottom: 1px solid var(--color-gray-line);

    padding-right: 1rem;
    padding-left: 1rem;
}

.custom-consensus-data {
    width: 100%;
    display: flex;
    flex-direction: row;
    color: var(--color-consensus-data);
    padding-right: 1rem;
    padding-left: 1rem;
    gap: 1rem;
}

.custom-consensus-leyend {
    width: 20%;
    display: flex;
    flex-direction: column;
    color: var(--color-consensus-data);
    font-weight: 700;
    font-size: 11px;
    line-height: 1.5;
}

.custom-consensus-leyend-items {
    display: flex;
    color: var(--color-consensus-data);
}

.custom-consensus-columns {
    width: 80%;
    display: flex;
    color: var(--color-consensus-data);
}

.custom-consensus-total {
    width: 33%;
    text-align: center;
    padding: 0 0.5rem;
    color: var(--color-consensus-data);
}

.custom-consensus-totals-items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: var(--color-consensus-data);
}

.custom-consensus-publics {
    width: 34%;
    text-align: center;
    padding: 0 0.5rem;
    color: var(--color-consensus-data);
}

.custom-consensus-sharps {
    width: 33%;
    text-align: center;
    border: none;
    padding: 0 0.5rem;
    color: var(--color-consensus-data);
}

.custom-consensus-totals-value {
    width: auto;
    text-align: center;
    color: var(--color-consensus-data);
    padding-right: 0.5rem;
}

.custom-consensus-totals-title {
    width: auto;
    display: flex;
    text-align: center;
    align-items: center;
    color: var(--color-black);
}

.custom-consensus-font-size {
    font-weight: 700;
    font-size: 11px;
    line-height: 1.5;
}

.custom-consensus-section {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.custom-consensus-section-grey {
    background-color: #F9F9F9;
}

.custom-consensus-picks-available {
    display: flex;
    align-items: center;
    padding: 0.4rem 2rem;
    border-bottom: 1px solid var(--color-gray-line);
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 16px;
    color: var(--contrast);
    line-height: 1.5;
}

.custom-consensus-picks-available i {
    padding-right: 0.5rem;
    color: var(--color-success);
    font-weight: 900;
    font-size: 14px;
}

.custom-api-number-w {
    width: 50%;
}

.custom-my-favotires-bar-color {
    background-color: var(--color-primary-dark-light) !important;
}

.custom-summary-mobile-show {
    display: none;
}

.custom-leaderboard-background {
    border-radius: 15px;
    background-color: white;
}

.custom-pt-05 {
    padding-top: 0.5rem !important;
}

.custom-capitalize {
    text-transform: capitalize;
}

.custom-num-picks-button-color-disabled {
    color: var(--color-white);
    background-color: var(--color-next-game-channel) !important;
}

.custom-btn-red {
    background-color: var(--color-danger) !important;
    border-top: 3px solid var(--color-danger);
    color: white !important;
}

.custom-title-groups-modal {
    font-size: 1.5rem;
}

.custom-description-groups-modal {
    font-size: 1.3rem;
}

.custom-items-groups-modal {
    font-size: 1.3rem;
}

.custom-total-groups-modal {
    font-size: 1.5rem;
}

.remove-input-style {
    border: none;
    background: transparent;
    width: 9.5rem;
}

.custom-password-change-block {
    padding: 1rem;
    background-color: #E5E9ED;
    border-radius: 0.5rem;
    width: 60%;
}

.custom-header-width-logo {
    width: 30%;
}

.custom-header-width-logo-side {
    width: 70%;
}

.custom-crm-ticket-button {
    top: 0;
    right: 0;
    position: fixed;
    margin: 10px 20px;
    background-color: #ffffff !important;
    color: #0160B0;
    border-radius: 999rem;
    font-size: 1.07143rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    z-index: 999998;
}

.custom-font-weight-600 {
    font-weight: 600;
}

.custom-crm-ticket-sent {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff !important;
    color: #0160B0;
    border-radius: 0.3rem;
    font-size: 1.07143rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    border-color: var(--color-rdg-top-winners-header-border);
    border-width: medium;
}

.custom-mr-1-5 {
    margin-right: 1.5rem;
}

.custom-ml-1-5 {
    margin-left: 1.5rem;
}

.custom-ranking-groups-card {
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-rdg-sports-picks-vs-name);
    border-radius: 0.5rem;
}

.custom-handicapper-summary-groups-card {
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-rdg-sports-picks-vs-name);
    border-radius: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.custom-flex-9 {
    flex: 9;
}

.custom-flex-1 {
    flex: 1;
}

.custom-consensus-high-bet {
    width: auto;
    display: flex;
    text-align: center;
    align-items: center;
    color: var(--color-picks-list-pick-link-bg);
}

.custom-consensus-low-bet {
    width: auto;
    display: flex;
    text-align: center;
    align-items: center;
    color: var(--color-consensus-data);
}

.custom-join-bar-background {
    background-color: var(--color-rdg-top-winners-header-bg);
}

.custom-join-bar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
    justify-items: center;
}

.custom-join-bar-description {
    padding-left: 1rem;
    padding-right: 1rem;
}

.custom-join-bar-border {
    border-top: 1px solid var(--color-gray);
}

.custom-join-bar-price {
    font-size: 35px;
    color: var(--color-rdg-top-winners-header-bg);
    font-weight: 600;
}

.custom-join-bar-card-header {
    background-color: var(--color-join-bar-card-header-primary);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    padding: 0.3rem;
    border-color: var(--color-primary) !important;
    border-bottom: 0.2rem solid;
}

.custom-join-bar-title {
    color: white;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.custom-join-bar-package-item {
    font-weight: 600;
}

.custom-landing-banner-font {
    color: var(--color-white);
    font-size: 29px;
}

.custom-padding-2rem {
    padding: 2rem;
}

.custom-top-card-info {
    padding: 0.4rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    background-color: var(--color-rdg-top-winners-header-bg);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 1.5rem;
}

.custom-landing-service-plays-padding {
    padding: 1.6rem 1.6rem 2rem;
}

.custom-landing-service-plays-data-title {
    color: var(--color-black);
    font-weight: 900;
    font-size: 32px;
    line-height: 1.3;
}

.custom-landing-service-plays-data-description {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.5;
    margin-top: 1.5rem;
}

.custom-landing-service-plays-data-list {
    color: var(--color-black);
    margin-top: 1.5rem;
    font-weight: 600;
    font-style: italic;
    font-size: 17px;
}

.custom-landing-service-plays-data-list ul {
    list-style: disc;
    margin: 0 0 1.5em 3em;
}

.custom-landing-service-plays-data-list ul li::marker {
    color: var(--color-picks-list-pick-list-marker);
}

.custom-landing-service-plays-data-button-container {
    color: var(--color-black);
    margin-top: 1.5rem;
    font-weight: 600;
    font-size: 17px;
}

.custom-landing-service-plays-data-button {
    color: white;
    width: auto;
    text-align: center;
    padding: 0.5rem 3rem;
    border-radius: 1.5rem;
    background-color: var(--color-primary-dark-light);
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.custom-block-edit {
    position: relative;
}

.custom-block-edit:hover .custom-block-edit-icon {
    display: inline;
}

.custom-block-edit-icon {
    display: none;
    position: relative;
    position: absolute;
    top: 5px;
    left: 5px;
    color: #a19b9b;
}

.text-huge {
    font-size: 1.8em;
}

.text-big {
    font-size: 1.4em;
}

.text-small {
    font-size: .85em;
}

.text-tiny {
    font-size: .7em;
}

.custom-referral-plan-percentage-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.custom-referral-plan-percentage-number {
    font-size: 1.4rem;
    color: var(--color-rdg-top-winners-header-bg);
}

.custom-join-bar-items-container {
    display: flex;
    flex-wrap: wrap;
}

.custom-flex-item {
    flex: 1 0 calc(50% - 5px);
    box-sizing: border-box;
}

.custom-flex-item:nth-child(2n+1) {
    flex-basis: 50%;
}

.custom-flex-item:nth-child(2n) {
    margin-right: 0;
}

.custom-join-bar-items-container .custom-flex-item:only-child {
    flex-basis: calc(100% - 10px);
}

.custom-join-bar-items-container>div:nth-child(2n+1) {
    border-right: 0.1rem solid #e3e3e3;
}

.notifyjs-corner {
    z-index: 999999 !important;
}

.notifyjs-bootstrap-info {
    background-image: none !important;
    background-color: var(--accent) !important;
    color: var(--color-white) !important;
    border-radius: 999rem !important;
}

.notifyjs-bootstrap-base {
    padding: 8px 15px 8px 15px !important;
}

.w-32\/5 {
    width: 32.5%;
}

.custom-position-alert-bar-error {
    background-color: red;
    text-align: center;
    position: fixed;
    z-index: 999;
    width: 100%;
    bottom: 0;
}

.custom-search-style {
    border: 1px solid #E9ECEF;
    padding: 10px 16px 10px 16px;
    border-radius: 8px;

    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
}

.custom-handicapper-summary-subscription-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px 20px;
}

.custom-handicapper-of-the-day-bubble {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    border-radius: 10px;
}

.custom-handicapper-of-the-day-bubble span {
    padding: 0.5rem;
    color: var(--color-white);
    font-weight: 600;
}

.custom-payments-highlight-first-row {
    background-color: #9bd2ff;
}

.custom-reports-payments-w-70 {
    width: 70%;
}

.custom-first-login-header {
    background-color: var(--color-white);
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
}

.ranking-custom-public-images-control {
    max-width: 45px;
    max-height: 45px;
}

.custom-sidebar-border {
    border: solid;
    border-width: thin;
    padding: 0.5rem;
}

.custom-w-20-rem {
    width: 20rem;
}

.custom-user-data-card {
    background-color: var(--color-rdg-top-winners-header-bg);
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.custom-user-data-title {
    text-align: center;
    font-weight: 600;
    font-size: medium;
    color: var(--color-white);
}

.custom-legend-style {
    font-weight: 600;
    font-size: small;
}

.custom-with-points {
    color: #0069c2;
    cursor: pointer;
}

.custom-handicappers-groups-filter {
    line-height: 1.5;
    font-weight: 600;
    font-size: 17px;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    color: var(--color-white);
    background-color: var(--color-rdg-sports-picks-vs-name);
}

.custom-handicappers-groups-image {
    max-width: 40px;
    max-height: 40px;
}

.groupsActive {
    background-color: #d79111;
}

.freePicksOff {
    background-color: #b2b2be;
    width: 100px;
}

.freePicksOn {
    background-color: var(--color-rdg-sports-picks-vs-name);
    width: 100px;
}

.typesense-div {
    background-color: #ffffff00;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    position: relative;
}

.typesense-search-input-whiteblue {
    width: 100%;
    height: 37px;
    padding: 12px;
    border: none;
    background-color: #EEF4FC;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    border-style: none;
    color: #1C4579;
}

.typesense-search-input-white {
    width: 100%;
    height: 37px;
    padding: 12px;
    border: none;
    background-color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    border-style: none;
    color: #1C4579;
}

.typesense-ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

.typesense-search-result {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: small;
}

.search-result:hover {
    background-color: #f0f0f0;
}

.typesense-search-result-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #6FA2DE;
}

.custom-live-search-images-control {
    width: 30px;
    height: auto;
    object-fit: contain;
}

.custom-w60 {
    width: 60%;
}

.custom-w80 {
    width: 80%;
}

.my-picks-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    /* Cambiar el cursor para indicar que no es clickeable */
    background-color: #8080804f;
    z-index: 1;
    border-radius: 8px !important;
}

/*new handicapper styles*/

.typesense-min-header-width {
    min-width: 400px !important;
}

.handicappers-textOnInput {
    position: relative;
}

.handicappers-textOnInput label {
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 2px;
    z-index: 1;
}

.handicappers-textOnInput label:after {
    content: " ";
    background-color: #fff;
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.handicappers-form-control:focus {
    border-color: #2a3fb886 !important;
    box-shadow: 0 0 0 2px #bab4d3 !important;
}

.custom-btn-green {
    background-color: #54B936 !important;
    color: white !important;
}

.custom-btn-green:hover {
    background-color: #1D7E00 !important;
}

.custom-btn-font-16 {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

.custom-btn-font-11 {
    font-size: 11px !important;
    text-transform: capitalize !important;
}

.custom-justify-center {
    justify-content: center;
}

.custom-align-items-center {
    align-items: center;
}

.custom-background-dark-blue {
    background-color: #091C3D;
}

.custom-btn-white {
    background-color: #FFFFFF !important;
    color: #1C4579 !important;
    border-width: thin;
    border-color: #E9ECEF;
}

.custom-btn-white:hover {
    background-color: #E9ECEF !important;
}

.custom-btn-border-white {
    background-color: #ffffff00 !important;
    color: #ffffff !important;
    border: 1px solid white !important;
}

.custom-h-100 {
    height: 100%;
}

.language-selector a:not(:last-child)::after {
    content: '·';
    pointer-events: none;
}

.nav-link.cus-active[class="nav-link cus-active"] {
    border: solid 1px #E9ECEF;
    border-radius: 0.5rem;
    padding: 1rem;
    color: black !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
}

.cus-active div svg path {
    fill: #000000 !important;
}

.cus-active .icon.icon-shape i::before {
    color: black !important;
}

.icon.icon-shape i::before {
    color: #878787;
}

.nav-link.cus-sec-active[class="nav-link cus-sec-active"] {
    padding: 1rem;
    color: var(--color-subnav-header) !important;
}

.nav-link {
    color: #878787 !important;
}

.custom-sidebar-card {
    padding: 0.7rem;
    box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.custom-header-sidebar-colors {
    background-color: var(--color-subnav-header);
}

.custom-justify-end {
    justify-content: flex-end;
}

.custom-typesense-search-icon {
    position: absolute;
    top: 20;
    right: 10;
}

.custom-groups-pills-principal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    gap: 10px;
    isolation: isolate;

    width: 150px;
    height: 54px;

    border-radius: 50px;

    position: absolute;
    left: -75px;
    top: -20px;
}

.custom-groups-circle-principal {
    width: 50px;
    height: 50px;

    border-radius: 63.3803px;

    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;

}

.custom-groups-circle-secondary {
    position: absolute;
    width: 46px;
    height: 46px;
    left: 2px;
    top: 2px;

    border: 1px solid #FFFFFF;
    border-radius: 63.3803px;

    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

.custom-groups-pills-principal-red {
    background: linear-gradient(180deg, #DB3A2C 0%, #AD2A23 100%);
}

.custom-groups-pills-principal-purple {
    background: linear-gradient(180deg, #A22CDA 0%, #7224AF 100%);
}

.custom-groups-pills-principal-lightblue {
    background: linear-gradient(180deg, #2CDADA 0%, #249EAE 100%);
}

.custom-groups-pills-principal-gold {
    background: linear-gradient(180deg, #DBCA2D 0%, #AF8924 100%);
}

.custom-groups-pills-secondary {
    box-sizing: border-box;

    width: 140px;
    height: 44px;

    border: 1px solid #FFFFFF;
    border-radius: 50px;

    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;

    position: relative;
    display: flex;
    justify-content: center;
}

.custom-groups-pills-text {
    position: absolute;
    top: 10px;

    font-family: "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;

    text-align: center;
    letter-spacing: 0.03em;

    color: #FFFFFF;

    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

.custom-groups-circle-text {
    position: absolute;
    width: 100%;
    top: 12px;

    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-align: center;

    color: #FFFFFF;
}

.custom-groups-principal-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 10px;

    width: 222px;
    height: 52px;

    background: linear-gradient(98deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.12);
    border-radius: 8px;

    flex: none;
    order: 0;
    flex-grow: 0;

    color: var(--color-white);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;

    transition: 0.5s;
    animation: animateBackgroundReverse 0.30s forwards;
}

.custom-groups-principal-button:hover {
    animation: animateBackground 0.30s forwards;
    transform: scale(1.1);
    color: white;
}

@keyframes animateBackground {
    0% {
        background: linear-gradient(98deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    25% {
        background: linear-gradient(148deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    50% {
        background: linear-gradient(198deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    75% {
        background: linear-gradient(228deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    100% {
        background: linear-gradient(258deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }
}

@keyframes animateBackgroundReverse {
    0% {
        background: linear-gradient(258deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    25% {
        background: linear-gradient(228deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    50% {
        background: linear-gradient(198deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    75% {
        background: linear-gradient(148deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }

    100% {
        background: linear-gradient(98deg, #5EC3F8 -8.29%, #3870F6 108.07%);
    }
}

.custom-groups-secondary-button {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    height: 41px;

    padding-right: 10px;
    padding-left: 10px;

    border: 1px solid #E9ECEF;
    border-radius: 8px;

    flex: none;
    order: 2;
    flex-grow: 0;


    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.01em;

    color: #1C4579;
}

.custom-groups-secondary-button:hover {
    color: #1C4579;
    background-color: #E9ECEF;
}

.custom-groups-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    isolation: isolate;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    background: #FFFFFF;
    border: 1px solid #E6EBF2;

    box-shadow: 0px 20px 50px #F3F3F3;
    border-radius: 16px;

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
    z-index: 0;
}

.custom-groups-principal-font {
    font-weight: 700;
    font-size: 32px;
    line-height: 53px;

    text-align: center;
    letter-spacing: -0.02em;

    color: #000000;
}

.custom-padding-top-40px {
    padding-top: 40px;
}

.custom-top-winners-principal-font-names {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 20.43px;
    color: #1C4579 !important;
}

.custom-top-winners-principal-font-data {
    font-weight: 700;
    font-size: 15px !important;
    line-height: 20.43px;
    color: #1C4579 !important;
}

.custom-top-winners-principal-font-color {
    color: #1C4579 !important;
}

.custom-top-winners-leaderboard-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 10px;
    width: 332px;

    background: #EEF4FC;
    border: 1px solid #EEF4FC;
    border-radius: 8px;

    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    text-align: center;

    color: #1C4579;
}

.custom-top-winners-leaderboard-button:hover {
    color: #1C4579;
    background-color: #ffffff;
    border: 1px solid #EEF4FC;
}

.custom-user-dashboard-principal-title {
    font-weight: 650;
    font-size: 36px;
    letter-spacing: -0.02em;

    color: #1B1E1A;
}

.custom-user-dashboard-principal-data {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em;

    color: #878787;
}

.custom-top-winners-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;

    letter-spacing: -0.01em;

    color: #000000;
}

.custom-w-28 {
    width: 7rem;
}

.custom-user-dashboard-favorite-handicapper-button {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 40px;
    gap: 10px;

    background: #FFFFFF;

    border: 1px solid #E9ECEF;
    border-radius: 8px;

    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.01em;

    color: #1C4579;
}

.custom-top-winners-best-value {
    top: -40px;
    position: absolute;

    font-weight: 800;
    font-size: 14px;
    line-height: 40px;

    letter-spacing: -0.01em;

    color: #35B1C9;
}

.custom-user-dashboard-games-header {
    background: #1C4579;
    border-radius: 15px 15px 0px 0px;

    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    letter-spacing: -0.01em;

    color: #FFFFFF;

    display: flex;
    align-items: center;
}

.custom-align-center {
    align-items: center;
}

.custom-user-dashboard-game-page-button {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.34px;
    letter-spacing: -0.01em;

    background-color: #EEF4FC;
}

.custom-user-dashboard-game-pack-border-button {
    border: 1px solid #EEF4FC
}

.custom-user-dashboard-game-pack-normal-font {
    font-size: 10px;
    font-weight: 400;
    line-height: 13.62px;
    letter-spacing: -0.01em;
}

.custom-user-dashboard-game-pack-bold-font {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;
    letter-spacing: -0.01em;
}

.custom-final-and-starter-games {
    background: #EEF4FC;
    border-radius: 16px 16px 0px 0px;

    font-size: 32px;
    /*32*/
    font-weight: 700;
    /* line-height: 64px; */

    color: #1C4579;
}

.custom-font-size-15px {
    font-size: 15px;
}

.custom-color-black {
    color: var(--color-black) !important;
}

.custom-background-light-blue {
    background-color: #EEF4FC;
}

.custom-white-button {
    padding: 16px 32px 16px 32px;
    border-radius: 8px;

    background-color: #FFFFFF;

    font-size: 15px;
    font-weight: 700;
    line-height: 20px;

    color: #1C4579;
    border: none;
}

.dropdown .dropdown-menu:before {
    color: #ffffff00 !important;
}

.dropdown .dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.dropstart .dropdown-toggle:after,
.dropend .dropdown-toggle:after {
    color: #ffffff00 !important;
}

.custom-no-bg-no-border {
    border: none;
    background-color: transparent;
}

.custom-other-sports-arrow {
    transform: translateY(-50%) rotate(180deg) !important;
}

.custom-three-places-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.custom-four-places-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.custom-base-box {
    border: 1px solid #EEF4FC;
    border-radius: 16px;
    box-shadow: 0px 20px 50px 0px #F3F3F3;
}

.custom-base-blue-button {
    padding: 12px 32px;

    background: #1C4579;
    border-radius: 8px;

    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    color: #FFFFFF;
}

.custom-base-blue-button:hover {
    background-color: #8aa9d1;
    color: white;
}

.custom-base-red-button {
    position: relative;
    padding: 12px 32px;

    background: #E10000;
    border-radius: 8px;

    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    color: #FFFFFF;
}

.custom-base-red-button:disabled:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    pointer-events: none;
}

.custom-base-full-white-button {
    color: #1C4579;

    padding: 12px 32px;

    border: 1px solid #E9ECEF;
    border-radius: 8px;

    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    color: #1C4579;
}

.custom-base-full-white-button:hover {
    color: #1C4579;
    background-color: #E9ECEF;
}

.custom-base-white-button {
    padding: 4px 40px;
    background: #FFFFFF;

    border: 1px solid #E9ECEF;
    border-radius: 8px;

    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01em;

    color: #1C4579;
}

.custom-base-white-button:hover {
    background-color: #E9ECEF;
    color: #1C4579;
}

.select2-selection__arrow {
    display: none;
}

.select2-selection__placeholder,
.select2-results__option {
    text-transform: uppercase !important;
}

.custom-filters-header {
    background-color: #1C4579;
    padding: 1rem;
    border-radius: 16px 16px 0px 0px;
}

.custom-base-shadow {
    box-shadow: 0px 20px 50px 0px #F3F3F3;
    border-radius: 16px;
}

.custom-scores-and-odds-header {
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.custom-consensus-items {
    width: 25%;
}

.custom-games-picks-footer {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    letter-spacing: -0.02em;
}

.custom-bg-white {
    background-color: white;
}

.custom-bg-light-blue {
    background-color: #EEF4FC;
}

.custom-bg-light-blue-2 {
    background-color: #D9E5F4;
}

.custom-public-games-images {
    max-width: 80px;
    max-height: 80px;
}

.custom-public-games-image-round {
    object-fit: cover;
    width: 400px;
    height: 400px;
    border-radius: 50%;
}

.custom-card-border {
    border: 1px solid #E6EBF2 !important;
}

.custom-active-tab {
    border-radius: 15px 15px 0px 0px;
    background-color: #1C4579;

    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;

    color: #FFFFFF;

    padding: 12px;
    width: 100%;

    text-align: center;
}

.custom-inactive-tab {
    border-radius: 15px 15px 0px 0px;
    background-color: #EEF4FC;

    font-size: 14px;
    font-weight: 400;
    line-height: 21.79px;

    color: #1C4579;

    padding: 12px;
}

.custom-light-grey {
    background-color: #F9F9F9;
}

.custom-blue {
    background-color: #1C4579;
}

.custom-groups-tabs-numbers {
    font-size: 36.44px;
    font-weight: 600;
    line-height: 49.63px;
    letter-spacing: -0.02em;
    color: #000000;
}

.custom-groups-tabs-month {
    font-size: 14.58px;
    font-weight: 400;
    line-height: 19.85px;
    letter-spacing: -0.02em;
}

.custom-groups-tabs-pay {
    font-size: 13.22px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.custom-groups-tabs-points {
    font-size: 11.33px;
    font-weight: 600;
    line-height: 15.43px;
    letter-spacing: -0.01em;
    color: #1C4579;
    cursor: pointer;
}

.custom-groups-tabs-title {
    font-size: 30px;
    font-weight: 700;
    /* line-height: 48.59px;
    letter-spacing: -0.02em; */
    color: black;
}

.custom-border-radius-top {
    border-radius: 16px 16px 0px 0px;
}

.custom-border-radius-bottom {
    border-radius: 0px 0px 16px 16px;
}

.custom-border-radius-full {
    border-radius: 16px 16px 16px 16px;
}

.custom-groups-legend {
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #878787;
}

.custom-groups-top-legend-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 19.07px;

    color: #1C4579;
}

.custom-groups-top-legend {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;

    color: #1C4579;
}

.custom-groups-principal-name {
    font-size: 28px;
    font-weight: 700;
    /* line-height: 64px;
    letter-spacing: -0.02em; */

    color: black;
}

.custom-vertical-groups-principal-amount {
    font-size: 29.18px;
    font-weight: 600;
    line-height: 39.74px;
    letter-spacing: -0.02em;

    color: black;
}

.custom-vertical-groups-principal-month {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    letter-spacing: -0.02em;

    color: #878787;
}

.custom-no-border {
    border: none;
}

.custom-text-black {
    color: black;
}

.custom-inline-flex {
    display: inline-flex;
}

.custom-color-grey {
    color: #EEF4FC;
}

.custom-color-dark-grey {
    color: #878787;
}

.custom-pages-titles {
    font-size: 32px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: -0.02em;
}

.custom-table-header {
    background-color: #EEF4FC;
    border-radius: 8px !important;
}

.custom-table-header th {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16.34px !important;
    letter-spacing: -0.01em !important;
    text-transform: uppercase !important;
    color: #8392AB !important;
    /* text-align: center !important; */
}

.custom-referal-link-input {
    background-color: white !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 21.79px !important;
    color: #1C4579 !important;
}

.custom-vertical-groups-bar-subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
}

.custom-handicapper-days-bar-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 37px;
    letter-spacing: -0.03em;

    color: #000000;
}

.custom-handicapper-days-bar-subtitle {
    font-size: 10px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
}

.custom-handicapper-days-bar-amount {
    font-size: 34px;
    font-weight: 700;
    line-height: 46.3px;
    letter-spacing: -0.02em;

    color: #000000;
}

.sidenav-normal {
    text-wrap: balance;
}

.custom-svg-black svg path {
    fill: black;
}

.custom-feedback {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-orientation: upright;
    writing-mode: vertical-rl;

    padding: 10px;
    background-color: #EEF4FC;

    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;
    color: #1C4579;
}

.custom-overflow-x-auto {
    overflow-x: auto;
    overflow-y: hidden;
}

.custom-overflow-y-auto {
    overflow-y: auto;
}

.custom-font-bold-14px {
    font-weight: 700;
    font-size: 14px;
}

.custom-title-font-bold-38px {
    font-weight: 700;
    font-size: 38px;
}

.custom-position-fixed {
    position: fixed;
}

.custom-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.custom-items-end {
    align-items: flex-end;
}

.custom-min-h-screen {
    min-height: 100vh;
}

.custom-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.custom-bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}

.custom-handicappers-cards-width {
    width: 465px;
    min-width: 465px;
}

.custom-badge-relationship {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.custom-show-per-page {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.34px;
    letter-spacing: -0.01em;

    color: #878787;
}

.custom-no-wrap {
    white-space: nowrap;
}

.custom-lightblue-button {
    border-radius: 8px;
    padding: 14px 32px 14px 32px;
    background-color: #EEF4FC;
    border: 1px solid #EEF4FC;

    font-size: 13px;
    font-weight: 700;
    line-height: 17.7px;

    color: #1C4579;

    display: inline-flex;
}

.custom-lightblue-button:hover {
    color: #1C4579;
    background-color: white;
}

.custom-gold-button {
    border-radius: 8px;
    padding: 14px 32px 14px 32px;
    background-color: #DA9735;

    font-size: 15px;
    font-weight: 700;
    line-height: 20px;

    color: #FFFFFF;

    display: inline-flex;
}

.custom-gold-button:hover {
    background-color: rgb(190, 132, 44);
    color: #FFFFFF;
}

.custom-verify-card-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;

    color: black;
}

.custom-sidebar-items-font {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.custom-best-value-card-header {
    border-radius: 15px 15px 0 0;
    background-color: #1C4579;
    padding: 2px 0px 2px 0px;

    font-size: 12px;
    font-weight: 700;
    line-height: 16.34px;
    letter-spacing: 0.02em;

    color: #FFFFFF;
}

.custom-public-groups-description-normal {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: black;
}

.custom-public-groups-description-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.01em;

    color: #1C4579;
    text-transform: capitalize;
}

.custom-vertical-groups-description-normal {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    letter-spacing: -0.01em;

    color: black;
}

.custom-vertical-groups-description-bold {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.34px;
    letter-spacing: -0.01em;

    color: #1C4579;
    text-transform: capitalize;
}

.error-border {
    border-color: #fd5c70 !important;
}

.error-font {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 14.52px !important;
    color: #E10000 !important;
}

.typesense-results-font {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #1C4579;
}

.custom-align-items-start {
    align-items: flex-start;
}

.custom-border-radius-bottom-typesense {
    border-radius: 0px 0px 16px 16px;
}

.custom-text-no-wrap {
    text-wrap: nowrap;
}

.custom-top-capper-font {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;
    letter-spacing: -0.01em;
    color: #1C4579;
}

.custom-top-package-font {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    letter-spacing: -0.01em;
    color: #1C4579;
}

.custom-top-cappers-button-radius {
    border-radius: 8px;
}

.custom-vs-font {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
}

.custom-following-text-font {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.07px;
    letter-spacing: -0.01em;
    color: #878787;
}

.custom-following-score-font {
    font-size: 30px;
    font-weight: 700;
    line-height: 40.85px;
    letter-spacing: -0.01em;
}

.custom-following-period-font {
    font-size: 12px;
    font-weight: 600;
    line-height: 16.34px;
    letter-spacing: -0.01em;
}

.custom-min-width {
    min-width: 350px !important;
}

.custom-overflow-y-hidden {
    overflow-y: hidden;
}

.custom-referral-plan-label-font {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
}

.custom-grid-two-spaces {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.custom-inline-block {
    display: inline-block;
}

.custom-principal-package-price {
    font-size: 41.14px;
    font-weight: 600;
    line-height: 56.02px;
    letter-spacing: -0.02em;
}

.custom-principal-package-price-legend {
    font-size: 16.46px;
    font-weight: 400;
    line-height: 22.41px;
    letter-spacing: -0.02em;
}

.custom-principal-package-with-points {
    font-size: 12.79px;
    font-weight: 600;
    line-height: 17.42px;
    letter-spacing: -0.01em;
    color: #1C4579;
    cursor: pointer;
}

.custom-public-groups-package-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: -0.02em;
}

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

.custom-earnings-summary-font {
    font-size: 24px;
    font-weight: 400;
    line-height: 37px;
}

.custom-earnings-summary-numbers {
    font-size: 27.13px;
    font-weight: 700;
    line-height: 37px;
}

.custom-text-dark-blue {
    color: #1C4579;
}

.custom-overall-bar-titles {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.01em;
}

.custom-overall-bar-data {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.01em;

    color: #1C4579;
}

.custom-width-400 {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}

.custom-min-height-250 {
    height: 100% !important;
    min-height: 250px !important;
}

.custom-height-and-spacing-font-default {
    line-height: 1.6;
    letter-spacing: 0px;
}

.custom-header-handicapper-summary {
    flex-direction: row;
}

.custom-header-handicapper-profile {
    width: 65%;
}

.custom-header-handicapper-groups {
    width: 35%;
}

/* Admin-specific layout classes */
.admin-handicapper-summary {
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
}

.admin-handicapper-groups-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0;
}

.admin-handicapper-summary .custom-header-handicapper-profile {
    align-items: stretch;
}

.admin-handicapper-summary>div {
    align-self: stretch;
}

.shadow-box {
    position: relative;
}

.shadow-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
    z-index: -1;
    /* Envía la sombra detrás del contenido del `div` */
}

.custom-content-responsive {
    width: 85% !important;
}

.custom-sidbar-responsive {
    min-width: 21.5rem !important;
    max-width: 21.5rem !important;
}

.max-width-modal {
    max-width: 32rem;
}

.custom-top-matches-button:hover {
    color: #1C4579;
    background-color: #eef4fc;
}

.custom-user-dashboard-favorite-handicapper-button:hover {
    color: #1C4579;
    background-color: #eef4fc;
}

.custom-view-more-font-style * {
    color: #878787 !important;
}

.custom-base-red-button-active:hover {
    background-color: #b50101;
}

.custom-referral-button {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    width: 190px;
}

.custom-follow-games-button:hover {
    background-color: #1C4579 !important;
    color: white !important;
}

.custom-all-stats-button:hover {
    background-color: #1C4579 !important;
    color: white !important;
}

.custom-summary-button-result:hover {
    filter: brightness(0.85);
}

.custom-package-button:hover {
    background-color: #1C4579 !important;
    color: white !important;
}

.custom-package-button-active {
    background-color: #1C4579 !important;
    color: white !important;
}

.custom-summary-best-value {
    top: -20px;
    left: 30px;
    position: absolute;

    font-size: 10px;

    font-weight: 800;
    line-height: 21.587px;
    letter-spacing: -0.1px;

    color: #1C4579;
}

.nav-link:hover {
    box-shadow: 0px 5px 10px 0px #00000029;
    border-radius: 8px;
}

.custom-buy-with-points-button {
    background-color: black !important;
    color: white !important;
}

.custom-handicapper-summary-modal {
    min-width: 50vw;
}

.custom-public-plans-montly-button {
    background: linear-gradient(180deg, #C8FFBF 0%, #F1FFEB 100%);
    border-radius: 16px;
}

.custom-public-plans-annual-button {
    background: linear-gradient(180deg, #BFDBFF 0%, #EBF4FF 100%);
    border-radius: 16px;
}

.custom-public-plans-upper-text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.custom-min-height-55 {
    min-height: 55px;
}

.custom-promo-base {
    width: 85%;
    height: 58px;

    background: #EEF4FC;
    border-radius: 8px;
}

.custom-promo-checkbox {
    width: 46px;
    height: 46px;
    background: #1C4579;
    border-radius: 6px;
}

.custom-promo-price {
    font-weight: 600;
    font-size: 44px;
    line-height: 60px;

    text-align: center;
    letter-spacing: -0.06em;

    color: #000000;
}

.custom-promo-normal-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;

    color: #878787;
}

.custom-promo-second-price-text {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;

    text-align: center;
    letter-spacing: -0.06em;

    color: #000000;
}

.custom-w45 {
    width: 45%;
}

.custom-w10 {
    width: 10%;
}

.custom-sign-up-promo-card {
    border-radius: 28px;
    border: 1px solid #2C2C2C !important;
    background: linear-gradient(58deg, #000 0%, rgba(0, 0, 0, 0.40) 100%) !important;
    backdrop-filter: blur(5px);
}

.custom-sign-up-promo-inside-card {
    background: #171717;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.custom-principal-sign-up-card {
    padding: 354px 32.03px 12px 32.03px;
    border-radius: 24px 0px 0px 24px;
}

.custom-sign-up-image-style {
    background-position: left;
    background-repeat: no-repeat;
    background-image: url('/nfl-image.png');
    border-radius: 24px 0px 0px 24px;
}

.custom-sign-up-container {
    width: 1040px;
    height: 785px;
    border-radius: 32px 0px 0px 0px;
}

.custom-background-card-sign-up {
    padding: 32px;
    background-color: #F1F1F1;
    border-radius: 32px;
}

.custom-sign-up-title {
    font-size: 36px;
    font-weight: 700;
    color: white;
}

.custom-sign-up-sub-title {
    font-size: 14px;
    font-weight: 700;
    color: white;
}

.custom-sign-up-title-data {
    font-size: 18px;
    font-weight: 700;
    color: white;
}

.custom-sign-up-title-item {
    font-size: 18px;
    font-weight: 400;
    color: white;
}

.custom-sign-up-title-detail {
    font-size: 14px;
    font-weight: 400;
    color: #C3C3C3;
}

.custom-sign-up-amount {
    font-size: 55.71px;
    font-weight: 700;
    line-height: 64.07px;
    color: white;
}

/*new handicapper styles*/

@media (max-width: 410px) {
    .custom-gap-sm-410 {
        gap: 0px !important;
    }
}

@media (min-width: 410px) {
    .custom-gap-2 {
        gap: 0.5rem !important;
    }
}

@media (max-width: 1000px) {
    .custom-flex-column-1000 {
        flex-direction: column !important;
    }
}

@media (min-width:1000px) {
    .custom-space-around-1000 {
        justify-content: space-around;
    }
}

@media (min-width:1500px) {
    .custom-justify-center-1500 {
        justify-content: center !important;
    }
}

@media (max-width:500px) {
    .custom-final-and-starter-games-500 {
        background: #EEF4FC;
        border-radius: 16px 16px 0px 0px;

        font-size: 25px;
        /*32*/
        font-weight: 700;
        /* line-height: 64px; */

        color: #1C4579;
    }
}


@media (min-width:770px) {
    .custom-animation-navbar-w {
        width: 100%;
    }

    .custom-container-base-sidebar {
        min-height: 800px;
    }

    .custom-hidden {
        display: none !important;
    }
}

@media (max-width: 2000px) {
    /* .custom-sidbar-responsive {
        width: 21.46rem !important;
    } */

    .custom-content-responsive {
        width: 85% !important;
    }
}

@media (max-width:1800px) {
    .custom-content-responsive {
        width: 82% !important;
    }

    /* .custom-sidbar-responsive {
        width: 21.46rem !important;
    } */
}

@media (max-width:1660px) {
    .custom-flex-column-mw-1660 {
        align-items: center;
        flex-direction: column !important;
    }

    .custom-w-lg-75-mw-1660 {
        width: 75% !important;
    }
}

@media (min-width:1660px) {
    .custom-flex-row-mw-1660 {
        flex-direction: row !important;
    }

    .custom-w-lg-65-mw-1660 {
        width: 65% !important;
    }

    .custom-w-lg-50-mw-1660 {
        width: 50% !important;
    }

    .custom-w-lg-35-mw-1660 {
        width: 35% !important;
    }
}

@media (max-width:1550px) {
    /* .custom-sidbar-responsive {
        width: 21.46rem !important;
    } */

    .custom-content-responsive {
        width: 80% !important;
    }
}

@media (max-width:1480px) {
    .ranking-grid-display-for-cards-games {
        grid-template-columns: 0.6fr 1.4fr;
    }

    .custom-summary-table-date-font,
    .custom-summary-table-sport-font,
    .custom-summary-table-teams-font,
    .custom-summary-table-data-font,
    .custom-summary-table-result-font {
        font-size: 14px;
    }

    .custom-summary-table-date-font-sm,
    .custom-summary-table-sport-font-sm,
    .custom-summary-table-teams-font-sm,
    .custom-summary-table-data-font-sm,
    .custom-summary-table-result-font-sm {
        font-size: 12px;
    }

    .custom-top-winners-grid-responsive,
    .custom-grid-responsive {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .custom-header-handicapper-groups {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .custom-header-handicapper-profile {
        width: 100%;
    }

    .admin-handicapper-summary {
        gap: 0;
    }
}

@media (max-width:1400px) {
    .custom-widget-games-and-odds-grid {
        grid-template-columns: 1fr 1fr;
    }

    .custom-widget-filters {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    /* .custom-sidbar-responsive {
        width: 21.46rem !important;
    } */

    .custom-content-responsive {
        width: 76% !important;
    }

    .custom-header-handicapper-summary {
        flex-direction: column;
    }

}

@media (max-width:1360px) {
    .custom-games-picks-teams-images {
        width: 40%;
    }

    .custom-games-picks-teams-names {
        width: 60%;
    }

    .scores-and-odds-filters-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .custom-join-bar-grid {
        grid-template-columns: 1fr 1fr;
    }

    .custom-landing-banner-margin {
        margin: 30px;
    }
}

@media (max-width:1280px) {
    .find-picks-table-overflow {
        overflow-x: scroll;
    }

    .ranking-grid-display-for-cards-games {
        grid-template-columns: 0.8fr 1.2fr;
    }

    .nav-mobile {
        display: grid !important;
        justify-items: center;
        grid-auto-columns: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
    }

    .custom-arrow-background-ranking-1,
    .custom-arrow-background-ranking-2 {
        right: 42.2%;
    }

    .custom-arrow-background-profile {
        right: 42%;
    }

    .custom-item-teams,
    .custom-date-field-summary,
    .custom-item-result,
    .custom-item-status {
        flex-direction: column;
        align-items: center;
    }

    .custom-summary-teams-names-width,
    .custom-summary-teams-names-separator {
        text-align: center;
        width: 100%;
    }

    .custom-item-result-score,
    .custom-item-result-bettype,
    .custom-item-result-description {
        margin: 0px;
    }
}

@media (max-width:1200px) {
    .custom-dashboard-buttons {
        padding-left: 3.4rem;
        padding-right: 3.4rem;
    }

    .custom-content-responsive {
        width: 100% !important;
    }

    .custom-sidbar-content-responsive {
        position: absolute;
    }

    .custom-flex-mobile {
        display: flex !important;
    }

    .custom-handicappers-cards-width {
        width: 320px;
        min-width: 320px;
    }

    .custom-min-height-md-77 {
        min-height: 77px;
    }

    .custom-flex-column-mw-1200 {
        flex-direction: column !important;
    }
}

@media (min-width:1200px) {
    .custom-dashboard-buttons {
        padding-left: 5.7rem;
        padding-right: 5.7rem;
    }

    .custom-d-none {
        display: none !important;
    }

    .custom-flex-row-mw-1200 {
        flex-direction: row !important;
    }
}



@media (max-width:1050px) {
    .display-manage-your-picks {
        display: block;
    }

    .width-manage-your-30 {
        height: 50%;
        width: 100%;
    }

    .float-menu {
        width: 25% !important;
        position: fixed !important;
        right: 2rem;
        background-color: #ffffffff;
        z-index: 1;
    }

    .body-home {
        display: block;
    }

    .teams-home-data,
    .custom-api-mobile-display {
        display: block;
    }

    .notification-card {
        width: 100%;
    }

    .ranking-grid-display {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-wrap {
        justify-content: center;
        padding: 0.5rem;
        gap: 0rem 1rem !important;
        flex-wrap: wrap;
    }

    /* .custom-sidbar-responsive {
        width: 21.46rem !important;
    } */

    /* .custom-content-responsive {
        width: 73% !important;
    } */

    .custom-arrow-background-ranking-1 {
        right: 42.1%;
    }

    .custom-arrow-background-profile {
        right: 42% !important;
    }

    .custom-stadistics-name {
        font-size: 15px;
    }

    .custom-stadistics-values {
        font-size: 15px;
    }

    .custom-games-picks-banner-info {
        flex-direction: column;
    }

    .custom-banner-teams-container {
        text-align: center !important;
        width: 100% !important;
    }

    .custom-summary-display {
        display: block;
        padding: 0px;
    }

    .custom-summary-header-left {
        width: 100%;
        padding-right: 20px;
    }

    .custom-summary-header-right {
        width: 100%;
        padding-right: 20px;
    }

    .custom-summary-header-center {
        width: 100%;
        text-align: justify;
        padding-right: 20px;
    }

    .custom-join-bar-grid {
        grid-template-columns: 1fr;
    }

    .custom-top-winners-grid-responsive,
    .custom-grid-responsive {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }
}


@media (max-width:990px) {

    .custom-games-picks-teams-images {
        width: 100%;
    }

    .custom-games-picks-teams-names {
        width: 100%;
    }

    .custom-team-1-position {
        flex-direction: column-reverse !important;
        align-items: center;
    }

    .custom-team-2-position {
        flex-direction: column !important;
        align-items: center;
    }

    .custom-games-picks-teams-names {
        text-align: center;
    }

    .custom-games-picks-odds-1-position {
        flex-direction: column-reverse !important;
        text-align: center;
    }

    .custom-games-picks-odds-2-position {
        flex-direction: column !important;
        text-align: center;
    }

    .custom-odds-padding {
        padding: 0px;
    }

    .custom-stadistics-name {
        font-size: 13px;
    }

    .custom-stadistics-values {
        font-size: 13px;
    }

    .custom-filters-summary {
        display: block;
    }

    .scores-and-odds-filters-grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .custom-top-winners-grid-responsive,
    .custom-grid-responsive {
        grid-template-columns: 1fr;
    }

    .custom-md-overflow-x {
        overflow-x: auto;
    }

    .custom-md-overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media (max-width:900px) {

    .ranking-grid-display-for-cards {
        display: block;
    }

    .grid-card-games {
        display: flex;
        justify-content: center;
    }

    .custom-grid-picks {
        display: block;
    }

    .icon-padding {
        padding: 1rem;
    }

    .wizard-text-area {
        width: 100%;
    }

    .custom-flex-reports-filters {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .select-custom-width {
        width: 100% !important;
    }

    .image-custom-size {
        max-width: 150px !important;
    }

    .custom-mobile-image {
        max-width: 80px !important;
    }

    .custom-right-team {
        text-align: center !important;
        justify-content: center !important;
    }

    .custom-left-team {
        text-align: center !important;
        justify-content: center !important;
    }

    .grid-card-games-details {
        display: block;
    }

    .ranking-grid-display-for-cards-games {
        display: block;
    }

    /* .custom-sidbar-responsive {
        width: 32% !important;
    } */

    /* .custom-content-responsive {
        width: 68% !important;
    } */

    .custom-footer-width-35 {
        width: 50%;
    }

    .custom-footer-width-65 {
        width: 50%;
    }

    .custom-services-responsive {
        flex-direction: column;
        gap: 1rem;
        align-content: center;
    }

    .custom-green-right-bar {
        border: none;
    }

    .custom-section {
        justify-content: start;
        margin-left: 50px;
    }

    .custom-footer-width-33,
    .custom-login-container {
        width: 100%;
    }

    .custom-dropdown-content {
        right: 2px;
    }

    .custom-login-principal {
        display: block;
    }

    .custom-password-change-block {
        width: 75%;
    }

    .custom-w-90 {
        width: 90%;
    }
}

@media (min-width:900px) {

    .ranking-grid-display-responsive {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width:820px) {
    .hide-gold-button {
        border-radius: 8px;
        padding: 14px 32px 14px 32px;
        background-color: #DA9735;

        font-size: 15px;
        font-weight: 700;
        line-height: 20px;

        color: #FFFFFF;

        display: inline-flex;
    }
}


@media (max-width:820px) {

    .custom-public-pages-flex,
    .custom-login-forms-container {
        flex-direction: column;
    }

    .float-menu {
        right: 12rem;
    }

    .custom-sidbar-responsive,
    .custom-login-forms-width {
        width: 100% !important;
    }

    /* .custom-content-responsive {
        width: 100% !important;
    } */
    .custom-widget-games-and-odds-grid,
    .custom-api-block,
    .custom-handicapper-summary-subscription-grid {
        display: block;
    }

    .custom-stadistics-name {
        font-size: 16px;
    }

    .custom-stadistics-values {
        font-size: 16px;
    }

    .custom-filters-summary {
        display: flex;
    }

    .custom-sidebar-hamburger-button {
        display: none;
    }

    .custom-sidebar-nav-width {
        width: 100%;
    }

    .principal-sidebar-container {
        display: block;
        position: inherit;
    }

    .custom-sidebar-mobile-hidden {
        display: none !important;
    }

    .custom-sidebar-mobile-bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .custom-sidebar-mobile-py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .custom-sidebar-mobile-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .typesense-min-header-width {
        min-width: 250px !important;
    }

    .custom-sidbar-content-responsive {
        position: relative;
    }

    .custom-handicapper-summary-modal {
        min-width: 100vw;
    }

    .custom-sign-up-image-style {
        background-image: none;
    }

    .custom-mobile-sign-up-image-style {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('/nfl-image.png');
        border-radius: 24px;
    }
}

/* kekers */
@media (max-width:750px) {
    .custom-column-top-winners {
        flex-direction: column !important;
    }

}

@media (max-width:700px) {
    .float-menu {
        width: 35% !important;
        position: fixed !important;
        right: 3rem;
        background-color: #ffffffff;
        z-index: 1;
    }

    .ranking-grid-display {
        display: block;
    }

    .nav-mobile {
        display: grid !important;
        justify-items: center;
        grid-auto-columns: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }

    .custom-filters-summary {
        display: block;
    }

    .custom-login-container {
        padding: 1rem;
    }

    .custom-hide-option {
        display: none !important;
    }
}

@media (max-width:600px) {
    .custom-dashboard-buttons {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .handicappers-modal-body-responsive {
        height: 25rem;
    }

    .filters-game-display,
    .custom-login-fields,
    .custom-referral-plan-mobile {
        display: block;
    }

    .custom-date-width {
        width: 100% !important;
    }

    .select-custom-width {
        width: 100% !important;
    }

    .custom-flex-reports-filters {
        display: block;
        align-items: center;
        justify-content: space-around;
    }

    .games-picks-odds-card,
    .custom-api-number-w,
    .custom-reports-payments-w-70 {
        width: 100%;
    }

    .scores-and-odds-date {
        width: auto !important;
    }

    .wizard-filters {
        flex-direction: column;
    }

    .image-custom-size {
        max-width: 50%;
    }

    .game-picks-vs-button {
        border-radius: 5rem !important;
        padding-top: 1.8rem !important;
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
        font-size: 2rem !important;
        padding-bottom: 1.8rem !important;
    }

    .game-picks-vs-div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-nav-login-buttons,
    .custom-fields-width {
        width: 100%;
    }

    .custom-nav-menu-buttons {
        width: 100%;
    }

    .filter-games {
        text-align: center;
    }

    .custom-font-size-sm-600 {
        font-size: 2rem !important;
    }

    .custom-font-size-small-600 {
        font-size: 11.5px !important;
    }

    .custom-font-size-extraSmall-600 {
        font-size: 9px !important;
    }
}

@media (max-width:580px) {
    .custom-game-data {
        flex-direction: column;
        align-items: center;
    }

    .custom-games-picks-teams-width {
        width: 100%;
    }

    .custom-games-picks-center-dates {
        width: 100%;
    }

    .custom-odds-padding {
        padding: 0px;
    }

    .header-responsive {
        align-content: center;
    }

    .logo-responsive {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .login-and-register-responsive {
        width: 100%;
        justify-content: center !important;
    }

    .float-menu {
        right: 22rem;
    }

    .custom-footer-sections {
        flex-direction: column;
    }

    .custom-footer-width-35 {
        width: 100%;
    }

    .custom-footer-width-65 {
        width: 100%;
    }

    .custom-section {
        text-align: center;
        margin: 0px;
    }

    .custom-ul-footer-cage {
        list-style: none;
    }

    .custom-section-1,
    .custom-item-teams,
    .custom-item-date,
    .custom-item-result,
    .custom-item-status,
    .custom-date-field-summary {
        width: 100%;
    }

    .custom-item {
        display: block;
    }

    .custom-summary-button-result,
    .custom-item-teams,
    .custom-item-result,
    .custom-item-status,
    .custom-date-field-summary {
        padding-top: 0.5rem;
    }

    .custom-date-field-summary {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .custom-password-change-block {
        width: 100%;
    }

    .custom-sm-hidden {
        display: none;
    }

    .custom-user-dashboard-principal-title {
        font-size: 40px;
    }

    .custom-have-questions-title {
        font-size: 2rem;
    }

    .custom-sm-overflow-x {
        overflow-x: auto;
    }
}

@media (max-width:470px) {
    .custom-font-size-small-470 {
        font-size: 9px !important;
    }

    .float-menu {
        width: 60% !important;
        right: 9rem;
        background-color: #ffffffff;
        z-index: 1;
    }

    .grid-card-games {
        display: block;
    }

    .div-image-custom-size {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .custom-flex-to-block {
        display: block !important;
    }

    .custom-to-full-width {
        width: 100%;
    }

    .game-picks-table-title {
        padding-left: 0.25rem !important;
    }

    .custom-header-games-picks {
        flex-direction: column;
    }

    .custom-header-avatar-games-picks {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-header-contetn-games-picks {
        width: 100%;
    }

    .custom-title,
    .custom-title-game-picks,
    .custom-game-picks-pick-status,
    .custom-user-dashboard-seven-days-net {
        text-align: center;
    }

    .custom-total {
        text-align: center;
    }

    .custom-dropdown-content {
        right: 10px;
    }

    .custom-flex-space-arround {
        flex-direction: column;
    }

    .custom-summary-mobile-hidden {
        display: none;
    }

    .custom-summary-mobile-show {
        display: block;
    }

    .custom-font-size-xsm-470 {
        font-size: 1.5rem !important;
    }
}

@media (max-width:280px) {
    .handicappers-modal-body-responsive {
        height: 30rem;
    }

    .home-handicappers-body {
        display: block;
    }

    .custom-arrow-background-ranking-1 {
        right: 7.1%;
    }

    .custom-arrow-background-ranking-2 {
        right: 1.2%;
    }
}

@media screen and (max-width: 600px) {
    .topNav div:not(:first-child) {
        display: none;
    }

    .topNav div.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topNav.responsive {
        position: relative;
        display: block;
    }

    .topNav.responsive .icon {
        position: inherit;
        text-align: center;
    }

    .topNav.responsive div {
        float: none;
        display: block;
        text-align: left;
    }
}



/* @media screen and (min-width: 820px) {
    .custom-sidbar-responsive {
        max-width: 21.46rem !important;
    }
} */

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2 {
    width: 100% !important;
    border-radius: 0.25rem !important;
    border-width: 0px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgba(71, 85, 105, var(--tw-text-opacity)) !important;
}

.select2::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(203, 213, 225, var(--tw-placeholder-opacity)) !important;
}

.select2:-ms-input-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(203, 213, 225, var(--tw-placeholder-opacity)) !important;
}

.select2::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(203, 213, 225, var(--tw-placeholder-opacity)) !important;
}

.select2 {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.select2:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.select2-dropdown {
    position: absolute;
    z-index: 50;
    float: left;
    box-sizing: border-box;
    display: block;
    width: auto;
    --tw-border-opacity: 1;
    border-color: rgba(226, 232, 240, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.select2-container--default .select2-selection--single {
    display: flex;
    height: 2.75rem;
    align-items: center;
    border-width: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.select2-container--default .select2-selection--multiple {
    border-width: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}


.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-width: 0px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgba(71, 85, 105, var(--tw-text-opacity));
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(71, 85, 105, var(--tw-text-opacity));
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
}

.select2-selection__choice {
    display: inline-block !important;
    border-radius: 0.25rem !important;
    border-width: 0px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity)) !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 600 !important;
    --tw-text-opacity: 1 !important;
    color: rgba(79, 70, 229, var(--tw-text-opacity)) !important;
}

.select2-selection__choice span {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.select2-search__field:focus {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-left: 0.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgba(244, 63, 94, var(--tw-text-opacity)) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 0.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgba(79, 70, 229, var(--tw-text-opacity)) !important;
}

.select-all,
.deselect-all {
    cursor: pointer;
    font-size: 0.5rem !important;
}

.select2,
.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 8px !important;
}

.select2-dropdown {
    z-index: 9999;
}

.handicappers-pagination-item {
    font-size: 14px;
    font-weight: 700;
    line-height: 19.07px;
    letter-spacing: -0.01em;

    background-color: #FFFFFF;

    border: 1px solid #E9ECEF;

    padding: 10px 15px 10px 15px;
    border-radius: 5px;
}

.handicappers-pagination-active {
    background-color: #1C4579 !important;
    color: #FFFFFF;
}

.dropzone {
    border: solid 1px #d2d6da !important;
    border-radius: 8px !important;
}

/* Custom height matching classes for handicapper profile container */
.custom-profile-height-match {
    min-height: 320px;
}

.custom-profile-full-width {
    flex: 1;
    width: 100%;
}

@media (min-width: 768px) {
    .custom-profile-height-match {
        min-height: 360px;
    }
}

/* Custom minimum width for statistics container */
.custom-stats-min-width {
    min-width: 250px;
}

/* Stats container font sizing for admin view */
.custom-admin-stats-container span,
.custom-admin-stats-container .custom-overall-bar-titles,
.custom-admin-stats-container .custom-overall-bar-data,
.custom-admin-stats-container a {
    font-size: 0.85rem !important;
}

/* Height matching for admin handicapper summary */
@media (min-width: 992px) {
    .custom-admin-summary-height-match {
        align-items: stretch !important;
    }
    .custom-admin-profile-flex {
        flex: 1 1 0 !important;
        height: auto !important;
        min-height: 100% !important;
    }
    .custom-admin-stats-flex {
        flex: 0 0 auto !important;
        height: auto !important;
        width: auto !important;
        min-width: 450px !important;
    }
}