.voteOption
{
    margin:10px;
    padding:5px;
    pborder: 1px solid black;
    border-radius: 10px;
    pbackground-color:pink;
}

.config-container
{
    width:80%;
}

.config-form-row
{
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Add some spacing between rows */
}

.config-form-label
{
    flex: 1; /* This makes the label take up as much space as possible */
    text-align: left;
    margin-right: 10px; /* Space between label and select box */
}

.config-form-select
{
    flex: 1; /* This makes the select box take up the remaining space */
}
	width: 99%;
	margin:auto;
	border:1px solid green;
	border-radius: 25px;
	padding-top:20px;
	padding-bottom:10px;
	overflow: hidden; /* Prevents overflow */
    position: relative; /* Ensure inner div positions relative to this */
    box-sizing: border-box;
	
	
/* Parliment Start */

.rbs_parliment_wrapper
{
    padding:15px;
	border:2px solid grey;
	border-radius: 25px;
}

.rbs_parliment_title
{
	text-align:center;
	font-weight:bold;
}

.rbs_parliment_subtitle
{
	margin-top:-10px;
	margin-bottom:20px;
	margin-left:10px;
}

.rbs_parliment_container
{
	width: 100%;
	margin:auto;
	border:1px solid blue;
	border-radius: 25px;
	padding:10px;
	box-sizing: border-box;
}
 
 .rbs_parliment_table
{
    width: 100%;
    height: auto;
    position: relative;	
}

.rbs_parliment_party
{
	text-align:center;
	weight:bold;
}

.rbs_parliment_placement
{
}

.rbs_parliment_placement_left
{
	width:48%;
	float:left;
	margin-right:16px;
	height: 370px;
}

.rbs_parliment_placement_right
{
	width:48%;
	float:left;
	height: 370px;
}

.rbs_item_constituency_map
{
	width: 50%;
    float: left;
	margin-top:25px;
    padding: 15px;
}

.rbs_item_constituency_info_container
{
	width: 45%;
	height:200px;
    float: left;
	margin-top:25px;
	margin-left:10px;
    padding: 10px;
}
	
.rbs_item_constituency_info
{
	
	padding-top:15px;
}

.rbs_item_constituency_info_title
{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
}

.rbs_item_constituency_info_subtitle
{
	margin-top: -15px;
	text-align:center;
	font-size:0.8em;
}

.rbs_item_constituency_info_electorate
{
	text-align:center;
}

.rbs_item_constituency_info_elected_title
{
	margin-top:10px;
	text-align:center;
}

.rbs_item_constituency_info_elected_profile
{
	margin-top:-20px;
	text-align:center;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:-20px;
}

.rbs_item_constituency_info_elected_profile_sub
{
	text-align:center;
	margin-top:-25px;
	margin-bottom:45px;
}

.rbs_item_constituency_info_elected_group
{
	margin-top:25px;
}
.pps
{
	border:1px solid green;
	margin-top:-40px;
	margin-bottom:-10px;
}

#chartContainerq
{
	border:1px solid blue;
	padding-top:-10px;
}

.dynamic_select
{
	margin-left:20px;
}

.bar-graph
{
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 300px;
}

.bar-container
{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0 10px;
    height:100%;
}

.bar
{
    width: 20px;
    margin: 5px 0;
    position: relative;
    text-align: center;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bar span
{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
    color: black;
    padding: 2px 5px;
    border-radius: 3px;
}

/* Striped bars for the second fruit array */
.striped
{
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
    background-size: 10px 10px;
}