body {
    background: #efefef;
}

.box-grad{
	background: linear-gradient(180deg, #ffffff 0%, #dae2ed 100%);
}

.progress {
	height: 15px;
	width: 100%;
	background-color: #e6e6e6;
	border-radius: 5px;
}


.secim-brenk{
	color: #435264;	
	font-size:16px;
}

.progress-bar {
	height: 100%;
	background-color: #bbc4d2;
	border-radius: 5px;
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
    left: 0;
    top: 0px;
}

.pr-per{
    position: absolute;
    font-size: 24px;
    color: #435264;
    font-weight: bold;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    bottom: calc(50% - 68px);
}

.secim-baslik{
	font-weight: 700;
    align-items: center;
}

.secim-baslik:after{
    content: "";
    position: relative;
    display: flex;
    height: 5px;
    align-items: center;
    flex: 1;
    background: #cacaca;
    border-radius: 4px;
	
}

.oy-sayisi{
    font-size: .700rem;
    letter-spacing: 0.1em;	
}


.img-cerceve {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e7;
    border-radius: 0.375rem;
    max-width: 100%;
    height: auto;
}



.bg-akparti .bar-parti {
    background-color: #ff9700!important;
	color:white;
}

.bg-memleket .bar-parti {
    background-color: #005dac!important;
	color:white;
}

.bg-chp .bar-parti {
    background-color: #e30613!important;
	color:white;
}

.bg-zaferp .bar-parti {
    background-color: #53b5e2!important;
	color:white;
}


.bg-akparti {
    border-bottom: 3px solid #ff9700!important;
}

.bg-memleket{
    border-bottom: 3px solid #005dac!important;
}

.bg-chp{
    border-bottom: 3px solid #e30613!important;
}

.bg-zaferp{
	border-bottom: 3px solid #53b5e2!important;
}


.genel-parti-info {
	position:relative;
	width:100%;
}

.katilim-orani-genel {
    font-size: 12px !important;
    line-height: 21px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #a4a6a4;
    padding-right: 10px;
    box-shadow: 8px 0px 10px -11px rgba(0,0,0,.55);
}


.sandik-orani-genel {
    font-size: 12px !important;
    line-height: 21px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #a4a6a4;
	text-align: right;
    padding-left: 10px;
    box-shadow: -8px 0px 10px -11px rgba(0,0,0,.55);
}

.sandik-orani-genel span, .katilim-orani-genel span {
    text-align: center;
    color: #232323;
    font-weight: 500;
    display: flex;
    font-size: 16px;
    justify-content: center;
}

.sehir-ilce-adi {
    text-align: center;
    color: #3872b7;
    font-weight: 500;
	font-size:22px;
    text-align: center;
    padding: 10px 0px;
	width: 100%;
    text-transform: uppercase;
}

.Haritali-parti {
	position:relative;	
	display:flex;
	z-index:1;
}

.ex-acilan {
    padding: 7px 17px !important;
    background: white;
    margin-bottom: 15px;
}

.sehir-ilce-adi2 {
	color: #435264;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding: 7px 0px 5px 0px;
    width: 100%;
    text-transform: uppercase;
}


.acilan {
	padding-left:0px!important;	
	padding-right:0px!important;	
	color:#009688;
}

.acilan-font {
	font-size: 30px!important;	
	text-align:right;
    font-weight: 700 !important;	
	
}

.Haritali-parti img {
	max-width:80px;
	
}

.Haritali-parti > .parti-logo > img {
    margin-top: 0px;
}

.Haritali-parti > .parti-logo{
	padding-bottom:0px !important;
}

.Haritali-parti .oyu {
	font-size:22px;
	font-weight:600;
}

.parti-sira-no {
    font-size: 18px;
    background: #b9b9b9;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    width: 30px;
	position:relative;
}	

.parti-sira-no:after{
	position: absolute;
    top: 21px;
    left: -6px;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #b9b9b9;
    border-bottom: 5px solid transparent;
}
.parti-sira-acilan {
	font-weight:700;
}
.parti-sira-acilan > i {
	font-size: 38px;
    position: absolute;
    left: 0px;
    top: -0px;
}
.sehir {
	font-size:30px;
	color:#666;
	float:left;
}

.acilan-oran {
    position: absolute;
    right: 0px;
    top: -17px;
    font-size: 12px;
    color: #b9b9b9;
    text-align: right;
    font-weight: 600;
}


.bg-gray{
    background-color: #e6e6e6;	
}

.progress-fill {
    background-color:#d1d1d1;
    height: 35px;
    z-index: -1;	
    background-image: -moz-linear-gradient(90deg,rgba(214,212,215,0.2) 0,rgba(229,229,229,0.2) 50%,rgba(247,246,241,0.3) 50%,rgba(231,231,231,0.2) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(214,212,215,0.1) 0,rgba(229,229,229,0.1) 50%,rgba(247,246,241,0.2) 50%,rgba(231,231,231,0.1) 100%);
    background-image: -ms-linear-gradient(90deg,rgba(214,212,215,0.2) 0,rgba(229,229,229,0.2) 50%,rgba(247,246,241,0.3) 50%,rgba(231,231,231,0.2) 100%);	
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);	
	border-radius: 5px;
}


.progress-value{
	position:absolute;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
    top: 50%;
	font-weight:700;
	font-size:26px;
}


.progress-bar, .progress-fill {
  animation-name: animateFill;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: .4s;
}

@keyframes animateFill {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}


.bg-akparti .progress-fill {
    background-color: #ff9700!important;
	color:white;
}

.bg-memleket .progress-fill {
    background-color: #005dac!important;
	color:white;
}

.bg-chp .progress-fill {
    background-color: #e30613!important;
	color:white;
}

.bg-zaferp .progress-fill {
    background-color: #53b5e2!important;
	color:white;
}



.mv-baslik{
	font-size: 10px;
    position: absolute;
    top: -27px;
    left: 50%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fce0e0;
    width: 70%;
    padding: 3px 6px 0px 5px;
    transform: translateX(-50%);
    letter-spacing: -0.1px;
    color: #e20311;
}



.fix-mvparti{
	height:416px;
	overflow-y:auto;
	overflow-x: hidden;
}


.fix-mvparti::-webkit-scrollbar {
	width: 6px;
	right: 4px;
}


.fix-mvparti::-webkit-scrollbar-thumb {
	background-color: #b5b5b5;
	box-shadow: unset;
}

.fix-mvparti::-webkit-scrollbar-track {
	padding: 2px 0;
	background-color: #f4f4f4;
	box-shadow: unset;
}

.fix-mvparti .progress-fill {
	height:20px;
}

.fix-mvparti .progress-value {
	font-size:16px;
}








.svg-bursa-haritasi {
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	position:relative;
}
.svg-bursa-haritasi svg {
	width: 100%;
	height: auto;
}
.ilce-isimleri, .il-isimleri {
	position: absolute;
	z-index: 2;
}
.ilce-isimleri div, .il-isimleri div {
	display: inline-block;
	background: #f44336;
	color: #fff;
	padding: 8px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#svg-bursa-haritasi path {
	cursor: pointer;
}
#svg-bursa-haritasi path:hover {
	fill: #777;
}

#svg-turkiye-haritasi path {
  cursor: pointer;
  /*fill: #a9a9a9a9a9a9;*/
}
#svg-turkiye-haritasi path:hover {
  fill: #777;
}
#guney-kibris {
  pointer-events: none;
}





.tab-secim{
	display: flex;
    justify-content: space-between;
	gap: 20px;
}
/* Tab butonları için stil */
.tab-secim button {
	background-color: #ccc;
	border: none;
	color: black;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
}

/* Seçili butonun stilini değiştir */
.tab-secim button.active {
	background-color: #435264;
    color: #fff;
}

/* Tab içeriği için stil */
.tabcontent {
	display: none;
	border: 1px solid #ccc;
}

/* Seçili tab içeriğini görüntüle */
.tabcontent.show {
	display: block;
}

.tab-content .spinner {
	position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 76%);
    display: flex;
    align-items: center;
    justify-content: center;
	
}


.custom-select {
	position: relative;
	display: inline-block;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #ced4da;
	padding: 6px 30px 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.custom-select:focus {
	outline: none;
	box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
	border-color: #007bff;
}

.custom-select:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.custom-select::-ms-expand {
	display: none;
}

.custom-select::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	border-top: 5px solid #333;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	pointer-events: none;
}

.custom-select:hover::before {
	border-top-color: #007bff;
}

.custom-select:focus::before {
	border-top-color: #007bff;
}



.partivs-ara {
    position: relative;
}


.partivs-ara input {
    border: 1px solid #ccc;
    font-weight: 600;
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 6px -6px #000;
}

.partivs-ara i {
position: absolute;
    right: 13px;
    top: 9px;
    pointer-events: none;
    user-select: none;
    color: #a5a5a5;
    font-size: 14px;
}


.bursa-ist-title{
	font-size:14px;
}



.rotate-cb img {
  animation: rotatecb 50s linear infinite;
}

@keyframes rotatecb {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



@media screen and (max-width: 768px){
	
	.secim-baslik{
		font-size:16px;
		letter-spacing: 0px;
	}
	
	
	.sandik-orani{
		font-size:14px;
	}
	
	.sehir-ilce-adi2 {
		font-size: 16px;
	}
	
	.ex-acilan {
		padding: 5px 10px !important;
		
	}
	.secim-brenk {
		font-size: 12px;
	}	
	
}