#map {
        height: 90%;
      }
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        background:black;
      }
    /* fájlok feltöltése */
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}
.no-js .inputfile + label {
    display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}
      .firstHeading{
      color:red;
      }
      .vernyul{
     width: 100%;
    height: 200px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
      }
      .text_box{
    background: #f5f5f5;
    opacity:0.6;
    padding:15px;
    border:none;
    text-align:center;
    font-size:24px;
}.gomb{
        border: 1px dashed #ff6347;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px 15px 15px 15px;
    background: #dc143c;
    margin:16px;
    padding:16px;
    color: yellow;
    font-size:20px;
    opacity:0.6;
}
.gomb2{
        border-bottom: 1px dashed #191970;
        border-right: 1px dashed #191970;
    -webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
    padding: 6px 6px 6px 6px;
    background: #b4b4b4;
    margin:0px;
    color: #182828;
    opacity:0.5;
}
.active, .gomb2:hover {
  background-color: #666;
  color: white;
}
.active, .gomb:hover {
  background-color: #666;
  color: white;
}
.gangikonspi{
    font: bold 44px "Courier New", Courier, monospace;
}
.szurke{
    color: #99b4d1;
}
.piros{
    color:#dc143c;
}
.fos{
	color: #243d3d;
}
.kek{
	color: blue;
}
.bg-feher{
	background: #FFF;
}
.bg-szurke{
	background: #ececec;
}
.w100{
	width:100%;
}
.p10{
	padding: 10px 10px 10px 10px;
}
.size-28 { font-size: 28px !important;}
.size-20 { font-size: 20px !important;}
.size-16 { font-size: 16px !important;}
.size-12 { font-size: 12px !important;}
.btn-out-kek{
	color: #024db9;
	background: #024db9;
  	background-color: #FFF !important;
  	border-color: #024db9;
}
.btn-out-kek:hover{
	color: #FFF;
	background: #024db9;
  	background-color: #024db9 !important;
  	border-color: #b3d2fe;
}
.btn-kek{
	color: #FFF;
	background: #024db9;
  	background-color: #024db9;
  	border-color: #024db9;	
}
.btn-kek:hover{
	color: #ffffe0;
	background: #023988;
  	background-color: #023988;
  	border-color: #e0e0e0;
}
.btn-out-fekete{
	color: #000;
	background: #000;
  	background-color: #FFF !important;
  	border-color: #000;
}
.btn-out-narancs{
	color: #ff8c00;
	background: #ff8c00;
  	background-color: #FFF;
  	border-color: #ff8c00;
}
.btn-narancs:hover{
	color: #FFF;
	background: #ff8c00;
  	background-color: #ff8c00;
  	border-color: #ff8c00;
}
.btn-narancs{
	color: #FFF;
	background: #ff8c00;
  	background-color: #ff8c00;
  	border-color: #ff8c00;
}
.btn-out-narancs:hover{
	color: #FFF;
	background: #ff8c00;
  	background-color: #ff8c00;
  	border-color: #ff8c00;
}
.btn-piros{
	color: #FFF;
	background: #dc3545;
  	background-color: #dc3545;
  	border-color: #dc3545;
}
.btn-piros:hover{
	color: #f2f2f2;
	background: #d82537;
  	background-color: #d82537;
  	border-color: #e0e0e0;
}
.btn-out-piros{
	color: #dc3545;
	background: #FFF;
  	background-color: #FFF;
  	border-color: #dc3545;
}
.btn-out-piros:hover{
	color: #FFF;
	background: #dc3545;
  	background-color: #dc3545;
  	border-color: #e6e9ec;
}
.btn-zold{
	color: #FFF;
	background: #006400;
  	background-color: #006400;
  	border-color: #006400;
}
.btn-zold:hover{
	color: #f2f2f2;
	background: #006400;
  	background-color: #006400;
  	border-color: #e0e0e0;
}
.btn-out-zold{
	color: #006400;
	background: #FFF;
  	background-color: #FFF;
  	border-color: #006400;
}
.btn-out-zold:hover{
	color: #f2f2f2;
	background: #006400;
  	background-color: #006400;
  	border-color: #e0e0e0;
}
.btn-out-szurke{
	color: #6a7c8d;
	background: #FFF;
  	background-color: #FFF;
  	border-color: #6a7c8d;
}
.btn-out-szurke:hover{
	color: #e0e0e0;
	background: #6a7c8d;
  	background-color: #6a7c8d;
  	border-color: #e0e0e0;
}
.btn-out-szurke-2{
	color: #5a6978;
	background: #e7e7e7;
  	background-color: #e7e7e7;
  	border-color: #2f363e;
}
.btn-out-szurke-2:hover{
	color: #e0e0e0;
	background: #6a7c8d;
  	background-color: #6a7c8d;
  	border-color: #630064;
}
.btn-szurke{
	color: #FFF;
	background: #6a7c8d;
  	background-color: #6a7c8d;
  	border-color: #FFF;
}
.btn-szurke:hover{
	color: #6a7c8d;
	background: #e0e0e0;
  	background-color: #e0e0e0;
  	border-color: #6a7c8d;
}
[aria-hidden="true"] {
  opacity: 0;
  position: absolute;
  z-index: -9999;
  pointer-events: none;
}