/* Vote Display Container */
.vote-display-container {
    font-family: 'Arial', sans-serif;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

#candidates-container {
    margin-bottom: 0px!important;
	margin-top: -10px !important;
}

/* Candidate Card Layout */
.candidate-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 16px 20px 5px 20px;
    margin-bottom: 0px;
}

.candidate-card:hover {
    background-color: #f9faff;
}

/* Candidate Photo */
.candidate-photo {
    width: 55px;
    height: 55px;
    border-radius: 50%!important;
    object-fit: cover;
    margin-right: 20px;
	margin-bottom:15px!important;
}

/* Candidate Info */
.candidate-info {
    display: flex;
    align-items: center;
    flex: 1;
}

.candidate-details {
    display: flex;
    flex-direction: column;
}

.candidate-name {
    font-size: 19px!important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
    font-family: 'Mukta' !important;
	text-align:left!important;
	line-height:1.3!important;
}

.candidate-party {
    font-size: 15px !important;;
    color: #777;
    margin-top: 1px;
    margin-bottom: 5px !important;
    font-family: 'Mukta';
    font-weight: 500;
}

p.nirwachan-title {
    text-align: center;
    font-family: 'Mukta' !important;
    width: 100%;
    font-size: 21px !important;
    font-weight: bold !important;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0px !important;
    line-height: 1.2;
}

/* Party Logo */
.party-logo {
    width: 22px;
    height: 22px;
    margin-left: -38px;
    margin-top: 25px;
    position: absolute;
    border-radius: 50% !important;;
    border: 1px solid #cfcfcf;
	margin-bottom: 0px !important;
}

/* Vote Count */
.vote-count {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
    font-family: 'Mukta';
}

/* Status Badge */
.status {
    background-color: #e53935;
    color: white;
    padding: 1px 10px 0px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    position: absolute;
    right: 12px;
    margin-top: -65px;
    margin-right: 15px;
}

.candidate-card .status.leading {
    background-color: #0a9d14;
    color: white;
    padding: 1px 4px 1px 7px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
}





.candidate-card .status.leading:after{content:"";
	display:inline-block;
	width: 14px;
    height: 15px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cline x1="6" y1="18" x2="18" y2="6"%3E%3C/line%3E%3Cpolyline points="9 6 18 6 18 15"%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}



.status-winner {
    background-color: #e53935;
    color: white;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    position: absolute;
    right: 12px;
    margin-top: -65px;
    margin-right: 20px;
}



/* Checkbox-based styling */
.checkbox-complete:checked ~ .candidate-card .status {
    background-color: #4CAF50; /* Green for 'Complete' status */
    color: white;
    font-weight: bold;
}

/* Additional highlight for selected candidates when checkbox is checked */
.checkbox-complete:checked ~ .candidate-card {
    border-color: #4CAF50; /* Green border when checkbox is checked */
}



.nirwachan-header {
    display: flex;
    align-items: center;
	background: #ececfc;
	height: 60px;
	margin-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
}

.live-icon2 {
    height: 65px;
    width: 65px;
    margin-top: 10px;
}

.status-winner ~ .nirwachan-header .live-icon {
    display: none; /* Hide when विजयी */
}



/* Default state: Hide live icon */
#live-icon {
    display: none !important;
}

/* Show live icon when status is "अग्रता↗" */
#live-icon.show-live-icon {
    display: block!important;
}


.win-tick-img {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block !important;
    margin-top: 0px;
    margin-bottom: 5px !important;
}

.candidate-name a {
    color: black !important;
    text-decoration: none; /* Optional: To remove underline from the link */
}

.candidate-name a:hover {
    color: #8b0707 !important;
    text-decoration: none; /* Optional: To remove underline from the link */
}

span.status.tied {
    background: #4316ba;
}



@media (max-width: 767px) {
    .candidate-photo {
    width: 45px;
    height: 45px;
	margin-right:15px;
    }
	
	.party-logo {
    width: 20px;
		height: 20px;}
	
	.candidate-card {
    padding: 15px 5px 5px 10px;
}
	.nirwachan-header {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        height: 45px;
    }

	p.nirwachan-title {
    font-size: 18px !important;
}
	
	
	.status {
    margin-right: 0px;
	padding: 4px 8px 2px 6px;
	line-height: 1.3;
	font-size:10px;
	margin-bottom: -8px;
}
	.candidate-card .status.leading {margin-right: 0px;
	padding: 4px 4px 3px 6px;
	line-height: 1.3;
	font-size:10px;
	margin-bottom: -8px;
	}
	
	
	.candidate-card .status.leading:after{
	content:"";
	display:inline-block;
	width: 12px;
	height: 12px}
	
	.win-tick-img {
    width: 15px;
    height: 15px;
	margin-left: 5px;}
	
	.candidate-party {
    margin-top: 0px;
	font-size: 13.5px!important;
	text-align:left;
	line-height:1.4;
}
.candidate-name {
	font-size: 16px!important;
	margin-bottom: 3px !important;
	}

.vote-count {
	font-size: 17px;}
	
	.party-logo {
    margin-left: -32px;
    margin-top: 25px;
}
	
	.live-icon2 {
    margin-top: 15px;
}
	
	.candidate-info {align-items: normal;margin-right:5px;}	
	
}






/* Default - Main content with 4 columns */
.all-winners .winner-info {
    display: inline-block;
    text-align: center;
    width: 22%; /* 4 columns by default */
    margin-bottom: 20px;
    position: relative; /* To position party logo in the bottom right */
}

/* Winner details container */
.winner-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}



/* Party logo at bottom right of winner photo */
.winner-photo {
    position: relative;
    margin-bottom: 10px;
}

/* Party logo at the bottom right */
.winner-photo img.party-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

/* Winner photo styling */
.winner-photo img.winner-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%; /* Circular shape */
}


@media (max-width: 1000px) {
    .all-winners .winner-info {
        width: 30% !important; /* 1 column for sidebar and small screens */
        text-align: center;
		
    }

    /* For mobile - Center content */
    .winner-details {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}



/* Center all winners (mobile view) */
@media (max-width: 767px) {
    .all-winners .winner-info {
        width: 45% !important; /* 1 column for sidebar and small screens */
        text-align: center;
    }

    /* For mobile - Center content */
    .winner-details {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}


/* Center all winners (mobile view) */
@media (max-width: 560px) {
    .all-winners .winner-info {
        width: 100% !important; /* 1 column for sidebar and small screens */
        text-align: center;
    }

    /* For mobile - Center content */
    .winner-details {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

/* For screens larger than 800px (main content with 4 columns) */
@media (min-width: 1001px) {
    .content-area .all-winners .winner-info {
        width: 22% !important; /* 4 columns for main content */
    }}

@media (min-width: 768px) {
    .sidebar .all-winners .winner-info {
        width: 100% !important; /* 1 column for sidebar */
        text-align: center;
		margin-bottom: 0px !important;
	}}







.leading-agrata {
    color: #ffffff;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    background: #228311;
    padding: 2px 4px 2px 7px;
    font-family: 'Mukta', sans-serif;
    border-radius: 20px;
	margin-top: 10px;
}



.leading-agrata:after{
	content:"";
	display:inline-block;
	width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cline x1="6" y1="18" x2="18" y2="6"%3E%3C/line%3E%3Cpolyline points="9 6 18 6 18 15"%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}



/* Photo Section Container */
.winner-photo {
    position: relative;
    margin-bottom: 10px;
}

/* Candidate Photo */
.candidate-photo1 {
    width: 120px;
    height: 120px;
    border-radius: 50%!important;
}

/* Party Logo */
.party-logo1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
}




/* Candidate Name and Status */
.candidate-name-status {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: bold;
    margin: 5px 0;
	font-family: 'Mukta';
}

/* Candidate Party */
.candidate-party1 {
    margin: -2px 0px 5px 0px;
    font-size: 14px;
    color: #2981a6;
}

/* Candidate Votes */
.candidate-votes1 {
    margin: 0;
    font-size: 20px;
    color: #c61717;
    font-weight: bold;
    font-family: 'Mukta';
}




/* Post Title */
.agrata-post-title {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 10px;
    font-family: 'Mukta';
    line-height: 1.2;
    width: 100%;
    background: #ececfc;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Post Link */
.agrata-post-link {
    color: #095786;
    text-decoration: none;
}

.agrata-post-link:hover {
    text-decoration: underline; /* Hover गर्दा underline देखिन्छ */
    color: #7a6705; 
}

.leadinglink:hover{color:#466e4a}
.winnerlink:hover{color:#a94545}


/* Winner Status Container */
.winner-status {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #e30a0a;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #efd8d8;
    padding: 3px 6px 3px 6px;
    border-radius: 20px;
}

/* Win Tick Icon */
.win-tick-icon {
    width: 18px; /* Image width */
    height: 18px; /* Image height */
    margin-right: 8px; /* Text र Image बीचको spacing */
}


.sidebar {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}



.umedwari-darta-post-title {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color: #075b57;
    background: #ececfc;
    font-size: 22px;
    font-family: 'Mukta';
	line-height: 1.2;
	font-weight:bold;
	margin-bottom:0px;
}


.umedwari-name-link:hover{color:#1d61c4}

.candidate-party2 {
    margin: -1px 0px 5px 0px;
    font-size: 14px;
    color: #075f75;
}








.total-leading-count {
    font-family: 'Mukta';
    font-size: 20px;
    font-weight: bold;
	color:white;
}

.party-leading-count {
    font-family: 'Mukta';
    font-size: 20px;
    font-weight: bold;
	color:blue;
}


.total-winners-count {
    font-family: 'Mukta';
    font-size: 20px;
    font-weight: bold;
	color:white;
}

.party-winners-count {
    font-family: 'Mukta';
    font-size: 20px;
    font-weight: bold;
	color:blue;
}



.sidebar .all-winners {
    gap: 0px !important;
}