@font-face {
  font-family: 'fontello';
  src: url('font8/font/fontello.eot?adeb0660');
  src: url('font8/font/fontello.eot?adeb0660#iefix') format('embedded-opentype'),
       url('font8/font/fontello.woff?adeb0660') format('woff'),
       url('font8/font/fontello.ttf?adeb0660') format('truetype'),
       url('font8/font/fontello.svg?adeb0660#fontello') format('svg');  
  font-weight: normal;
  font-style: normal;
}

[class*="icon-"] {
  color:#fff;
  height:60px;
  line-height:60px;
  margin:10px 0 10px 0;
  vertical-align:top;
}
[class*="bell"] {
  color:#fff;
  height:20px;
  line-height:20px;
  margin:0;
  width:20px;
  height:20px;
  font-size:16px;
}
[class*="bell"]:before {font-family: "fontello";}
.bell0:before {content: '\f0f3';color: rgba(0,0,0,0.5)}
.bell255:before {content: '\f0f3';color: rgba(255,255,255,0.5)}

[class*="kapcs"] {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  color:#000;
  line-height:20px;
  margin:0;
  
}
[class*="kapcs"]:before {
  display: inline-block;
  -webkit-transform:scale(2,1);-moz-transform:scale(2,1);-ms-transform:scale(2,1);
  font-weight: normal;margin:0;width:22px;position:relative;left:12px;top:-1px;font-family: "fontello";  font-size:11px;content: '\e824';}

[class*="bell3"] {
  color:#000;
  height:20px;
  line-height:20px;
  margin:0;
  width:20px;
  height:20px;
  font-size:16px;
}
[class*="bell3"]:before {font-family: "fontello";content: '\f0f3';color: rgba(0,0,0,0.2)}  
.bell3green:before {color:#0d0}
.bell3red:before {color:#d00}

[class*="icon"]:before, .download:before, 
.pl_download:before, .pl_download3:before,.pl_valasz:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size:28px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 30px;
  margin-right:10px;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="nagyicon"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size:32px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 30px;
  margin-right:10px;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nagyicon7:before {content: '\f234'}
.nagyicon8:before {content: '\e807'}
.nagyicon9:before {content: '\f130';width:15px;margin-right:-10px}
.nagyicon10:before {content: '\f0f3';font-size:22px;color:#45ba00;margin-right:10px}
.nagyicon11:before {content: '\f1f6';font-size:22px;color:#aaa;margin-right:10px}
.nagyicon12:before {color:#d00;content: '\f313'}
.nagyicon13:before {content: '\f0e0'}
.nagyicon14:before {color:#d00;content: '\f119'}

.icon-player {
  width:300px;
  min-height:160px;
  border:1px solid black;
  color:#000;
  display:none;
  overflow:visible;
}
[class*="iconlisten-"], #audio_fejlec  {width:100%;float:left;line-height:27px;font-size:0px}
.download:before, .pl_download:before {font-size:24px}
.pl_download3:before {font-size:20px}
.iconlisten-k:hover, .iconlisten-b:hover {
  background:#e9e9e9;
}
.iconlisten-k:focus .icon-player {
  display:block;
}
.iconlisten-fejlec {border-bottom:2px solid black;width:100%}
.iconlisten-fejlec span {color:#000;font-size:16px;font-weight:bold}
.fejlec_felado {margin-left:5px;width:calc(100% - 133px);display:inline-block}
.fejlec_idopont {font-size:16px;width:110px;display:inline-block}
.fejlec_tarolas {width:0px;display:none}
.iconlisten-k a {color:#3e6eb6}
.iconlisten-b a {color:#83c127}
.iconlisten-g a {color:#ddd}
[class*="iconlisten-"] a span, #audio_fejlec a span{
  position:relative;
  top:5px;
  display: inline-block;
  overflow:hidden;
}

.hivas_info {
  margin-right:10px;
  width:calc(100% - 140px);
  border:0px solid red;
  font-size:16px;
  font-weight:bold;
}
.hivas_info font {font-size:14px;font-weight:normal}
.hivas_ev {width:0px;margin-top:10px;line-height:10px;vertical-align:top;font-size:14px;margin-right:0px}
.hivas_idopont {margin-top:10px;line-height:10px;vertical-align:top;font-size:14px;margin-left:-5px;width:70px}


.hivas_ervenyes {font-size:16px;width:0px}

[class*="icon-"]:before {color: rgba(255,255,255,0.3);}
.iconlisten-k:before, .iconlisten-k .download:hover::before, 
.pl_download:hover::before, .pl_download3:hover::before, .pl_valasz:hover::before {color:#3e6eb6}
.iconlisten-k:before {margin-left:5px}
.iconlisten-b:before, .iconlisten-b .download:hover::before {color: #83c127}
.iconlisten-g:before {color: #ddd}
.download:before {width:30px;font-size:22px;color:#999;content: '\e809'}
.pl_download:before  {position:absolute;right:0px;top:0px;width:30px;font-size:30px;color:#999;content: '\e810'}
.icon-no-mic,.icon-no-mic2,.icon-mic-ok {
  position:absolute;
  top:110px;
  left:-15px;
  width:300px;
  font-weight:bold;
  overflow:hidden;
  display:none;
  white-space:nowrap;
  font-size:14px;
}
.icon-no-mic {color:#d00}
.icon-no-mic2 {color:#d00;top:100px;left:180px;height:40px;line-height:20px;padding:0}
.icon-mic-ok {color:#0d0}
.icon-home:before {content: '\e80d'}
.icon-youtube:before {content: '\f166'}
.icon-mic:before {content: '\f130'}
.icon-no-mic:before {content: '\f131';color:#d00;margin:0}
.icon-mic-ok:before {content: '\f130';color:#0d0}
.icon-listen:before {content: '\e803'}
.iconlisten-fejlec:before {width:20px; content: ' '}
.iconlisten-k:before {width:20px;content: '\e801'}
.iconlisten-b:before {width:20px;font-size:24px;content: '\e81e'}
.iconlisten-g:before {width:20px;content: '\f131'}
.icon-chat:before {content: '\f234';}
.icon-settings:before {content: '\e801';}
.icon-modify:before {content: '\e802';}
.icon-delete:before {content: '\f235';}
.icon-login:before {content: '\e822';}
.icon-logout:before {content: '\e804';}
.icon-uzenet:before {content: '\e833';}
.icon-hivoszam:before {content: '\e820';}
.icon-reg:before {content: '\e843';}
.icon-cimlista:before {color: rgba(0,0,0,0.3);content:'\e80a'}
.icon-cimlista:hover::before {color: #3c6db2}

[class*="icon-h4"] {color:#3e6eb6;height:34px;line-height:34px}
[class*="icon-h4"]:before {color:#3e6eb6;font-size:24px}

.icon-h4login:before{content: '\e822'}
.icon-h4logout:before{content: '\e804'}
.icon-h4reg:before{content: '\e843'}
.icon-h4reg font {font-size:18px;color:#000}
.icon-h4modify:before{content: '\e804'}
.icon-h4chat:before{content: '\e806'}
.icon-h4beall:before{content: '\e801'}
.icon-h4mic:before{content: '\f130';margin-left:15px;width:33px;color:#d00}
.icon-h4hang:before{content: '\e803'}

[class*="icon-p"] {color:#000;height:34px;line-height:34px}
[class*="icon-p"]:before {color:#666;font-size:16px}

.icon-p-email:before{content: '\f0e0'}
.icon-p-hivoszam:before{content: '\e820'}
.icon-p-jelszo:before{content: '\e805'}
.icon-p-chat:before{content: '\e806'}
.icon-p-szemely:before{content: '\e807'}
.icon-p-ell:before{content: '\e809'}

[class*="iconalcim"] {
  color:#3e6eb6;font-size:24px;font-variant:small-caps;margin:0 0 15px 0;white-space:nowrap}
[class*="iconalcim"]:before {font-size:24px;width:20px}
[class*="iconalcim-"]:before {font-size:24px;width:20px;margin-top:-5px}
.iconalcim:before {content: '\e802'}
.iconalcim2:before {content: '\f130'}
.iconalcim3:before {content: '\e81b'}
.iconalcim4:before {content: '\e80a'}
.iconalcim5:before {content: '\f313'}
.iconalcim6:before {position:relative;top:4px;content: '\e81b'}
.iconalcim7:before {position:relative;top:4px;content: '\f119'}

.iconalcim-4:before {content: '\e80d'}
.iconalcim-5:before {content: '\e803'}
.iconalcim-6:before {content: '\f130'}
.iconalcim-7:before {content: '\f234'}
.iconalcim-8:before {content: '\e801'}
.iconalcim-9:before {content: '\e804'}
.iconalcim-10:before {font-size:26px;content: '\e822'}
.iconalcim-11:before {color:#d00;font-size:26px;content: '\f313'}
.iconalcim-12:before {font-size:22px;content: '\f08e'}
.iconalcim-13:before {font-size:26px;content: '\e843'}

[class*="iconpipa"] {color:#fff;font-size:24px}
.iconpipa:before {content: '\e809'}
[class*="iconerror"] {color:#fff;font-size:24px}
.iconerror:before {content: '\e83a'}
[class*="iconkismenu"] {
  color:#999;font-size:24px;font-variant:small-caps;margin:0 0 15px 0;white-space:nowrap}
[class*="iconkismenu"]:before {font-size:24px;width:20px;margin-top:-5px}
[class*="iconkismenu"]:hover:before {color:#3e6eb6}
.iconkismenu:before,
.iconkismenu:hover:before {
  content: '\e839';
  color:#999;
  font-size:20px;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
.iconkismenu0:before {content: '\e80f'}
.iconkismenu1:before {content: '\f08e'}
.iconkismenu2:before {content: '\e814'}
.iconkismenu3:before {content: '\e816'}
.iconkismenu3red:before {content: '\e815';color:#d00}
.iconkismenu3red:hover:before {content: '\e815';color:#d00}
.iconkismenu3:hover:before {content: '\e816';color:#999}
.iconkismenu4:before {content: '\f0e0'}
.iconkismenu5:before {content: '\e812'}
.iconkismenu6:before {content: '\e810'}
.iconkismenu7:before {content: '\f196';font-size:24px}
.iconkismenu7:hover:before {color:#4dce31}
.iconkismenu8:before ,.iconkismenu8:hover:before {content: '\f14a';font-size:24px;color:#4dce31}
.iconkismenu9:before {content: '\e82e'}
.iconkismenu10:before {font-size:30px;content: '\e831'}
.iconkismenu11:before {font-size:30px;content: '\e833'}
.iconkismenu12 {height:18px;line-height:18px;width:10px}
.iconkismenu12:before {width:10px;font-size:18px;content: '\e836'}
.iconkismenu12:hover:before {color:#d00}
.iconkismenu13:before {content: '\e836'}
.iconkismenu12B:before {font-size:28px;content: '\e836'}
.iconkismenu12B:hover:before {color:#d00}
.iconkismenu13:hover:before {color:#d00}
.iconkismenu14:before {font-size:30px;content: '\f0e0'}
.iconkismenu15:before {color:#3e6eb6;content: '\e81b'}
.iconkismenu16:before {font-size:30px;content: '\f08e'}

/* youtube eszköztár gombjai */
.iconkismenu20:before {font-size:24px;content: '\e82c'}
.iconkismenu21:before {font-size:24px;content: '\e826'}
.iconkismenu22:before {font-size:24px;content: '\e828'}
.iconkismenu23:before {font-size:24px;content: '\e82a'}
/*playbell*/
.iconkismenu24:before {font-size:20px;content: '\e826'}
.iconkismenu25:before {font-size:20px;content: '\e828'}
.iconkismenuplayitall:before {font-size:20px;content: '\e826';color:#000}
.iconkismenuplayitall:hover:before {color:red}
.iconkismenuplayitall2:before {font-size:20px;content: '\e826';color:red}
.iconkismenuplayitall2:hover:before {color:#000}
/* nyilak */
.iconkismenu30:before,.iconkismenu31:before,
.iconkismenu32:before,.iconkismenu33:before {width:60px;color:#4dce31;font-size:36px}
.iconkismenu30:before {padding-top:5px;content: '\f103'}
.iconkismenu31:before {padding-top:5px;content: '\f102'}
.iconkismenu32:before {content: '\e83d'}
.iconkismenu33:before {content: '\e83e'}
.iconkismenu30:hover:before, .iconkismenu31:hover:before,
.iconkismenu32:hover:before,.iconkismenu33:hover:before {color:#4dce31}
/* információs oszlop */
.iconkismenu40:before {margin:0;font-size:17px;content: '\e816'}
.iconkismenu40red:before,.iconkismenu40red:hover:before{margin:0;font-size:17px;content: '\e815';color:#d00}
.iconkismenu41:before {margin:0;font-size:17px;content: '\f196'}

.kerekikon {width:0px;margin:0;padding:0}
.kerekikon:before {
  font-family: "fontello";
  content: '\e826';
  color:#4dce31;
  font-size:18px;
  height:18px;
  line-height:18px;
  margin:0;
}