/* Seçim Sihirbazı CSS */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
html, body {
	margin:0;
	padding:0;
	height: 100%;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#323232;
	font-weight:400;
	/*overflow: hidden;*/
	-webkit-font-smoothing:antialiased;
}
.clear{
	clear:both;
}
.theadx-logo {
	position:relative;
	float:left;
	width:90px;
	height:30px;
	margin-right:15px;
	margin-top:-2px;
}
.theadx-logo:after {
	content:'|';
	position:absolute;
	color:rgba(0,0,0,.2);
	right:-10px;
	font-weight:300;
	top:0;
}
.theadx-logo img {
	max-width:100%;
	max-height:100%;
}
h1.vote-results-heading {
	position:relative;
	width:100%;
	display:block;
	font-size:18px;
	font-weight:700;
	padding: 8px;
	margin:0;
	background-color:#0062cc;
	color:#ffffff;
}
.slogan {
	font-size:14px;
	font-style:italic;
	font-weight:400;
	margin-left:20px;
}
.filter-settings-link {
	float:right;
}
.filter-settings-link::after {
	content:'THEADX Hedeflemeler';
	display:block;
	color:#ffffff;
	font-size: 14px;
	font-weight:600;
	line-height: 20px;
}
.wizard-step {
	text-align:center;
	display:none;
}
.wizard-step h2 {
	width:100%;
	margin:auto;
	font-size:48px;
	font-weight:200;
	margin-bottom:40px;
}
.wizard-step h2 span {
	position:relative;
	padding-bottom:10px;
}
.wizard-step h2 span::after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	margin:auto;
	display:block;
	border-bottom:4px solid #0062cc;
}
.wizard-progress-bar {
	width:240px;
	margin:30px auto;
	display:flex;
}
.step {
	flex:1;
	height:32px;
	line-height:32px;
	font-size:18px;
	font-weight:700;
	color:#828282;
	background-color:#f0f0f0;
}
.step + .step {
	margin-left:1px;
}
.step-active {
	color:#ffffff;
	background-color:green;
}
.step-completed {
	color:#ffffff;
	background-color:#0062cc;
}
.step:first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.step:last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.candidate-types {
	max-width: 370px;
	margin:auto;
}
.algorythm-type {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(100% - 30px);
	justify-content: center;
}
.candidate-item {
	display:inline-block;
	margin: 15px;
	width: calc(33% - 30px);
}
.ctype {
	display:block;
	padding:12px 16px;
	border:2px;
	font-size:18px;
	border:2px solid #0062cc;
	background-color: #ffffff;
	color: #0062cc;
	font-weight:700;
	transition:all ease-in-out .25s;
}
.ctype:hover {
	background-color: #0062cc;
	border-color: #0062cc;
	color: white;
	cursor:pointer;
}
.candidate-types input[type="radio"] {
	-webkit-appearance:none;
	display:none;
}
.candidate-types input[type="radio"]:checked + label {
	background-color:green;
	border-color:green;
	color: white;
	transform:scale(1.02,1.02);
}
#algorythm-modal select {
	-webkit-appearance:none;
	min-width:150px;
	width:100%;
	font-family:'Roboto', sans-serif;
	padding:8px 28px 8px 8px;
	font-size:14px;
	font-weight:600;
	background-color:#ffffff;
	background-image:url(../images/select-arrow.svg);
	background-size:16px;
	background-position:right 10px center;
	background-repeat:no-repeat;
	border-radius:0;
	border-style:none;
	border:1px solid #d2d2d2;
	margin:10px 10px 10px 0;
}
.wizard-actions {
	display:block;
	text-align:center;
}
.parties {}
.alliance {
	display:inline-block;
	position:relative;
	padding:30px 10px 10px 10px;
	border:2px solid #f0f0f0;
	margin-bottom:.5em;
}
.alliance-name {
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-align:center;
	font-weight:600;
	font-size:18px;
	width:100%;
}
.parties input[type="radio"] {
	display:none;
}
.parties.adaylar label {
	min-width:285px;
}
.parties label {
	font-size:24px;
	font-weight:500;
	padding:16px;
	color:585858;
	border:2px solid white;
	text-align:center;
	transition:all ease-in-out .1s;
}
.parties label .ittifak {
	display:block;
	font-size:14px;
	padding: 8px 4px;
	border-radius: 4px;
	background-color: #e0e3e5;
}
.parties label:hover {
	border-color:#d2d2d2;
}
.parties input[type="radio"]:checked + label {
	border-color:green;
	color:#000000;
}
.parties label img {
	width:128px;
	height:128px;
	display:block;
	border-radius:4px;
	margin:auto;
	overflow:hidden;
	object-fit: cover;
}
.location-selection select {
	-webkit-appearance:none;
	min-width: 300px;
	width: 50%;
	display: block;
	font-family:'Roboto', sans-serif;
	padding: 8px 36px 8px 8px;
	font-size: 24px;
	font-weight: 400;
	background-color:#ffffff;
	background-image:url(../images/select-arrow.svg);
	background-size:16px;
	background-position:right 10px center;
	background-repeat:no-repeat;
	border-radius:0;
	border-style:none;
	border:1px solid #d2d2d2;
	margin: 10px auto 10px auto;
}
.p-tooltip {
	font-size:11px;
	text-align:left;
	padding:10px;
	background-color:#f0f0f0;
	border:1px solid #fafafa;
}
/* SONUÇLAR SAYFASI CSS */
.vote-results  {
	width:100%;
	height: calc(100% - 37px);
	min-height: calc(100% - 44px);
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
}
.vote-results > div {
	height:100%;
	min-height:100%;
	overflow-y: auto;
}
.left-panel {
	flex:2;
	position:relative;
}
.right-panel {
	flex:1;
	border-left:1px solid #d2d2d2 ;
	min-width:300px;
}
.right-top {
	height:50%;
}
.result-filters-menu {
	margin:10px;
	padding:0;
	list-style:none;
}
.result-filters-menu li {
	float:left;
	margin:0;
	padding:0;
}
.result-filters-menu li a {
	position:relative;
	display:block;
	padding:8px 16px;
	white-space:nowrap;
	color:#828282;
	font-weight:500;
}
.result-filters-menu li a:hover {
	color:#323232;
	background-color:#fafafa;
	text-decoration:none;
}
.result-filters-menu li a::after {
	content:'';
	display:block;
	position:absolute;
	right:-12px;
	top:12px;
	border:6px solid #e2e2e2;
	border-color:transparent transparent transparent #e2e2e2;
	z-index:2;
}
.result-filters-menu li:last-child a::after {
	border:none;
}
.result-filters-menu li a.active {
	color:#ffffff;
	background-color:#76bb61;
}
.result-filters-menu li a.active::after {
	border-color:transparent transparent transparent #76bb61;
}
.left-content {
	padding: 10px;
	height: calc(100% - 127px);
	width: 100%;
}
.right-bottom {
	border-top:1px solid #d2d2d2;
	/*height: 50%;*/
}
.left-content h2 {
	font-size:24px;
}
.result-settings {
	float:right;
}
.frequency-range {
	display:inline-block;
	position:relative;
	width:110px;
	height: 26px;

}
.frequency-name,
.frequency-value {
	display:inline-block;
	min-width:30px;
	position:absolute;
	font-size:12px;
}
.frequency-name {
	left:2px;
	top:0;
	font-weight:400;
}
.frequency-value {
	right:2px;
	top:0;
	text-align:right;
}
.frequency-slider {
	-webkit-appearance: none;
	width:108px;
	height: 4px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	position:absolute;
	left:0;
	bottom:0;
}
.frequency-slider:hover {
	opacity: 1;
}
.frequency-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	height: 12px;
	border-radius:1px;
	background: #007bff;
	cursor: pointer;
}
.frequency-slider::-moz-range-thumb {
	width: 6px;
	height: 12px;

	background: #4CAF50;
	cursor: pointer;
}
.setting-btn {
	display:inline-block;
	font-size:14px;
	padding:4px 8px;
	border:1px solid #007bff;
	color:#007bff;
	vertical-align:top;
	font-weight:400;
}
.setting-btn:hover {
	background-color:#118cff;
	color:#ffffff;
	text-decoration:none;
}
.result-settings select {
	-webkit-appearance:none;
	max-width:100px;
	border-radius:0;
	font-size:14px;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	padding:4px 28px 4px 8px;
	vertical-align:top;
	background:url(../images/select-arrow.svg) right 5px center no-repeat;
	background-size:14px;
}
.btn-banner {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../images/icon-info.svg) center center no-repeat;
	background-size:contain;
	vertical-align:text-top;
	margin-left:4px;
	filter: saturate(0%);
	opacity:.75;
}
.btn-banner::after {
	content:'Örnek Reklam';
	position:absolute;
	left:18px;
	top:-4px;
	background-color:#ffffff;
	padding:2px 8px;
	border-radius:2px;
	box-shadow:2px 2px 1px rgba(0,0,0,.2);
	display:none;
}
.btn-banner:hover {
	filter: saturate(100%);
	opacity:1;
}
.btn-banner:hover:after {
	display:inline-block;
}
.amodal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75);
	z-index:3;
	text-align:left;
	overflow:auto;
	display:none;
}
.amodal-container {
	position:absolute;
	top:100px;
	left:calc(50% - 180px);
	width:360px;
	background-color:#ffffff;
	border-radius:4px;
}
.amodal-heading {
	padding:15px;
	font-size:24px;
	border-bottom:1px solid #d2d2d2;
	font-weight:600;
}
.amodal-content {
	height:100%;
	padding:15px;
	overflow:auto;
}
.aselection input[type="radio"] {
	-webkit-appearance:none;
	display:none;
}
.aselection label {
	display:block;
	border:2px solid #007bff;
	color:#007bff;
	padding:8px 12px;
	font-weight:600;
	transition:all ease-in-out .1s;
}
.aselection label:hover {
	background-color:#007bff;
	color:#ffffff;
}
.aselection input[type="radio"]:checked + label {
	background-color:#006c22;
	color:#ffffff;
	border-color:#006c22;
	transform:scale(1.03,1.03);
}
.aspec-split {
	display:flex;
}
.aspec-half + .aspec-half {
	margin-left:10px;
}
.aspecs-name {
	display:block;
	font-weight:600;
	font-size:14px;
}
.input-group {
	margin:0px 0px 10px 0;
	width:100%;
}
.input-group input[type="text"] {
	width:calc(100% - 40px);
	padding-left:10px;
	padding-right:10px;
	font-weight:600;
	font-size:18px;
	text-align:right;
	outline:none;
}
.input-group-append {
	width:40px;
}
.input-group-text {
	border-radius:0;
	width:40px;
}
.multi-freq > div + div {
	margin-left:4px;
}
.freq-condition {
	width:100%;
	display:block;
	text-align:center;
	color:#495057;
	font-size:12px;
	font-weight:500;
}
.multi-freq input[type="text"] {
	font-weight:600;
	font-size:18px;
	text-align:center;
	outline:none;
	margin-bottom:10px;
}
.multi-freq span {
	display:block;
	color:#495057;
	background-color:#e9ecef;
	border:1px solid #ced4da;
	border-bottom:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;

}
.multi-freq input[type="text"] {
	width:100%;
}
.multi-freq .input-group-append {
	width:50px;
}
.multi-freq .input-group-text {
	width:100%;
	padding:5.25px;
	font-size:12px;
}
.modal-actions {
	text-align:center;
}
.result-table-container {
	width:100%;
	height: calc(100% - 52px);
	overflow:auto;
	border:1px solid #d2d2d2;
}
.result-table {
	white-space:nowrap;
	width:100%;
	text-align:left;
	border-collapse:collapse !important;
}
.result-table thead tr th,
.result-table tbody tr td {
	padding:4px !important;
	border:1px solid #e2e2e2;
	font-size:12px;
}
.result-table thead tr th:last-child,
.result-table tbody tr td:last-child {
	text-align:right;
}
.result-table tbody tr:nth-child(even) td {
	background-color:#fcfcfc;
}
.result-table tbody tr:hover td {
	background-color:rgba(0, 102, 207, .1);
}
.result-table thead tr th {
	background-color:#e2e2e2;
	border-bottom:none !important;
	padding-right:18px !important;
}
.td-bold-1 tbody td:nth-child(1) { font-weight:700; }
.td-bold-2 tbody td:nth-child(2) { font-weight:700; }
.td-bold-3 tbody td:nth-child(3) { font-weight:700; }
.td-bold-4 tbody td:nth-child(4) { font-weight:700; }
.td-bold-5 tbody td:nth-child(5) { font-weight:700; }
.td-bold-6 tbody td:nth-child(6) { font-weight:700; }
.td-bold-7 tbody td:nth-child(7) { font-weight:700; }
.td-bold-8 tbody td:nth-child(8) { font-weight:700; }
.td-bold-9 tbody td:nth-child(9) { font-weight:700; }
.td-bold-10 tbody td:nth-child(10) { font-weight:700; }
.td-bold-11 tbody td:nth-child(11) { font-weight:700; }
.td-bold-12 tbody td:nth-child(12) { font-weight:700; }
.td-bold-13 tbody td:nth-child(13) { font-weight:700; }
.td-bold-14 tbody td:nth-child(14) { font-weight:700; }
.td-bold-15 tbody td:nth-child(15) { font-weight:700; }
.td-bold-16 tbody td:nth-child(16) { font-weight:700; }
.td-bold-17 tbody td:nth-child(17) { font-weight:700; }
.td-bold-18 tbody td:nth-child(18) { font-weight:700; }
.td-bold-19 tbody td:nth-child(19) { font-weight:700; }
.td-bold-20 tbody td:nth-child(20) { font-weight:700; }
.td-bold-21 tbody td:nth-child(21) { font-weight:700; }
.td-bold-22 tbody td:nth-child(22) { font-weight:700; }
.td-bold-23 tbody td:nth-child(23) { font-weight:700; }
.td-bold-24 tbody td:nth-child(24) { font-weight:700; }
.td-bold-25 tbody td:nth-child(25) { font-weight:700; }
.td-bold-26 tbody td:nth-child(26) { font-weight:700; }
.td-bold-27 tbody td:nth-child(27) { font-weight:700; }
.td-bold-28 tbody td:nth-child(28) { font-weight:700; }
.td-bold-29 tbody td:nth-child(29) { font-weight:700; }
.td-bold-30 tbody td:nth-child(30) { font-weight:700; }
.td-bold-31 tbody td:nth-child(31) { font-weight:700; }
.td-bold-32 tbody td:nth-child(32) { font-weight:700; }
.td-bold-33 tbody td:nth-child(33) { font-weight:700; }
.td-bold-34 tbody td:nth-child(34) { font-weight:700; }
.td-bold-35 tbody td:nth-child(35) { font-weight:700; }
.td-bold-36 tbody td:nth-child(36) { font-weight:700; }
.td-bold-37 tbody td:nth-child(37) { font-weight:700; }
.td-bold-38 tbody td:nth-child(38) { font-weight:700; }
.td-bold-39 tbody td:nth-child(39) { font-weight:700; }
.td-bold-40 tbody td:nth-child(40) { font-weight:700; }
.bottom-band {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	color:#3a3a3a;
	padding:8px;
	display:flex;
	background-color:#fafafa;
	border-top:1px solid #d2d2d2;
}
.bottom-info-item {
	flex:1;
	padding:4px;
}
.bottom-info-item-name {
	display:block;
	font-size:11px;
	line-height:14px;
	font-weight:600;
}
.bottom-info-item-amount {
	display:block;
	font-weight:700;
	font-size:20px;
	margin:4px auto;
	padding:4px;
	border:1px solid #d2d2d2;
}
.bottom-info-item-text {
	display:block;
	font-size:11px;
	line-height:14px;
}
.result-map {
	width:100%;
	height: 100%;
}
.result-map iframe {
	width:100%;
	height:100%;
}
.vote-select {
	-webkit-appearance:none;
	min-width:150px;
	font-family:'Roboto', sans-serif;
	padding:8px 28px 8px 8px;
	font-size:14px;
	font-weight:600;
	background-color:#ffffff;
	background-image:url(../images/select-arrow.svg);
	background-size:16px;
	background-position:right 10px center;
	background-repeat:no-repeat;
	border-radius:0;
	border-style:none;
	border:1px solid #d2d2d2;
	margin:10px 10px 10px 0;
}
.btn {
	display:inline-block;
	padding:8px 16px;
	background-color:#007bff;
	color:#ffffff;
	margin:10px 10px 10px 0;
	border-radius:0;
}
.btn:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#118cff;
}
.success {
	display:inline-block;
	padding:8px;
	border:1px solid rgba(0,255,0,.2);
	background-color:rgba(0,255,0,.1);
	color:green;
	margin-bottom:10px;
}
.error {
	display:inline-block;
	padding:8px;
	border:1px solid rgba(255,0,0,.2);
	background-color:rgba(255,0,0,.1);
	color:red;
	margin-bottom:10px;
}
.error::before {
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../images/icon-error.svg) center center no-repeat;
	background-size:contain;
	vertical-align:middle;
}
.reklam-turu-ve-frekans-selection label {
	display:inline-block;
	margin:10px 10px 10px 0;
	font-weight:700;
}
.reklam-turu-ve-frekans-selection label input[type="checkbox"] {
	margin:5px;
}
.reklam-turu-ve-frekans-selection input[type="text"] {
	-webkit-appearance:none;
	min-width:150px;
	font-family:'Roboto', sans-serif;
	padding:8px;
	font-size:14px;
	font-weight:600;
	background-color:#ffffff;
	border-radius:0;
	border-style:none;
	border:1px solid #d2d2d2;
	margin:10px 10px 10px 0;
}
.reklam-turu-ve-frekans-selection label span {
	font-size:11px;
	color:#828282;
}
.close-btn {
	display:block;
	float:right;
	width:24px;
	height:24px;
	border-radius:50%;
	font-size:24px;
	font-weight:600;
	transform:rotate(45deg);
	background-color:#007bff;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	line-height:24px;
}
.close-btn:hover {
	text-decoration:none;
	color:#ffffff;
}
.close-btn::after {
	content:'+';
}
.sample-banners .tab-pane {
	padding:10px;
}
/* Örnek Banner */
.dm-banner {
	position:relative;
	width:300px;
	height:250px;
	overflow:hidden;
	border: 1px solid #006aee;
	box-sizing:border-box;
	background-image: linear-gradient(#007bff, #0b4079);
	color:#ffffff;
	margin:auto;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	-webkit-font-smoothing:antialiased;
}
.mahalle-text {
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
}
.aday-text {
	position:absolute;
	left:0;
	top:70px;
	padding:10px;
	width:210px;
	line-height:16px;
	font-weight:600;
}
.logo {
	position:absolute;
	left:10px;
	bottom:15px;
	width:80px;
	height:80px;
}
.logo img {
	width:100%;
	height:100%;
}
.aday-img {
	position:absolute;
	right:-30px;
	bottom:0;
	width:180px;
	height:180px;
}
.aday-img img {
	width:100%;
	height:100%;
}
.sample-video {
	width:100%;
	height:100%;
}
.sample-video video {
	width:100%;
	height:100%;
}
/* Başvuru Formu */
.basvuru-formu {
	padding:15px;
}
.basvuru-formu .close-btn {
	position: absolute;right: 15px;top: 15px;
}
.basvuru-formu h2 {
	text-align:center;
	margin-bottom:10px;
}
.basvuru-formu .p-tooltip {
	font-size:12px;
	line-height:14px;

}
.basvuru-formu span {
	display:block;
	margin-bottom:0px;
	font-weight:600;
	color:#828282;
}
.basvuru-formu input[type="text"],
.basvuru-formu input[type="email"],
.basvuru-formu select {
	-webkit-appearance:none;
	width:100%;
	height:35px;
	background-color:#f0f0f0;
	border:1px solid #e2e2e2;
	margin-bottom:10px;
	border-radius:0;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:600;
	padding:0 10px;
}
.basvuru-formu select {
	background:#f0f0f0 url(../images/icon-down-arrow.svg) right 10px top 10px no-repeat;
	background-size:24px;
}
.basvuru-formu .btn {
	width:100%;
}
@media (max-width:1200px) {
	.candidate-item {
		width:calc(50% - 30px);
	}
}
@media (max-width:1130px) {
	.slogan {
		display:none;
	}
}
@media (max-width:900px) {
	.candidate-item {
		width: 100%;
		margin-bottom: -10px;
	}
}
@media (max-width:800px) {
	html,body {
		overflow:auto;
	}
	.vote-results {
		flex-wrap:wrap;
	}
	.vote-results > div {
		overflow:inherit;
		height: 100%;
		min-height:auto;
		width: 100%;
	}
}
@media (max-width:730px) {
	.slogan {
		display:block;
	}
	.result-settings {
		float:none;
	}
	.vote-results {
		text-align:center;
	}
	.vote-tabs li a {
		padding: 16px 6px;
		font-size: 11.5px;
	}
	.result-map {
		width:100%;
		max-width:100%;
	}
	h1.vote-results-heading {
		text-align:center;
	}
	.theadx-logo {
		float:none;
		display:block;
		width:50%;
		margin:0 auto 5px auto;
	}
	.theadx-logo::after {
		content:none;
	}
	.filter-settings-link {
		display:block;
		float:none;
	}
	.parties label {
		font-size:14px;
	}
	.parties label img {
		width:64px;
		height:64px;
	}
	.bottom-info-item-name {
		font-size:11px;
	}
	.bottom-info-item-amount {
		font-size:16px;
	}
}
@media (max-width:480px) {
	.bottom-info-item-amount {
		font-size:12px;
	}
	.bottom-band {
		position:relative;
		left: unset;
		bottom: unset;
		flex-wrap: wrap;
		white-space: nowrap;
	}
	.result-table-container {
		height: calc(100% - 125px);
		min-height: 275px;
	}
	.result-settings {
		display:flex;
		flex-wrap:wrap;
	}
	.result-settings select {
		flex:1;
		vertical-align: unset;
		margin: 5px;
	}
	.setting-btn {
		flex:1;
		white-space:nowrap;
		margin: 5px;
	}
	.frequency-range {
		margin:5px;
	}
}