#testDiv {
 position: fixed;
 width: 250px;
 right: 10px;
 top: 440px;
 background-color: rgb(255,255,255,0.4);
 font-size: 13px;
 font-weight: bold;
 padding: 5px;
 opacity: 0.8;
}

.gyorsKitoltes {
 color:red;
 padding:5px;
 cursor:pointer; 
}

#h_id {
 max-width:90%;	
}


/*****TODO: a teszt div, és stílusának eltávolítása****/

/* ------------------GLOBAL -------------------*/
@font-face {
  font-family: 'OpenSans';
  src: url('../OpenSans-Regular.ttf');
}

.ql-editor {
 min-height: 500px;
 background: #f3f3f3;	
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
 scrollbar-width: auto;
 scrollbar-color: #545454 #dedede;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
 width: 16px;
}

*::-webkit-scrollbar-track {
 background: #dedede;
}

*::-webkit-scrollbar-thumb {
 background-color: #545454;
 border-radius: 5px;
 border: 3px solid #ffffff;
}

.dimmed {
 filter: grayscale(90%);
}.Nodimmed {
 filter: unset;
}

body {
 padding: 0;
 margin:0;
 width:100%;
 min-width:320px;
 min-height:100%;
 color:#3f3f3f;	
 font-family: sans-serif, 'OpenSans' !Important;
 background-color:#e4e4e4;
 background-image: url("../images/back.png");
 background-size:cover;
}

a,a:hover {
 text-decoration:none;
 cursor:pointer;
}

table {
 width:100%;	
}


#up_to_top {
 display:none;	
}


#up_to_top {
    position: fixed;
    right: 40px;
    bottom: 70px;
    cursor: pointer;
    width: 33px;
    transition-duration: 0.1s;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    height: 32px;
    line-height: 45px;
    font-size: 22px;
    color: #0022ffc0;
    border-style: solid;
}

.tartalom_toltese_varj {
 padding: 40px;
 padding-top: 50px;
 padding-bottom: 150px;
 background-image: url('../images/loading.svg');
 background-position: center center;
 background-size: 150px;
 background-color: #fbfbfb;
 background-repeat: no-repeat;
}


#captcha {
 max-width:220px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

input[type="text"], input[type="password"], input[type="textarea"], input[type="number"], input[type="time"], input[type="date"], input[type="datetime-local"] {
 border-style:solid;
 border-width: 1px;
 padding: 10px;
 width:80%;
 border-color: #d7d7d7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

input[type="text"]:focus, input[type="datetime-local"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, select:focus {
 border-color: #a6a6a6;
 -moz-transition: all .3s; 
 -webkit-transition: all .3s; 
 -o-transition: all .3s; 
 transition: all .3s; 
}

textarea {
 padding:10px;
 font-family: sans-serif, 'OpenSans' !Important;
 border-style: solid;
 border-width: 1px;
 border-color: #cccccc;
}

select {
 padding: 9px;
 padding-right: 10px;
 margin: 0;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 7px;
 -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
 font-weight: bold;
 border-width: 2px;
 border-style: solid;
 cursor: pointer;
 -moz-appearance: -moz-gtk-info-bar;
}

select option:hover {
 background: #FDFDFD;
}	


.sima_checkbox {
 display: none;
}

.sima_checkbox + label {
 margin-top:3px;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 15px;
 border-radius: 3px;
 display: inline-block;
 position: relative;
}

.sima_checkbox + label:active, .sima_checkbox:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.sima_checkbox:checked + label {
 background-color: #7ccc00;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
 color: #fff;
}

.sima_checkbox:checked + label:after {
 content: '\2714';
 font-size: 17px;
 position: absolute;
 top: 2px;
 left: 8px;
 color: #fff;
}

.sima_radio {
 display: none;
}

.sima_radio + label {
 -webkit-appearance: none;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 50px;
 display: inline-block;
 position: relative;
}

.sima_radio:checked + label:after {
 content: ' ';
 width: 12px;
 height: 12px;
 border-radius: 50px;
 position: absolute;
 top: 3px;
 background: #99a1a7;
 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
 text-shadow: 0px;
 left: 3px;
 font-size: 32px;
}

.sima_radio:checked + label {
 background-color: #e9ecee;
 color: #99a1a7;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.sima_radio + label:active, sima_radio:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.vez_felirat {
 position:absolute;
 line-height:21px;
 font-size:12px;
 margin-top:-10px;
 margin-left:25px;
 text-transform:capitalize;
 color:#2B7BAF;
}

.checkbox_divs, .radio_divs {
 float:left;
 margin-right:10px;
 cursor:pointer;
}

.checkbox_divs label, .checkbox_divs input {
 cursor:pointer;
}

.form_textarea {
 width:90%;
 max-width:90%;
 height:100px;
 max-height:100px;
}

.input_group {
 display:block;
 float:left;
 min-width:164px;
 margin-bottom:10px;
 margin-top:10px;
 background-color: #fbfbfb;
 padding: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #e6e6e6;
}

.input_group_content {
 display:none;
 margin-top:10px;
}

.input_group_control {
 cursor:pointer;
}

.input_group_control_img {
 width:20px;
 height:20px;

 -ms-transform: rotate(-90deg); 
 -webkit-transform: rotate(-90deg); 
 -o-transform: rotate(-90deg); 
 -moz-transform: rotate(-90deg);
 transform: rotate(-90deg);

 -moz-transition: all .3s; 
 -webkit-transition: all .3s; 
 -o-transition: all .3s; 
 transition: all .3s; 
}

.input_group_control_label {
 position: absolute;
 font-size: 14px;
 margin-top: 3px;
 margin-left: 5px;
}

.forgas90 { 
 -ms-transform: rotate(0deg); 
 -webkit-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 transform: rotate(0deg);
}

.hiba {
 display:none;
 color:#ff0000;
 font-weight:bold;
}


.empty_text {
 font-size: 20px;
 color: crimson;
 margin: 10px;
 font-style: italic;
}	



/*********************mobil dolgok******/

#mobilMenuVezerlo {
 opacity: 0.6;
 display:none;
 position: fixed;
 z-index: 10;
 top: 45%;
 color: #fff;
 background: #092676;
 padding: 6px;
 padding-left: 2px;
 height: 50px;
 line-height: 50px;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-bottomright: 10px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
}

#mobilMenuVezerloBezaras {
 opacity: 0.6;
 display: none;
 font-size: 30px;
 position: fixed;
 z-index: 11;
 top: 6px;
 right: 24px;
 color: #fff;
}


/*********************e terv******/

.jatekosokLista input, .UtazokeretJatekosokLista input {
 width: 20px;
 height: 20px;
 margin-right:10px;
 float: left;
}

.megjeloltJatekos {
 color:red;	
}

.jatekosSorokCsoport, .jatekosSorok {
 cursor:pointer;
 display: block;
 padding: 3px;
 line-height:30px;
}

.jatekosSorokCsoport {
 background: #3e3e3e;
 color: #fff;
 line-height: 35px;	
}


.jatekosSorokCsoport input {
 margin-top:7px;	
}

.jatekosSorok:nth-child(even) {
 background: #f1f1f1;
}

.jatekosSorok:nth-child(odd) {
 background: #fff;
}


#kcs_id {
 margin-top:20px;	
}

.jatekosSorokKorcsoport {
 float: right;
 font-weight: bold;
 font-size: 11px;
 margin-right: 5px;
 color: #c0c0c0;
}

.UtazokeretJatekosokLista .jatekosSorok {
 display:none;	
}

.jatekosUtazokeretCsoport {
 display:block !Important;	
}

.honap_napok_esemeny_divel {
 display:none;	
}

.elmaradtEsemenyFejlec {
 color:red;	
}

#esemenySzoveg {
 max-width:70%;
 width:70%;
 min-width:70%;
 height:100px;
 max-height:100px;
 min-height:100px; 
}

.edzoiMegjegyzesTorlese {
 float: right;
 margin-top: 6px;
 padding: 3px;	
}

.jatekosSorTorleseE {
 margin-top: 6px;
 padding: 3px;	
}

.esemenyLenyitoVezerlo {
 margin-right: 25px;
 cursor: pointer;
}



/*********************csoportom******/

#csoportomba_felvett_jatekosok:empty::after {
 display: block;
 content: "-";
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding: 20px;
 height:140px;
 line-height:140px;
 text-align:center;
}

#jatekosok_sora_osszes:empty::after {
 display: block;
 content: "-";
 text-align:center;
 color: red;
 font-size: 13px;
 font-weight: bold;
 padding: 20px;
 padding-top: 60px;
}

#csoportomba_felvett_jatekosok_div {
 height:200px;
 overflow:hidden;
}


#jatekosok_adatai_doboz_kereses {
 background-color:#fff;
 padding:5px;
 display:block;
}

#jatekosok_adatai_doboz_kereses_mezo {
 width:96%;
}

#jatekosok_adatai_doboz table, #jatekosok_adatai_doboz_fejlec {
 width:100%;
 padding:10px;
 font-size:12px;
}

#jatekosok_adatai_doboz {
 background-color: #ececec;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: 5px;
 border-color: #c0c0c0;
 overflow-y:scroll;
}

#uj_felhasznalo_projekthez {
 float: right;
 font-size: 12px;
 cursor: pointer;
 padding: 3px;
 background: #78bdc1;
 color: #fff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#jatekosok_adatai_doboz, #csoportomba_felvett_jatekosok {
 font-size:12px;
 height:250px;
 background-color: #f4f4f4;
}

#jatekosok_adatai_doboz {
 height:400px;	
}

#csoportomba_felvett_jatekosok {
 min-height:190px;
 max-height:200px;
 overflow:scroll;
 list-style-type:none;
 padding:5px;
}

#jatekosok_adatai_doboz ul {
 list-style:none;
 min-height:20px;
 margin:0;
 padding:0;
}

#jatekosok_adatai_doboz li, #csoportomba_felvett_jatekosok li {
 padding:10px;
 text-align:left;
 cursor:pointer;
}

.jatekosok_adatai_doboz_fejlec_nev, .jatekosok_adatai_doboz_fejlec_korcsoport {
 float:left;
 line-height:35px;
}


.jatekosok_adatai_doboz_fejlec_nev {
 width:50%;
 padding-left:10px;
}

.jatekosok_sora_muveletek, .jatekosok_sora_informacio {
 float:right;
}

.jatekosok_sora_muveletek img, .jatekosok_sora_informacio img {
 width:22px;
 cursor:pointer;
}

#jatekosok_adatai_doboz .jatekosok_sora_muveletek .sorTorlese {
 display:none;
}

#csoportomba_felvett_jatekosok .jatekosok_sora_muveletek .sorHozzaadas {
 display:none;
}

#jatekosok_adatai_doboz li:nth-child(even), #csoportomba_felvett_jatekosok li:nth-child(even) {
 background: #f1f1f1;
}

#jatekosok_adatai_doboz li:nth-child(odd), #csoportomba_felvett_jatekosok li:nth-child(odd) {
 background: #fff;
}

.sorHozzaadas {
 background: #5fe38f;
 color: #fff;
 padding: 8px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
}

/*********************intézményeim******/

#intezmenyeimbe_felvett_helyszinek:empty::after {
 display: block;
 content: "-";
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding: 20px;
 height:140px;
 line-height:140px;
 text-align:center;
}

#intezmenyek_sora_osszes:empty::after {
 display: block;
 content: "-";
 text-align:center;
 color: red;
 font-size: 13px;
 font-weight: bold;
 padding: 20px;
 padding-top: 60px;
}

#intezmenyeimbe_felvett_helyszinek_div {
 height:200px;
 overflow:hidden;
}


#helyszinek_adatai_doboz_kereses {
 background-color:#fff;
 padding:5px;
 display:block;
}

#intezmenyek_adatai_doboz_kereses_mezo {
 width:96%;
}

#intezmenyek_adatai_doboz table, #intezmenyek_adatai_doboz_fejlec {
 width:100%;
 padding:10px;
 font-size:12px;
}

#intezmenyek_adatai_doboz {
 background-color: #ececec;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: 5px;
 border-color: #c0c0c0;
 overflow-y:scroll;
}

#intezmenyek_adatai_doboz, #intezmenyeimbe_felvett_helyszinek {
 font-size:12px;
 height:250px;
 background-color: #f4f4f4;
}

#intezmenyek_adatai_doboz {
 height:400px;	
}

#intezmenyeimbe_felvett_helyszinek {
 min-height:190px;
 max-height:200px;
 overflow:scroll;
 list-style-type:none;
 padding:5px;
}

#intezmenyek_adatai_doboz ul {
 list-style:none;
 min-height:20px;
 margin:0;
 padding:0;
}

#intezmenyek_adatai_doboz li, #intezmenyeimbe_felvett_helyszinek li {
 padding:10px;
 text-align:left;
 cursor:pointer;
}

.intezmenyek_adatai_doboz_fejlec_nev, .intezmenyek_adatai_doboz_fejlec_korcsoport {
 float:left;
 line-height:35px;
}


.intezmenyek_adatai_doboz_fejlec_nev {
 width:80%;
 padding-left:10px;
}

.intezmenyek_sora_muveletek, .intezmenyek_sora_informacio {
 float:right;
}

.intezmenyek_sora_muveletek img, .intezmenyek_sora_informacio img {
 width:22px;
 cursor:pointer;
}

#intezmenyek_adatai_doboz .intezmenyek_sora_muveletek .sorTorlese {
 display:none;
}

#intezmenyeimbe_felvett_helyszinek .intezmenyek_sora_muveletek .sorHozzaadas {
 display:none;
}

#intezmenyek_adatai_doboz li:nth-child(even), #intezmenyeimbe_felvett_helyszinek li:nth-child(even) {
 background: #f1f1f1;
}

#intezmenyek_adatai_doboz li:nth-child(odd), #intezmenyeimbe_felvett_helyszinek li:nth-child(odd) {
 background: #fff;
}

.felvett_elemek .sor_vezerlok, .szabad_elemek .sor_vezerlok {
	margin-top:4px;
}

/*******esemény tervezőhöz...*****/
.keretes_hasab_tartalom {
 margin:5px;	
}

#szukito-mezok {
 text-align:center;	
}
		  
.napok_esemeny_tervezo_nap {
 width: calc(100% / 7);
 float:left;
 text-align:center;
}

.szukitoMezo {
 display:inline-block;
 margin-left:20px;
 margin-right:20px;
 font-size:13px;
}

.szukitoMezo select{
 margin-left:10px;	
}

.esemenytervezo_checkbox {
 display:none;
}

.esemenytervezo_checkbox + label {
 width:50%;
 margin-top:3px;
 cursor:pointer;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 20px;
 border-radius: 3px;
 display: inline-block;
 position: relative;
}

.esemenytervezo_checkbox + label:active, .esemenytervezo_checkbox:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.esemenytervezo_checkbox:checked + label {
 background-color: #7ccc00;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
 color: #fff;
}

.esemenyValtoztatas, .esemenyVisszajelzes, .esemenyUjra {
 padding: 5px;
 background: #e6afaf;
 color: #fff;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 cursor: pointer;
}

.esemenyValtoztatas:hover , .esemenyVisszajelzes:hover, .esemenyUjra:hover {
 background: #b30606;
}


/*********************listak és ikonok*/


.listaModositas, .listaModositas:active {
 display:block;	
 color:#333;
}

.nincs_megjelenithetoSor {
 padding: 85px;
 text-align: center;
 text-transform: uppercase;
 font-size: 10px;
}

.listaElem tr {
 cursor:pointer;	
}

.kivalasztottSor {
 background:#000;
 color:#fff; 
}

.dataTables_filter {
 height:20px;	
}

.fas {
 cursor:pointer;
}

.sor_megjelenites {
 display: block;
 border-style: solid;
 border-width: 1px;
 border-color: #d6d6d6;
 border-radius: 5px;
 padding: 10px;
 background:#fff;
 font-weight: bold;
 color: #000;
 margin-bottom: 10px;
}


.sor_megjelenites span {
 margin: 6px;
 float: left;
}

.sor_vezerlok {
 display:block;
 text-align:center;
}

.sor_vezerlok .fas {
 color: #000;
 width:13px;
 height:12px;
 padding: 1px;
 border-style: solid;
 border-width: 1px;
 border-color: #c0c0c0;
 padding: 7px;
 font-size:12px;
 background: white;
 border-radius: 50%;
}

.fa-trash-alt {
 color:#fff !Important;
 background:#cb0000 !Important;
}

.fa-trash-alt:hover {
 background: red !Important;
}

.adminUser {
padding: 6px;
background: #0d46aa;
color: #fff;
}

.fa-user-edit {
 font-size: 11px;
 padding-right: 5px !Important;
 background: #1eb4bc !Important;
 color: #fff !Important;
}

.fa-edit {
 padding-right: 6px !Important;
 background: #1eb4bc !Important;
 color: #fff !Important;
}

.fa-edit:hover, .fa-user-edit:hover {
 background: #008890 !Important;
}

#lista_szukites_kereses {
 display:block;
 padding: 10px;
 background: whitesmoke;	
}

#lista_kereses {
 max-width:200px;	
}


/*----------------users--------------------------*/


.user_image {
 margin-left:auto;
 margin-right:auto;
 min-width:250px;
 max-width:400px;
 border-style:solid;
 border-width:1px;
 border-color:#f7f7f7;
 background-color:#fff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#loading {
 display:none;
 font-size:25px;
}

#uploadimage {
 padding:20px;	
}

#image_preview {
 width:150px;
 background-color:#fbfbfb;
 white-space: nowrap;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 overflow:hidden;
}

.user_image_helper {
 height: 100%;
 vertical-align: middle;
}

#user_image_previewing {
 vertical-align: middle;
 width:100%;
 height:150px;
}

.file_tallozo {
 color:transparent;
 margin-top:20px;
 width:46px;
 height:37px;
 overflow:hidden;
}

.file_tallozo::-webkit-file-upload-button {
  visibility: hidden;
}

.file_tallozo::before {
  content: url(../images/camera.png);
  width:30px;
  height:27px;
  color:transparent;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid 1px solid #d8d8d8;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
.file_tallozo:hover::before {
  border-color: black;
}
.file_tallozo:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.megjelnitendo_uzenet {
 padding:10px;
}

.elozoUzenet {
 border-style: solid;
 border-right: 0;
 border-top: 0;
 border-width: 4px;
 border-bottom: 0px;
 padding: 7px;
 margin-top: 10px;
}


/*----------------Kezdőoldal--------------------------*/

.MicroCard {
 float: left;
 width: calc(100% / 3 - 66px);
 text-align: center;
 padding: 10px;
 padding-top: 40px;
 padding-bottom: 40px;
 margin: 22px;
 border-style: solid;
 border-width: 1px;
 border-color: #ededed;
 background-color: #e6e6e6;
 border-radius: 10px;
 text-transform: uppercase;
 color: #fff;
 background-color: #c2c2c2;
 background-color: #1c1934;
 background-color: #1c1934;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23321f50' fill-opacity='0.4' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
}

.MicroCard i {
 font-size:30px;
 padding:10px;
 text-align:center;
 margin-bottom:10px; 
}

/*----------------hasábok--------------------------*/

.klub_logo {
 display: block;
 font-size: 14px;
 margin-top: 100px;
}

.cimsor {
 font-size: 13px;
 text-transform: uppercase;
 font-weight: bold;
 list-style: decimal;
 margin-top: 39px;
 display: block;
 margin-bottom: 20px;
 letter-spacing:2px;
}

.hasab {
 margin-bottom:10px;
 width:100%;
}

.keretes_hasab {
 border-style:dashed;
 border-width:1px;
 border-radius:3px;
 border-color:#e8e8e8;
 background-color: #f7f7f7;
 background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.input_label {
 line-height:39px;
}

.ertek {
 line-height:28px;
 font-weight:bold;
}

.dupla_hasab_left {
 float:left;
 width:49%;
 margin-right:1%;
 text-align:right;
}

.dupla_hasab_right {
 float:left;
 width:49%;
 text-align:left;
}

.ertek {
 line-height: 39px;
}

.tripla_hasab_left {
 float:left;
 width:calc(100% / 3);
 text-align:left;
}

.tripla_hasab_center {
 float:left;
 width:calc(100% / 3);
 text-align:center;
}

.tripla_hasab_right {
 float:left;
 width:calc(100% / 3);
 text-align:left;
}

.balra_igazitas {
 text-align:left;	
}

.formElvalaszto {
 width:80%;
 border-style:solid;
 border-width:1px;
 border-color:#c0c0c0;
 border-top:0;
 border-left:0;
 border-right:0;
 margin-left:auto;
 margin-right:auto; 
}

/*********MAIN & MENU ********/


#main {
 background-color: #4465a4;
}

#mainMenu {
 user-select: none;
 background-color: #4465a4;
 float:left;
 width:260px; 
}

.mainMenuAktiv {
 width:100% !Important;
 display:block !Important;
 margin-left:0px  !Important;
 overflow-x:hidden !Important;
 overflow-y:scroll !Important;
 text-align:center; 
 height:100vh;
 padding-bottom:30px;
}

.mainMenuAktiv {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

.mainMenuAktiv::-webkit-scrollbar { 
    display: none;
}

.mainMenuAktiv #mainClubLogo {
 max-width:90px;
 margin-top:10px;
 margin-bottom:10px; 
}



#mainMenuTop {
 background-color: #305291;
 text-align: center;
 font-weight: bold;
 padding: 13px;
 color: #fff;
 text-transform: uppercase;
 font-size: 14px;
}

#mainMenuTop a {
 color:#fff;		
}

#mainClubLogo {
 user-select: none;
 margin-left: auto;
 margin-right: auto;
 display: block;
 max-width: 150px;
 margin-top: 20px;
 margin-bottom: 20px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}

#bottom_logo {
 display:inline-block;
 float:left;
 width:50px; 
 margin-right:10px;
}

#mainMenuLeft {
 padding:0;
 padding-bottom:40px;
 margin:0;
}

#mainMenuLeft i {
 text-align: center;
 width: 15px;
 margin-right: 10px;
}

#mainMenuLeft a {
 color: #fff;
 display: block;
 padding: 14px;
 font-size: 11px;
 text-transform: capitalize;
 padding-left: 20px;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 100ms;
 -moz-transition-timing-function: ease-out;
 -moz-transition-duration: 100ms;
}

#mainMenuLeft a:hover {
 background:#2f4e89;
 color:#FFF;
}

#aktivMenu {
 background-color:#fff !Important;
 color:#4465a4 !Important;
}

.mainMenuLeftcsoport {
 color: #fff;
 display: block;
 padding: 14px;
 font-size: 11px;
 font-weight:bold;
 margin-top: 5px;
 font-weight: bold;
 background: #e8133b;
 padding-left: 10px;
 text-transform:uppercase;
}

/*********Események  *******/


.esemeny_nezet_tartalom {
 display:none;	
}

.esemenedzokDiv {
 margin-top: 20px;
 margin-bottom: 20px;
 padding-left: 12px;	
}

.esemenyedzokModositas {
 float: right;
 background: #838383;
 padding: 5px;
 border-radius: 15px;
 height: 12px;
 width: 12px;
 line-height: 2px;
 text-align:center;
 color: #fff;
 cursor: pointer;	
}

.esemenyedzokModositas:hover {
  background: #434343;
}

.esemenyMobilIdovonal {
 display:none;
 padding: 10px;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 14px;
 margin-bottom:10px;
 padding-left:16px;
}

#esemenyek_nezetek {
 display: block;
 padding: 10px;
 background: #fbfbfb;
}

.esemeny_nezet {
 user-select: none;
 float: left;
 cursor: pointer;
 font-size: 11px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 25px;
 padding-right: 25px;
 margin-right: 3%;
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 5px;
 border-style: dashed;
 border-width: 1px;
 border-top: 0;
 border-left: 0px;
 border-right: 0px;
 border-color: #e1e1e1;
 color: #bababa;
}

.aktiv_nezet {
 color: #4c4c4c;
 border-color: #bababa;
}

.esemeny_nezet i {
 margin-right:10px;	
}

.esemenydiv {
 margin-top:10px;
 margin-bottom:40px;
 height: 100%;
}

.fa-circle-check {
 color:green;	
}

.fa-xmark {
 color:red;	
}

.formazottTablazat {
 border-style:solid;
 border-width:3px;
 padding:3px;
 border-color:rgb(255,255,255, 0.3); 
 border-collapse: collapse;
}

.formazottTablazat th {
 background-color:#7a7a7a;
 color:#fff;
 padding:10px;
 letter-spacing:1px;
 text-align:left;
}

.formazottTablazat tr td {
 padding:3px;
 padding-top:10px;	
 padding-bottom:10px;		
}

.formazottTablazat tr:nth-child(even) {background-color: #fbfbfb;}



.resztvevoErtekeleseSor {
 display:none;
 float: right;
 width: 130px;
 animation: fadeIn 0.3s;
 -webkit-animation: fadeIn 0.3s;
 -moz-animation: fadeIn 0.3s;
 -o-animation: fadeIn 0.3s;
 -ms-animation: fadeIn 0.3s;
}

.resztvevoErtekeleseSorMeglevo {
 display:block;
 text-align:right;
 font-weight:bold;
}

.resztvevoErtekeleseSor .JelenletMezo {
 float: left;
 width: 18px;
 height: 18px;
 margin-top: 6px;
 margin-right: 7px;
 opacity:0.4;
}

.resztvevoErtekeleseSor .JelenletMezo:hover {
 opacity: 1;
}

.resztvevoErtekeleseSor .ertekeleMezo {
 width:85px;
 padding:5px;
 text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.esemenyMain {
 text-align:center;
 width:100px;
 vertical-align: top;
 display: table-cell;
 height: 100%;
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px;
 border-radius:2px;
}


.naptar-marker {
 height: 4px;
 width: 4px;
 border-radius: 50%;
 display: inline-block;
 border-color:#fff;
 -webkit-box-shadow: 0px 0px 1px 1px #fff;
 -moz-box-shadow: 0px 0px 1px 1px #fff;
 box-shadow: 0px 0px 1px 1px #fff;
}

.esemeny-edzes {
 background: #dab582;
} .esemenyContent-edzes {
 border-color: #dab582;
} .Naptar-edzes {
 background-color: #dab582;
}

.esemeny-edzomerkozes {
 background: #dab582;
} .esemenyContent-edzomerkozes {
 border-color: #dab582;
} .Naptar-edzomerkozes {
 background-color: #dab582;
}



.esemeny-merkozes {
 background: #ca5454;
} .esemenyContent-merkozes {
 border-color: #ca5454;
} .Naptar-merkozes {
 background-color: #ca5454;
}


.esemeny-felmeres {
 background: #8cc773;
} .esemenyContent-felmeres {
 border-color: #8cc773;
} .Naptar-felmeres {
 background-color: #8cc773;
}

.esemeny-torna {
 background: #8cc773;
} .esemenyContent-torna {
 border-color: #8cc773;
} .Naptar-torna {
 background-color: #8cc773;
}

.esemeny-sportorvosi {
 background: #8cc773;
} .esemenyContent-sportorvosi {
 border-color: #8cc773;
} .Naptar-sportorvosi {
 background-color: #8cc773;
}



.esemeny-egyeb {
 background: #cfcfcf;
} .esemenyContent-egyeb {
 border-color: #cfcfcf;
} .Naptar-egyeb {
 background-color: #cfcfcf;
}


.Naptar-kiemelt {
 background-color:#f7f7f7;
}

.Naptar-maiDatum {
 -webkit-box-shadow:inset 0px 0px 0px 2px #e2e2e2;
 -moz-box-shadow:inset 0px 0px 0px 2px #e2e2e2;
 box-shadow:inset 0px 0px 0px 2px #e2e2e2;
}

.Naptar-maiDatum:not(.active) .daySpan .day, .Naptar-maiDatum:not(.active) .daySpan .dayBelso {
 color: #0900ff;
}



.esemenyMainIdo {
 font-size: 35px;
 padding-left:50px;
 padding-right:50px;
 color: rgb(255,255,255,0.7);
 margin-bottom:10px;
}

.esemenyMainNap {
 font-weight:bold;
 color:#fff;
 font-size:20px;
}

.esemenyMaindatum {
 color:#fff;
 font-size:10px; 
 margin-bottom:20px;
}

.esemenyMainIdoLeiras {
 font-size:15px;
 color: #FFF;
 font-weight:bold;
 text-transform:uppercase; 
}

.esemenyMainBubi {
 padding-top: 10px;
 padding-bottom: 10px;
 background: #fff;
 border-radius: 5px;
 font-weight: bold;
 font-size: 11px;	
}

.esemenyContent {
 vertical-align: top;
 width: 100%;
 display: table-cell;
 height: 100%;
 background: #fbfbfb;
 padding: 10px;
 border-style: solid;
 border-left: 0;
 border-bottom: 0;
 border-top: 0;
}

.esemenyMainSeparator {
 width:80%;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 margin-bottom:10px;
 height:1px;
 background:#FFF; 
}


.esemenyContentNeve {
 display:block;
 font-size:20px;
 text-transform:uppercase;
 font-weight:bold;
 margin-bottom:20px; 
 padding-left:10px;
}

.esemenyContentIcons {
 float:right;	
}

.esemenyContentIcons a {
	
}

.esemenyContentIcons i {
	
}

.esemenyContentHelyszin i {
 margin-left: 12px;
 margin-right: 8px;
 font-size: 13px;
}

.esemenyContentresztvevok {
 display: block;
 margin-top: 10px;
 margin-bottom: 10px;
 background: #efefef;
 padding: 10px;	
}

.resztvevokSora {
 padding:10px;
 line-height: 28px;
}

.hianyzas-elojegyzes {
 color:red;	
}

.szuloiVisszajelzesDatuma {
 float: right;
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
}

.resztvevokSora:nth-child(even) {
 background: #f9f9f9;
}

.resztvevokSora:nth-child(odd) {
 background: #fff;
}


.resztvevokSoraUtazokeret {
 padding:15px;
 float:left; 
}

.EdzoErtekeloDoboz {
 width:105px;
 font-size:12px;
 max-width:105px;
 min-width:105px;
 min-height:40px; 
 height:40px; 
 max-height:140px; 
}

.resztvevokSoraUtazokeret:nth-child(even) {
 background: #f9f9f9;
}

.resztvevokSoraUtazokeret:nth-child(odd) {
 background: #fff;
}


.esemenyContentresztvevokContentFejlec, .esemenyContentresztvevokContentFejlecVisszajelzesek {
 color: #fff;
 background: #494949;
 padding: 10px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}


.EdzoiMegjegyzesekFejlec {
 background: #0a740f;
}

.esemenyContentresztvevokContentFejlecVisszajelzesek {
 background: #5a3a3a;
}

.esemenyMainSide {
 position: sticky;
 top: 30px;
}

.esemenyContentresztvevok i {
 width:15px;
 text-align:center;
 margin-right:6px;	
}


.esemenyContentresztvevokContent {
  margin-bottom:40px;	
}

.esemenylezaras, .esemenylezarasElfogadas {
 user-select: none;
 float: right;
 width:125px;
 text-align:center;
 color: #376a42;
 background: #f9f9f9;
 padding: 5px;
 cursor: pointer;
 font-weight: bold;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}

.esemenylezarasKeszFejlec {
 float: right;
 color:#fff;
}

.esemenylezarasElfogadas {
 background: #10c57a;
 color: #fff;
}


.esemenyContentLeiras {
 margin-top:20px;	
 margin-bottom:20px;	
 padding-left:12px;	
}

.elmaradoEsemeny .esemenyMain  {
 background:#9e2323 !Important;
 text-decoration:line-through;	
}



/*********Üzenetek *******/

.uzenetSor {
 display: block;
 color:#000;
 background-color:#f2f2f2;
 margin-bottom: 1px;
 border-style: solid;
 border-width: 1px;
 border-color: #d6d6d6;
 border-left:none;
 border-right:none;
 border-top:none;
 padding:15px;
}

.uzenetSor_allapota, .uzenetSor_cimzett, .uzenetSor_targy, .uzenetSor_right i, .uzenetSor_idopont {
 display:block;
}

#ujUzenetTargy {
 width:calc(100% - 25px);
}
.uzenetSor_idopont {
 float:right;	
}

#ujUzenetSzoveg {
 width:97%;
 min-width:97%;
 max-width:97%;
 min-height:200px;
 max-height:1300px;
}

#cimzettInput {
 width:calc(100% - 25px);	
}

.uzenetSor_allapota {
 float:left;
 padding:10px;
 padding-right:20px;
 line-height:2;
 color:#a7a7a7;
}

.uzenetekSor_left {
 float: left;
 margin-top: 7px;
 line-height: 16px;
 border-style: solid;
 border-width: 1px;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 padding-left: 8px;
 border-color: #cacaca;
}

.uzenetSor_right {
 float:right;
}

.uzenetTorlese {
 float: right;
 padding: 5px;
 padding-top: 7px;
 border-radius: 3px;
 font-size: 10px;
 margin:4px;
}

.uzenetSor_cimzett {
 font-weight:bold;
 color:#515151;
}

.uzenetSor_targy {
 color:#515151;
 font-size:11px;
}

.uzenetSor_idopont {
 font-size:11px;
 margin-right:5px;
}

#uzenetKuldesGomb, #uzenetKuldesGombValasz, #uzenetKuldesGombUj {
 cursor:pointer;
 background-color:#4465a4;
 margin-left:5px;
}

#uzenetKuldesGomb:hover, #uzenetKuldesGombValasz:hover, #uzenetKuldesGombUj:hover {
 background-color:#365081;
}

.uzenetSorTagoloDatum {
 display:block;
 margin-top:15px;
 margin-bottom:10px;
 margin-left:5px;
 font-size:13px; 
 color:#a8a8a8;
 font-weight:bold;
 text-transform:uppercase;
}

.uzenetSorTagoloDatum:empty {
 display:none;
}

.uzenet_megtekintes_div {
 display: block;
 color: #000;
 background-color:#fff;
 margin-bottom: 1px;
 border-style: solid;
 border-width: 1px;
 border-color: #d6d6d6;
 border-left: none;
 border-right: none;
 border-top: none;
 padding: 5px;
}

.uzenet_megtekintes_fejlec {
 border-style: solid;
 border-color: #dcdbdb;
 border-width: 1px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 padding-bottom: 10px;
 margin-bottom:14px;
}

.uzenet_allapota, .uzenet_felado, .uzenet_targy, .uzenet_idopont, .uzenet_szoveg {
 display:block;
}

.uzenet_megtekintes_targy {
 float:left;
 color:#515151;
 font-weight:bold;
 font-size:14px;
 margin-bottom:5px;
 margin-top:5px;
 margin-left:5px;
 text-transform:uppercase;
}

.uzenet_megtekintes_muveletek {
 float:right;
}

.uzenet_felado {
 float:left;
 margin-bottom:10px;
}

#valaszUzenetre {
 font-size:16px;
 margin-top: 8px;
 margin-right: 9px;
 cursor:pointer;
 float:right;
 color:#d8d8d8;
}

#valaszUzenetre:hover {
 float:right;
 color:#929292;
}

.uzenet_felado span {
 display: block;
 padding-left: 8px;
 color: #515151;
 font-weight: bold;
 float: right;
}

.uzenet_felado_avatar {
 float: left;
 width: 25px;
 height: 25px;
 border-style: solid;
 border-width: 1px;
 border-color: #e0e0e0;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 border-radius: 25px;
}

.uzenet_idopont {
 float:right;
 margin-top: 9px;
 margin-right: 10px;
 font-size:11px;
 color:#959595;
}

.uzenet_szoveg {
 margin-top:20px;
 margin-bottom:20px;
}

#cimzettDIV {
 display: none;
 padding: 10px;
 background: #efefef;
 margin-bottom: 10px;
 border-radius: 3px;
 border-style: solid;
 border-width: 1px;
 border-color: #c0c0c0;
 cursor: pointer;	
}

#cimzettDIVbezaras {
 float:right;
 margin-left:5px;
 font-size:13px;
 color:red;
}


/*********Content ********/

.contentFix {
 float: left;
 width: calc(100% - 260px);	
 min-height:500px;
}

#content {
 background-color:#e7e7e7;
}

#contentTop {
 padding-top:1px;
 padding-bottom:1px;
 border-style:solid;
 border-width:1px;
 border-color:#d2d2d2;
 border-left:0px;
 border-right:0px;
 background: #f2f2f2; /* Old browsers */
 background: -moz-linear-gradient(top,  #f2f2f2 0%, #e5e5e5 21%, #efefef 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 21%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #f2f2f2 0%,#e5e5e5 21%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.gorgetheto_keret {
 height:250px;
 max-height:250px;
 overflow-x:hidden;
 overflow-y:scroll 
}

#ContentTopLeft {
 float:left;
 padding-top:4px;
 padding-left:20px;
}

#userImageTop {
 user-select: none;
 float:left;
 width:30px;
 height:30px;
 border-style: solid;
 border-width: 1px;
 border-color: #e7e7e7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

#userNameTop {
 text-transform: uppercase;
 color: #305291;
 font-size: 13px;
 margin: 9px;
 margin-left: 10px;
 float: left;
}

#ContentTopRight {
 float:right;	
 user-select: none;
 padding-right:10px;
}

.felsoIkonsor {
 user-select: none;
 font-size:13px;
 display:inline-block;
 color:#3f3f3f;
 margin-top:14px;
}

#toolbar-icons {
 float:left;	
}

#toolbar-icons a {
 padding:10px;	
}

#csoportomTopIcon:hover {
 color:#1b62bb;	
}

#segitsegTopIcon:hover {
 color:#1b62bb;	
}

#klubadatokTopIcon:hover {
 color:#454545;
}

#uzenetekTopIcon:hover {
 color:#0e7242;
}

#adataimTopIcon:hover {
 color:#0e7242;
}

#ujUzenetekSzama:empty {
 display:none;	
}

#ujUzenetekSzama {
 position: absolute;
 color: #fff;
 background: #7baf76;
 font-size: 11px;
 margin-top: 7px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 width: 15px;
 height: 15px;
 font-weight: bold;
 line-height: 16px;
 text-align: center;
}

.ikonsorSeparator {
 border-style: solid;
 border-width: 1px;
 border-left: 0;
 color: #bbbbbb;
 margin-left: 8px;
 margin-right: 8px;
}

#kilepes {
 display:inline-block;
 float:right;
 padding:15px;
 font-size:10px;
 margin-left: 15px;
 color:#fff;
 text-transform:uppercase;
 background-color:#d85151; 
 cursor:pointer;
}

#kilepes:hover {
 background-color:RED;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 500ms;
 -moz-transition-timing-function: ease-out;
 -moz-transition-duration: 500ms;
}

#kilepes img {
 float:right;
 width: 8px;
 margin-left: 10px;
}

#esemenynaptarIcon {
 float:left;
 width: 14px;
 margin-right: 5px;
}



#contentMain {
 display: table;
 background-color:#e4e4e4;
 background-image: url("../images/back.png");
 background-size: cover;
 background-attachment: fixed;
 background-position: right;
 padding:15px;
 padding-right: 10px;
 padding-top: 15px;
 height: 100vh;
 box-shadow: 7px 5px 6px -8px rgba(0,0,0,0.31) inset;
 -webkit-box-shadow: 7px 5px 6px -8px rgba(0,0,0,0.31) inset;
 -moz-box-shadow: 7px 5px 6px -8px rgba(0,0,0,0.31) inset;
}



/*********Cards********/

.card {
 word-break:break-word;
 vertical-align: top;
 display: table-cell;
 margin-bottom: 10px;
 background-color: #fff;
 border-width: 6px;
 border-style: solid;
 border-color: rgb(26,81,53, 0.1);
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}

.normalCard {
 width:100%;
 min-width:100%;
}

#esemenynaptar {
 position:sticky;
 top:10px;
 width:325px;
 display:block;
 margin-left:10px;
}

#cardContentNaptar {
 height:300px;	
 min-height:auto;
 overflow:hidden;
}


.cardTop {
 background-color: #f8f8f8;
 color: #4465a4;
 letter-spacing:3px;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 11px;
 padding: 15px;
 padding-left: 10px;
 text-align:justify;
}

.cardTop i, .oldalMegnevezes i {
 margin-left:5px;	
 margin-right:10px;	
}

.oldalMegnevezes {
 display: inline-block;
 font-size: 13px;
 text-transform: uppercase;
 font-weight: bold; 
 padding-left: 14px;
 padding-top: 16px;
}

.cardContent {
 padding:10px;
 font-size:12px;
}

.cardBottom {
 width: calc(100% - 30px);
 border-style: solid;
 border-left: 0;
 border-right: 0;
 border-color: #e0e0e0;
 display: block;
 margin-right: auto;
 margin-left: auto;
 height: 1px;
 border-width: 1px;
 margin-top: 10px;
 margin-bottom: 4px;
}

.oldalSzovegMegevezes {
 float:left;
 min-height:25px;
}

.cardAtt {
 float:right;
 margin-left:10px;
}


/*********Foot ********/


#foot {
 user-select: none;
 background:#333333;
 padding:20px;
 font-size: 9px;
 text-transform: uppercase;
 color: #bcbcbc;
}

#footLeft {
 float:left;
 line-height:50px;
 width:260px; 
}

#hrefBottom {
 color:#bcbcbc;	
}

#footRight {
 float:left;
 text-align:right;
 line-height:50px;
 width: calc(100% - 260px); 
}

#footRight a {
 color: #bcbcbc;
}

#footRight a:hover {
 color: #fff;
}

#footRight a:after {
 content: ' | ';
 display: inline-block;
 margin-right: 10px;
 margin-left: 10px;
}

#footRight i {
 margin-right:5px;
 font-size:13px; 
}

#lastAfoot:after {
 content: '' !Important;
}

.content_box {
 display:block;
 margin:10px;
 padding:10px;	
}

.oldal_megnevezes {
 font-size: 17px;
 text-transform: uppercase;
 color: #a3a3a3;
 font-weight: bold;
}

.content_box:before {
 content:'';
 display:block;
 clear:both; 
}

.topGomb, .topGombMappa, .contentButton, .SzovegModositasGomb {
 background: #33b0cb;
 padding: 7px;
 border-radius: 3px;
 color: #fff;	
 cursor:pointer;
}

.SzovegModositasGomb {
 display:inline-block;
 float:right;
 padding:13px; 
 text-transform:uppercase;
}

.topGomb:hover, .topGombMappa:hover, .contentButton:hover, .SzovegModositasGomb:hover {
 background: #2292ab;
}

.topGombMappa {
 background: #b7b7b7;
 text-align: center;
 margin-right: 10px;
}

.cardAtt i {
 margin-right:10px;	
}


.ujElofizetes {
 background: #419767;
}

.ElofizetesHosszabitas {
 background:#c85829;
}

.aktivElfofizetes {
 background:#2995c8;
}


#elfogadottKartyak {
 margin-top:20px;	
}

#elfogadottKartyak img {
 max-width:38px;
 display:inline-block; 
}

.megjegyzes {
 font-size:10px;
 font-weight:bold;
 color:#c0c0c0; 
}

.normalCard .gomb {
 margin: 6px;
 margin-right: 15px;	
}

.fizetesGomb {
 padding-top: 20px;
 padding-bottom: 20px;
 padding-left: 60px;
 padding-right: 60px;
 background: #e89600;	
}


.gomb {
 user-select: none;
 display: inline-block;
 background-color: #1a5135;
 border-radius: 4px;
 display: inline-block;
 cursor: pointer;
 color: #ffffff;
 font-family: Trebuchet MS;
 font-size: 13px;
 font-weight: bold;
 padding: 16px 56px;
 text-decoration: none;
 text-transform: uppercase;
}

.cleared {
 font: 0/0 serif;
 clear: both;
}

/****************Támogatás mappa és animációi****************/
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(240, 52, 52, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(240, 52, 52, 0)
	}

	100% {
		box-shadow: 0 0 0 0 rgba(240, 52, 52, 0);
	}
}

#copy {
 text-align:right;
 color:#c0c0c0;
 font-size:10px;
 margin-right:20px;
 display:block;
 margin-top:5px;
 margin-bottom:60px;
}


#problema_leirasa {
 width:calc(100% - 40px);
 min-width:calc(100% - 40px);
 max-width:calc(100% - 40px);
 min-height:300px;
 padding:10px;
 resize:none;
 margin:10px;
 border-color:red;
 overflow-wrap: break-word;
 font-family: sans-serif, 'OpenSans'; 
}

#problema_leirasa_bekuldes {
 line-height:20px;
}

.tamogatasi_fejlec_uzenet {
 font-size:13px;
}

.tamogatasi_idopont {
 float:right;
 font-size:12px;
 font-weight:bold;
}

.tamogatasi_leiras {
 display:block;
 overflow-wrap: break-word;
}

.tamogatasi_valasz {
 display:block;
 padding-left:20px;
 padding-top:10px;
}

.megoldva {
 background:#f3fff6;
 font-size:13px;
}

.tamogatasi_hiba {
 background:#ffece4;
 font-size:13px;
}


.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 3% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.fa-bug {
 color:#fff;
}


.tooltip {
 position: relative;
 display: inline-block;
}

.tooltip .tooltiptext {
 visibility: hidden;
 width: 200px;
 background-color: #7dccfc;
 color: #fff;
 font-weight:bold;
 text-align: left;
 border-radius: 6px;
 padding: 5px 0;
 padding-left:10px;
 position: absolute;
 z-index: 1;
 top: -3px;
 right: 105%;
}

.tooltip:hover .tooltiptext {
 visibility: visible;
}
.tooltip:hover .tooltiptext {
 visibility: visible;
}


/****************Támogatás mappa és animációi****************/

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-document url-prefix() {

}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {
 .MicroCard {
	width: calc(100% / 3 - 34px);
	margin:6px;
 }
 #mainMenu {
	display:none;
	position:fixed;
	z-index:1;
	margin-left:-270px;
 }
 .contentFix {
	width: 100%;
 }
 #mobilMenuVezerlo {
	display:block; 
 }
}



@media screen and (max-width: 850px) {
 #contentMain {
	padding:0px;
 }
 .cardContent {
	padding:1px;
 }
 .esemeny_nezet {
	padding-left:0px; 
 }
 .esemenyMainIdo {
	padding-left:30px;
	padding-right:30px;
 }
 .esemenyContentresztvevok {
	padding:0px; 
 }
 #esemenynaptar {
	width:250px; 
 }
}

@media screen and (max-width: 750px) {
	#contentMain {
		display: inline-flex;
		flex-direction: column-reverse;
		width:100%;
	}
	.card {
		border-style:none;
	}
	#esemenynaptar {
		position:unset;
		width:100%;
		margin-left:0px;
	}
	.esemenyMain {
	 display:none;	
	}
	.esemenyMobilIdovonal {
	 display:block;		
	}
	.esemenyContent {
	 display:unset;
	 padding:0px;
	}
	.esemenyContentNeve {
	 padding-left:15px;	
	}
	.esemenyContentHelyszin {
	 padding-left:5px;
	}
	.esemenyContentresztvevokContentFejlec, .esemenyContentresztvevokContentFejlecVisszajelzesek {
	 padding-left:14px;
	}
	.resztvevokSora {
	 padding-left:35px;	
	}
	.esemenyContentLeiras { 
	 padding-left:15px;
	}
	#userNameTop {
	 display:none;	
	}
	#footLeft, #footRight {
		float:unset;
		text-align:center;
		width:100%;
	}
	#bottom_logo {
		float: unset;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 150px;
	}
	.MicroCard {
		height:80px;
	}
	
	.esemenyContentIcons i {
	 margin-right:10px;	
	}
	.esemenyedzokModositas {
	 margin-right:10px;	
	}
	.esemenedzokDiv {
	 padding-left:17px;	
	}
}

@media screen and (max-width: 500px) {
 .cardAtt {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
 }	
 .topGombMappa, .topGomb {
	display:inline-block;
	margin-top:5px;
 }
}
@media screen and (max-width: 400px) {
 .dupla_hasab_left {
	display: contents;
	text-align: center;
 }
 .dupla_hasab_right {
	width: 99%;
	text-align: center;
 }

 .checkbox_divs {
  text-align: left;
 }
 
 .sima_checkbox + label {
	position: initial !Important;
 }
 .vez_felirat {
	width: auto !Important;
 }
 .checkbox_divs ::after {
	content: ' ';
	display: block !Important;
	font: 0/0 serif !Important;
	clear: both !Important;
 }
 
 .input_group {
	min-width: 90% !Important;
 }
 
 .input_group_control_label {
	position: inherit;
 }
 .input_group_control_img {
	float: left;
	margin-top: -2px;
 }
 
 #signRegBox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    margin-top: 28px;
    text-align: center;
    margin-bottom: 20px;
 }
 #toolbar-icons a {
	padding-left:3px;
	padding-right:3px;
 }
 #footRight a {
	display:block;
	text-align:center;
 }
 #footRight a:after {
	display:none;
 }
}


@media screen and (max-width: 350px) {	
 .ikonsorSeparator {
	margin-left:3px;
	margin-right:3px;
 }
}