.ppusa-background-image {
    background-image: url('/assets/img/backgroundimages/whitehouse.webp');
    background-size: cover;
}
.ppusa-text-color {
    color:#1d58a5;
}
.ppusa-bmc-color {
    color:#0042ca;
}
.ppusa-ava-color {
    color:#E81B23;
}
.ppusa-srp-color {
    color:#8c5115;
}
.ppusa-money-color {
    color:rgb(21, 140, 90) !important;
}
.ppusa-money-color-2 {
    color:rgb(36, 191, 126) !important;
}
.ppusa-left-color {
    color:#ba599f;
}
.ppusa-right-color {
    color:#1d4699;
}
.ppusa-eco-left-color {
    color:#ad1515;
}
.ppusa-eco-right-color {
    color:#aaa320;
}
.ppusa-cvr-left-color {
    color:#024f0f;
}
.ppusa-cvr-right-color {
    color:#8c5115;
}
.ppusa-foreign-globalist-color {
    color:#3995d7;
}
.ppusa-foreign-isolationist-color {
    color:#af56c6;
}
.ppusa-environment-left-color {
    color:#0b8f4d;
}
.ppusa-environment-right-color {
    color:#2f251d;
}
.ppusa-bmc-background-color {
    background-color:#0042ca;
}
.ppusa-ava-background-color {
    background-color:#E81B23;
}
.ppusa-srp-background-color {
    background-color:#8c5115;
}
.ppusa-candidate1-background-color {
    background-color:#5a3b81;
}
.ppusa-candidate2-background-color {
    background-color:#a63232;
}
.ppusa-candidate3-background-color {
    background-color:#192476;
}
.ppusa-candidate1-color {
    color:#5a3b81;
}
.ppusa-candidate2-color {
    color:#a63232;
}
.ppusa-candidate3-color {
    color:#192476;
}
.ppusa-election-background {
    background-image: url('/assets/img/backgroundimages/electionbackground.webp');
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}
.ppusa-election-background-color {
    background-color:rgb(4, 58, 95);
}
.ppusa-register-image {
    background-image: url('/assets/img/backgroundimages/americ.webp');
    background-size: cover;
}
.ppusa-login-image {
    background-image: url('/assets/img/backgroundimages/americ.webp');
    background-size: cover;
}
.ppusa-navbar-player-image {
    background-size: cover;
    height: 220px; /* Adjust the height as needed */
    position: relative;
    background-position: center center;
    overflow: hidden; /* Ensure image doesn't overflow the container */
}
.ppusa-state-navbar-image {
    /* Adjust the URL and other properties as needed */
    background-size: cover;
    height: 200px; /* Adjust the height as needed */
    position: relative;
    background-position: center center;
    overflow: hidden; /* Ensure image doesn't overflow the container */
}
.ppusa-navbar-gov-image {
    background-image: url('/assets/img/backgroundimages/capitol.webp');
    background-size: cover;
    height: 200px; /* Adjust the height as needed */
    position: relative;
    background-position: center center;
    overflow: hidden; /* Ensure image doesn't overflow the container */
}
.ppusa-navbar-party-image {
    background-image: url('/assets/img/backgroundimages/ppusa_party.webp');
    background-size: cover;
    height: 200px; /* Adjust the height as needed */
    position: relative;
    background-position: center center;
    overflow: hidden; /* Ensure image doesn't overflow the container */
}
.ppusa-navbar-map-image {
    background-image: url('/assets/img/backgroundimages/usmap.webp');
    background-size: cover;
    height: 200px; /* Adjust the height as needed */
    position: relative;
    background-position: center center;
    overflow: hidden; /* Ensure image doesn't overflow the container */
}
.caption-bottom-left {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: rgb(255, 255, 255);
}
.caption-top-left {
    position: absolute;
    bottom: 30px; /* Adjust the vertical offset */
    left: 10px;
    color: white;
}
.caption-bottom-center {
    position: relative;
    top: 155px;
    color: #ffffff;
}
.caption-top-center {
    position: relative;
    top: 150px;
    color: #ffffff;
}
.caption-top-g {
    position: relative;
    color: #ffffff;
}
.btn-patreon {
    color: #ffffff;
    background-color: #f96854;
    border-color: #f96854;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(23, 31, 56, 0.075);
}
.btn-discord {
    color: #ffffff;
    background-color: #7289da;
    border-color: #7289da;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(23, 31, 56, 0.075);
}
.fix-my-navbar-please {
    margin-top: 60px;
}
.state-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0.0625rem solid #E5E7EB;
    border-radius: 1rem;
    width:fit-content;
    height:fit-content;
}
.user-navbar-content {
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    width: 100%;
}

#userBalance {
    flex-grow: 1;
    text-align: center;
}

#profilePicture {
    margin-left: auto; /* This pushes the image to the right */
}
.profile-dropdown {
    position: relative;
    display: inline-block;
    margin-left: auto; /* Adjusts the alignment to the right */
}

#dropdownMenu {
    position: absolute;
    top: 100%; /* Position below the profile picture */
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

#dropdownMenu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu a:hover {
    background-color: #f1f1f1;
}
.ppusa-border-color { 
    border-color: #e6e9f7 !important; 
} 
.overflow-scroll {
    max-height: 400px; /* Adjust as needed */
    overflow-y: auto;
}

.badge-icon {
    display: inline-block; /* Display badges inline */
    margin-right: 8px; /* Add some space between icons */
    vertical-align: middle; /* Align icons vertically */
}

.twotip {
    position: relative; /* Establish positioning context for tooltip */
}

.twotip::before {
    content: attr(data-tooltip); /* Use the data-tooltip attribute for content */
    position: absolute;
    white-space: nowrap; /* Keep the tooltip on one line */
    background-color: #333; /* Tooltip background */
    color: #fff; /* Tooltip text color */
    padding: 4px 8px; /* Tooltip padding */
    border-radius: 4px; /* Rounded corners for the tooltip */
    top: -35px; /* Position above the icon */
    left: 50%;
    transform: translateX(-50%); /* Center the tooltip */
    visibility: hidden; /* Hide tooltip by default */
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s ease-in-out;
}

.twotip:hover::before {
    visibility: visible; /* Show tooltip on hover */
    opacity: 1;
}

.table-img-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.state-img, .party-img, .governor-img {
    width: auto;
    height: auto;
    max-width: 100px; /* Ensure proper scaling */
    max-height: 100px;
}
.governor-img, .state-img {
    margin-right: 10px;
}
/* Adjust sizes for different screen sizes */
@media (min-width: 768px) {
    .party-img, .governor-img {
        width: 80px; /* Larger size for desktop */
        height: 80px;
    }
}

@media (max-width: 767.98px) {
    .party-img, .governor-img {
        width: 50px; /* Smaller size for mobile */
        height: 50px;
    }
}

.state-info, .governor-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .state-info, .governor-info {
        flex-direction: column;
        text-align: center;
    }
}
.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}
body, html {
    margin: 0 !important;
    padding: 0 !important;
    background-color:#15234d;
}