/*
#f2cc13 Sárga
#00a8ca kék
#285e78 sötétkék
*/


h1, h2, h3, h4 {border-bottom: 2px solid #f2cc13; color:#404040; padding: 20px 0;}

.notice-warning, .update-nag, .hider {display:none;}

.spinner-loading-box {background-color:#ffd936!important;}

.sticky-header-box1  {background-color:#FFD936; border-bottom: 1px solid #fff;
}

.desktop {display:flex;}

.table {
	border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	margin-left:-10px;
}

.table thead tr {
    background-color: #00a8ca;
    color: #ffffff;
    text-align: left;

}

.table td {vertical-align:middle!important;}

.table tbody tr:hover, .table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgba(245,205,8,0.4);
	transition:1s;
}
.kk .otlet_form {margin-top:50px;}

.kk .otlet_form label, .kk .otlet_form label a, .otlet_form input[type=file] {color:#fff;}

.kk {padding:20px 8%; background-color:	rgba(40,170,225,0.1)!important; border-radius: 20px;}

.kk .otlet_form label, .kk .otlet_form label a, .otlet_form input[type=file] {color:#285e78; clear:both; display:block;}
.kk .otlet_form .checkbox-wrapper-14 input {padding: 0px!important;}
.kk .otlet_form .checkbox-wrapper-14 input[type=checkbox].switch:after { top: 3px;}

.kk .select2-dropdown {margin-top: -30px!important;}

.kk .column {
padding-left: 0px;
padding-right: 0px;	
}

.kk .column_row {
float:left;
display:flex;
}

.kk .column_row > div {
margin-right:20px;
}


.kk .admin_box {
	
		background:#fefefe;
		padding: 20px;
}

.kk .import_box {
	
		background:#ccc;
		padding: 20px;
}

.kk select, .bo input[type="select"] {padding:0px 25px 0px 10px!important;}
.kk select[multiple] {
height: 150px;
min-width:50%;
background: #fff;
}


.kk select[multiple] option{
   padding: 8px;
   font-size:16px
}

.kk button.nyil:after {
font-family: FontAwesome;
display: inline-block;
padding-left: 5px;
vertical-align: middle;
position: relative;
content: "\f105";
color: #000;
top: -1px;

}

.logo-box-main {
height: 100px!important;
display:none;
}

.belepes_box {
padding: 30px 0px;
}

.dokumentum_kep {
display:flex;
max-width:250px;
}

.white_box {
background: rgba(255,255,255,0.8);
border-radius: 5px;
border: 1px solid #fff;
color: #000;
}

.tajekoztato_box {
	
background: radial-gradient(circle,rgba(10, 167, 200, 1) 0%, rgba(15, 123, 151, 1) 100%);
background-color: radial-gradient(circle,rgba(10, 167, 200, 1) 0%, rgba(15, 123, 151, 1) 100%);

}

.tajekoztato_idoegyenes img {
padding: 2% 20% 0% 20%;
margin-bottom:0px;
max-width: auto!important;
}

.resp-tabs-container .szavazat_tovabb{text-align:center;}

.otlet_sorszam {
background: rgba(255,255,255,0.8);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #fff;
color: #000;
display:inline-block;
}

.otlet_head {
background: rgba(255,255,255,0.8);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #fff;
color: #000;
display:inline-block;
margin-bottom: -6px!important;
margin-left: -20px!important;
margin-right: -20px!important;
}

.otlet_box {
background: rgba(255,255,255,0.9);
border-radius: 5px;
border: 1px solid #fff;
color: #000;
padding:5px;
margin:20px 0px;	
}

.otlet_link {
color: #28a745;	
font-size: 2rem;
}

.fas.fa-hover-show,
*:hover > .fas.fa-hover-hidden {
    display: none;

}

*:hover > .fas.fa-hover-show {
    display: inline-block;
}

.otlet_tovabb {
color: #28a745;
font-size: 2rem;
float: right;
padding: 0px 8px;
}

.otlet_link:hover, .otlet_tovabb:hover {
color: #218838;
}

.kozep {	
display: grid!important;
text-align: center;
}

.megnevezes_cim {
width: 100%;
display: block;
color:rgb(105, 38, 96);
font-size: 1.1rem;
font-weight:600;
}

.megnevezes_rovid_leiras {
width: 100%;
display: block;
}
.szavazat_szam {
	text-align: center;
	font-size:2rem;
	color:rgb(105, 38, 96)!important;
	display: -webkit-inline-flex;
	flex-direction: row;
	align-items: center;
	height: 100%!important;
	vertical-align: middle;
}

.iktato_szam {
	display: -webkit-inline-flex;
	flex-direction: row;
	align-items: center;
}

.otlet_szavazat_szam {
	text-align: center;
	font-size:4rem;
	/* color:#f2cc13!important;*/
	color:rgb(105, 38, 96);
	font-weight: 800;
	
}

.otlet_szavazas_box .szavazo_panel {
padding-top:20px;
background: radial-gradient(circle, rgba(255,255,255,0.4) 20%, rgba(245,205,8,0.4) 70%, rgba(245,205,8,0.8) 100%);
border-radius: 5px;
border: 1px solid #285e78;
margin-bottom:20px;
margin-top:20px;
}

.szavazat_tovabb {
	text-align: right;
	display: flex;
	float:right;
}

.vc_row .otlet_sorszam {
margin-bottom: -6px;	
}

.vc_row .otlet_reszletek {
margin-top: -35px;
margin-left: -30px;

}

.acc_holder.with_bgr .active_acc .acc_control  {
background-color: #285e78!important;
}

h4 .accordion, .acc_holder.with_bgr .accordion, .acc_item {background-color: rgba(255,255,255,0)!important; background-image: none!important; background: none; border:none!important;}
.belepes_box .acc_heading {display:none!important;}
.belepes_box .acc_control {margin-top:-28px!important;}

.belepes_box .acc_holder.with_bgr .active_acc .acc_control {
background-color: #00a8ca;
}

.otlet_neve {
margin-left:20px;
}
.otlet_reszletek {
margin-bottom: -6px;	
}

.resp-tabs-container {
 background: rgba(255,255,255,0.2)!important; 
}

.horizontal .resp-tabs-list li.resp-tab-active {
border-top: 2px solid #f2cc13!important;
}

blockquote {
border-left: 6px solid #f2cc13!important;
}

.otlet_white_box {
background: rgba(255,255,255,0.8);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #fff;
color: #000;
}

.otlet_white_box2 {
background: rgba(255,255,255,0.8);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #fff;
color:#000;
display:block!important;
}

.otlet_szavazas_box {
background: rgba(255,255,255,0.8);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #fff;
text-align: center;
display: block;
}

.otlet_szavazas_box p {text-align: center; display: -webkit-inline-box;  display: inline-block;}
	
	
#aboutUs .pt-3, .contribute-button-box.d-flex, .credit_link, .footer-copy, .row > .footer-pad:first-of-type {display:none!important;}

.header-top-box {width:100%!important;}

#slider {
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;	
}

#top-header .header-button.btn {margin-right:5px;}

.headerbar .fa-bars {padding-left:10px;}

.loader::before {
background-color: #0A9D89;
}

/*0A9D89*/

.kk h1 {
font-size: 1.6rem;
margin-top:20px;
}

.kk h2 {
font-size: 1.4rem;
	margin-top:20px;
}

.kk h3 {
font-size: 1.2rem;
	margin-top:20px;
}
.kk label a {font-weight:800;}

.break {
   
	display:block;
	width:100%;
    clear: both;
	background:#0080c6;
	height: 5px;
	margin-bottom: 30px;
}


.kk .uj_level_box, .kk .szoveg_box {
	
		background:#ccc;
		padding: 20px;
}

.kk .admin_box {
	
		background:#fefefe;
		padding: 20px;
}

.kk .import_box {
	
		background:#ccc;
		padding: 20px;
}

.kk .aktualis_button {font-weight:800!important;}
.kk .aktualis_button:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f00c";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 800
}

.kk .leiras_box {
	
	background:#fafafa;
	padding: 20px;
	display: block;
}


.regisztracio_sor {display: -webkit-flex; padding: 5px 0px; margin: 0px 10px;}
.regisztracio_elem {float:left; display:block; margin-right: 10px; width:50%; padding: 0px 5px; }




/* # Tábla csíkozás soronként
================================================== */

.status_szin_1 {color:#AD0003;}

.kk .column {
width: 100%;
}

.kk .left {
  width: 75%;
  padding-right: 10px;
}

.kk .right {
  width: 25%;
}

.kk .tabla {
    border-collapse: collapse;
    width: 100%;
}

.kk .tabla td {padding: 5px;}

.kk .vonal_th, .vonal_td {
    text-align: left;
    padding: 8px;
}

.kk .vonal_tr:nth-child(even) {background-color: #f2f2f2;}

.kk .vonal_tr:hover {
     background-color: #bbb;
	 color: #fff;	
}

.error {color:#AD0003; font-weight:800; padding:10px; clear:both; display:block;}

.buttonrow {padding: 20px 0px;}

/* #Inputok - fields
================================================== */

.kk label {
display: inline-block;
margin-bottom: 0rem;
} 

.vilagos, .vilagos a, .vilagos .fa-image, input[type="file"] .vilagos  {
color:#fff;
} 


.sotet, .sotet a, .sotet .fa-image{
color:#000;
} 

/* #DataTable
================================================== */
.dataTables_length select {

padding: 0 24px 0 8px!important; 
min-height: 30px;
max-width: 25rem;
cursor: pointer;
vertical-align: middle;
}

.post-search-panel, .dataTables_length {padding:10px 0px; float:left; display:inline-block;}

/* #Gombok
================================================== */

.btn-success {
color: #fff!important;
background-color: #28a745;
border-color: #28a745;
}

.checkbox-wrapper-14 {padding:5px; margin-top:20px;}

  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox] {
      --active: rgb(0,150,20);
      --active-inner: #fff;
      --focus: 2px rgba(0, 0, 0, .3);
      --border: #BBC1E1;
      --border-hover: #275EFE;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 23px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
	  margin-top: -2px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch {
      width: 38px;
      border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:after {
      left: 1px;
      top: 2px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background: var(--ab, var(--border));
      transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked {
      --ab: var(--active-inner);
      --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
      opacity: 0.6;
    }
  }

  .checkbox-wrapper-14 * {
    box-sizing: inherit;
  }
  .checkbox-wrapper-14 *:before,
  .checkbox-wrapper-14 *:after {
    box-sizing: inherit;
  }

.kk input[type=checkbox]:checked::before {
    display:none;
}

.kk .bo_select {}

.select2-container--default .select2-selection--single {

}

.select2-container--default .select2-selection--single .select2-selection__clear {
height: 0px!important;
margin-right: 26px!important;
padding-right: 10px!important;
}

.select2-container .select2-selection--single {
height: 36px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px!important;
}

.select2-container .select2-selection--single .select2-selection__clear {
padding-top: 8px!important;
margin-top: 0px;
font-size: 1.4em!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 6px!important;
}

.select2-dropdown {
margin-top: -24px!important;
padding: 2px 5px;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
height: 25px!important;
}



.kk button, .kk select, .kk input[type="select"] {padding:0px 10px;}
.kk button.nyil:after {
font-family: FontAwesome;
display: inline-block;
padding-left: 5px;
vertical-align: middle;
position: relative;
content: "\f105";
background-color: white;
padding: 4px 8px;
margin-left: 10px;
color: #000;
top: -1px;
border: 1px solid #aaa;
}

.kk button {border: 1px solid black;}

.kk option {}

.kk textarea, .kk input{
		border-bottom: 1px solid #aaa;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-top: 0px solid #fff;
		border: 1px solid rgba(40,170,225,1)!important;
		border-radius:20px;
		min-width:95%;
}

.kk select{
		border-bottom: 1px solid #aaa;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-top: 0px solid #fff;
		border: 1px solid rgba(40,170,225,1)!important;
		border-radius:20px;
}


.kk .button, .kk a.button,
	.kk button,
    .kk input[type="submit"],
	.kk input[type="reset"],
	.kk input[type="button"],
	.kk textarea{
		
		display: inline-block;
		cursor: pointer;
		position:relative;
		
		color:#000;
		font-family: Montserrat, Arial, Helvetica, sans-serif;
		
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-repeat: repeat-x;
		text-decoration: none;
		
		font-weight: 400;
		line-height: 1em;
		padding: 12px 16px 10px 20px;
		
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		
		white-space: normal;
}

	.kk input[type="text"],
	.kk input[type="select"],
	.kk select {
		display: inline-block;
		cursor: pointer;
		position:relative;
		color:#000!important;

		border: 1px solid #aaa;
		
		font-family: Montserrat, Arial, Helvetica, sans-serif;
		text-decoration: none;
	
		font-weight: 400;
		padding: 0px 18px;
		height:36px;
		
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		
		white-space: nowrap;
}



.kk .button:active,
.kk	button:active,
.kk	input[type="submit"]:active,
.kk	input[type="reset"]:active,
.kk	input[type="button"]:active {
		
		background-color: #333;
}


.kk .info {
   text-decoration: none;
	font-style: italic;
	font-size: 12px;
}

.kk  .oszlop {display:inline-table; float:left; width:32%;}


h2.nav-tab-wrapper {
	margin:22px 0 0 0;
}

.kk #sections {
	padding:22px;
	background: #fff;
	border:1px solid #ccc;
	border-top:0px;
}

.kk  section {
	display:none;
}

.kk  section:first-child {
	display:block;
}


.kk  .no-js h2.nav-tab-wrapper {
	display:none;
}

.kk .no-js #sections {
	border-top:1px solid #ccc;
	margin-top:22px;
}

.kk .no-js section {
	border-top: 1px dashed #aaa;
	margin-top:22px;
	padding-top:22px;
}

.kk .no-js section:first-child {
	margin:0px;
	padding:0px;
	border:0px;
}



/* Ikonok
================================================== */


span.ikon-hozzaadas:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f055";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-zaszlo:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f024";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-torles:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f056";
   margin: -3px 0px 0px 10px;
   color:#ff0000;
	font-weight: 900
}

span.ikon-pipa:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f14a";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-kor:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f304";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}


@media all and (min-width: 1000px) {

.tajekoztato_idoegyenes img {
max-width: 1300px!important;
}
	
}


@media all and (max-width: 991px) {
	
.regisztracio_sor {display:block; padding:0px; margin:0px;}	
	
}

@media all and (max-width: 768px) {

.vc_row .otlet_reszletek {margin-top: 0px; }
.acc_heading {display: block!important; margin-top:-32px;}
.desktop {display:none!important;}
	
.tajekoztato_idoegyenes img {
padding: 1%;
}

	
}



@media all and (max-width:575px){
	
#top-header .header-button.btn {
margin-top: 10px;
   }
	
.icons-container {background:#0A9D89; }

.regisztracio_elem { width:100%;}

	

}



@media all and (max-width:480px){

	.kk .column, .kk .left, .kk .right  {
width: 100%;
display: block;
padding: 5px;
}


		
}