@font-face {
  font-family: 'GOT';
  src: url('got.ttf')  format('truetype'); 
}


html,body{
    margin:0;
    padding:0;
    border:none;
    font-family: Verdana;
    font-size: 12px;
    background-image: url(../images/brillant_3.png);
    height:100%;
}

.ticketdetails:hover    {
    cursor: help;
    color: white;
    background: black;
    font-weight: bold;
}

#jegyreszletek table tr td  {
    padding: 5px;
}

#jegyreszletek table tr td:nth-child(3), #jegyreszletek table tr td:nth-child(4)    {
    text-align: right;
}

.new-item-dialog{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(80,80,80,0.3);
    display: none;
}

table.main_table {
    height: 100%;
}

form {
    margin: 0px;
    padding: 0px;
}

div.fejlec {
    /*background-image: url('../images/hatter_bal_01_uj.png');*/
    background-repeat: repeat-x;
    background-color: #303030;
    height:28px;
    padding-top:12px;
    text-align: center;
    color:white; 
    position: fixed;
    top:0px;
    width:100%;
    z-index: 50;
    box-sizing: content-box;
}

div.fejlec2 {
    /*background-image: url('../images/hatter_bal_01_uj.png');*/
    background-repeat: repeat-x;
    background-color: #303030;
    height:128px;
    text-align: center;
    color:white; 
    top:0px;
    width:100%;
}

tr.fejlec {
    height:40px;
}

td.fej01 {
    background-image: url('../images/finance_logo.png');
    background-size: 1000px;
    background-repeat: no-repeat;
    background-position: center;
    width:1004px;
    height: 224px;   
    vertical-align: bottom;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: black;
}

.login_text {
    display: inline;
    padding-left:345px;        
    vertical-align: bottom;       
    height: 20px;
    float:left;
    color:#ea9048;
}

.flags {
    display:inline;
    float:right;      
}

.flags img {
    padding:2px;
    height:16px;
}

.flags_index {
    text-align: center;
    width:100%;
}
.flags_index img {
    padding:3px;
    height:20px;
}

td.hatter_bal_01_uj {
    /*background-image: url('../images/hatter_bal_01_uj.png');*/
    background-repeat: repeat-x;
    width:52%;
}
td.hatter_jobb_01_uj {
    /*background-image: url('../images/hatter_jobb_01_uj.png');*/
    background-repeat: repeat-x;
    width:48%;
}

td.hatter_bal_01 {
    background-image: url('../images/hatter_bal_01.png');
    background-repeat: repeat-x;
}
td.hatter_jobb_01 {
    background-image: url('../images/hatter_jobb_01.png');
    background-repeat: repeat-x;
}


td.hatter_bal_01_index {
    background-image: url('../images/hatter_bal_01.png');
    background-repeat: repeat-x;
}
td.hatter_jobb_01_index {
    background-image: url('../images/hatter_jobb_01.png');
    background-repeat: repeat-x;
}

.hatter_bal_02 {
    width:50%;
}

.hatter_jobb_02 {
    width:50%;
}

td.hatter_bal_03 {
    /*background-image: url('../images/hatter_bal_03.png');*/
    background-color: #303030;
    background-repeat: repeat-x;
}
td.hatter_jobb_03 {
    /*background-image: url('../images/hatter_jobb_03.png');*/
    background-color: #303030;
    background-repeat: repeat-x;
}
td.hatter_lablec {
    /*background-image: url('../images/hatter_lablec.png');*/
    background-color: #303030;
    background-repeat: repeat-x;
    height: 113px;
    font-family: Verdana;
    font-size: 11px;
    color: #fefefe;
    width: 1004px;
}
td.hatter_lablec_belso {
    /*background-image: url('../images/hatter_lablec.png');*/
    background-color: #303030;
    background-repeat: repeat-x;
    height: 113px;
    font-family: Verdana;
    font-size: 11px;
    color: #fefefe;
}

td.hatter_lablec td {
    font-family: Verdana;
    font-size: 11px;
    color: #fefefe;
}

td.hatter_tartalom {    
    font-family: Verdana;
    font-size: 12px;
    vertical-align: top;
    min-width: 1004px;
}

td.hatter_tartalom2 {    
    font-family: Verdana;
    font-size: 12px;
    vertical-align: top;
    min-width: 1004px;
    width: 1004px;
}

table.lablec_tabla {
    width: 640px;
}

table.hatter_belepes {
    width: 460px;
    height: 203px;

}

.hatter_index {
    /*background-image: url(../images/hatter_bal_01.png);*/
    background-color: #303030;
    background-repeat: repeat-x;
    height: 223px;
}

td.udv02 {
    text-align: center;
    font-size: 12px;
    color: black;
}

td.oldal_neve {
    font-size: 20px;
    color: black;
    text-align: center;
}

input.nyito {
    font-family: Verdana;
    font-size: 11px;
    color: #070707;
    /*background-color: #e5e5e5;*/
    border: 1px #303030 solid;
}

.nyito_emlek a { color: black; font-family: Verdana; font-weight: bold; font-size: 13px; text-decoration : none;}
.nyito_emlek a:visited { color: black; font-family: Verdana; font-weight: bold; font-size: 13px; text-decoration : none;}
.nyito_emlek a:active { color: black; font-family: Verdana; font-weight: bold; font-size: 13px; text-decoration : none;}
.nyito_emlek a:hover { color: #ea9048; font-family: Verdana; font-weight: bold; font-size: 13px; text-decoration : none;}

div.gomb_belepes {
    background-image: url('../images/gomb_belepes.png');
    background-repeat: no-repeat;
    width: 74px;
    height: 18px;
    padding-top: 5px;
    text-align: center;
}
a.gomb_belepes 			{ color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.gomb_belepes:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb_belepes:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb_belepes:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }


div.hivasinfo_gomb_hatter {
    background-image: url('../images/hivasinfo_gomb_hatter_nagy.png');
    background-repeat: no-repeat;
    width: 127px;
    height: 28px;
    padding-top: 12px;
    text-align: center;
}

div.hivasinfo_gomb_hatter_nagy {
    background-image: url('../images/hivasinfo_gomb_hatter_nagy.png');
    background-repeat: no-repeat;
    width: 127px;
    height: 34px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
}

a.hivasinfo_gomb_hatter             { color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
a.hivasinfo_gomb_hatter:visited     { color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
a.hivasinfo_gomb_hatter:active     { color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
a.hivasinfo_gomb_hatter:hover        { color: #1aa3a7; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

td.nyito_form_szoveg {
    font-size: 11px;
    color: #000000;
}

td.nyito_cim {
    font-size: 14px;
    color: #303030;
    /*color:#ea9048;*/
    text-align: center;

}

table.tabla01 {
    width: 1240px;
    background-color: #303030;
}

table.tabla01 th {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #1c1c1c;
    background-color: #c2c2c2;

}

table.tabla01 input:not([type=checkbox])  {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 14px;
    color: #67250d;
    font-size: 11px;
}
table.tabla01 input.masik {
    border: 1px solid #303030;
    background-color: transparent;
    width: auto;
}

table.tabla01 input.hiba, textarea.hiba {
    border: 1px solid red;
}

table.tabla01 select:not(.form-control) {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 18px;
    color: #67250d;
    font-size: 11px;
}

table.tabla01 tr.kiemelt td {
    background-color: #ACACAC;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;    
}

table.tabla01 tr.elso td {
    background-color: #d5d5d5;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}

table.tabla01 tr.elso td.red, table.alap_form tr td.red, table.alap_form tr.red td{
    color:red;
}

table.tabla01 tr.elso td.blue {
    color:blue;
}

table.tabla01 tr.elso td.hetvege {
    background-color: #9b9b9b;
    color: #fefefe;
}

table.tabla01 tr.elso_over td {
    background-color: #e1e5e5;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height: 24px;
}

table.tabla01 tr.masodik td {
    background-color: #c2c2c2;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}

table.tabla01 tr.masodik td.red {
    color:red;
}

table.tabla01 tr.masodik td.blue {
    color:blue;
}

table.tabla01 tr.masodik td.hetvege {
    background-color: #9b9b9b;
    color: #fefefe;
}

table.tabla01 tr.elso.kiemelt td, table.tabla01 tr.masodik.kiemelt td {
    font-weight: bolder;
}

table.tabla01 tr.harmadik td {
    background-color: #b3b3b3;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
/*    font-weight: bold;*/
}

table.tabla01 tr.elso td.negativ_piros, table.tabla01 tr.masodik td.negativ_piros {
    /*background-color: #ffb3b3!important;*/
    background-color: #ff9999!important;
    
}

table.tabla01 tr.elso td.pozitiv_zold, table.tabla01 tr.masodik td.pozitiv_zold {
    /*color: #009900;*/
    /*background-color: #99ff99!important;*/
    background-color: #ccffcc!important;
}

table.tabla01 tr.custom_color td {
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}

table.tabla01 tr.rejtett td {
    color: #666666!important;
}

table.tabla01 tr td.valtozas {
    background-color: indianred;
}

table.tabla01 tr.nincs_sor td {
    background-color: red !important;
}

table.penzugy tr.elso td , table.penzugy tr.masodik td  {
    text-align: right;
}

table.penzugy tr.elso td.tetel , table.penzugy tr.masodik td.tetel , table.penzugy tr th.tetel {
    text-align: left;
    position: relative;
}

table.penzugy tr.elso td.tetel img, table.penzugy tr.masodik td.tetel img {
    position: absolute;
    right: 5px;
}

table.penzugy th {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #1c1c1c;
    background-color: #b3b3b3;
}

table.penzugy th.tetel {
    font-size: 12px;
    font-weight: bold;
    background-color: #b3b3b3;
    color: #1c1c1c;
}

table.tabla01 th.hetvege {
    background-color: #9b9b9b;
    color: #fefefe;
    font-size: 10px;
    text-align: center;
    height:24px;
}

table.tabla01 tr.kiemelt_piros td, table.tabla01 tr.piros td {
    background-color: #FF7777;
    color: #5F2612;
    font-size: 10px;
    text-align: center;
}

table.tabla01 tr.audit td {
    background-color: #8e70c2;
    color: #5F2612;
    font-size: 10px;
    text-align: center;
}

table.tabla01 tr.kiemelt_narancs td {
    background-color: #FF8040;
    color: #5F2612;
    font-size: 10px;
    text-align: center;
}

table.tabla01 tr.piros td {
    height:24px;
}

table.tabla01 tr.audit td {
    height:24px;
}

table.tabla01 tr.osszesites td {
    font-weight: bold;
}

table.alap_form_partner td {
    color: #303030;
    font-size: 12px;
    width:100%;
}
table.alap_form_partner td.szoveg {
    width: 30%;    
}
table.alap_form_partner td.szoveg.red {
    color: red!important;    
}
table.alap_form_partner td input:not([type=checkbox]) {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 14px;
    width: 517px;
    color: #000000;
    font-size: 11px;
}

table.alap_form_partner td input.masik {
    border: 1px solid #303030;
    background-color: none;
    width: auto;
    height: auto;
}
table.alap_form_partner td select:not([id=nyelv_sel]):not([id=nyitas_deviza]) {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 18px;
    width: 517px;
    color: #000000;
    font-size: 11px;
}
table.alap_form_partner td textarea {
    border: 1px solid #303030;
    background-color: #fefefe;
    width: 517px;
    color: #000000;
    font-size: 11px;
}
table.alap_form_partner td.riport {
    width:20px;
}

.partner_jogok_mentes{
    background-color: #303030 !important;
    color: white !important;
    border-radius: 10px !important;
    width: 100px !important;
    height: 22.5px !important;
}
.partner_jogok_mentes:hover{
    color: #ea9048 !important;
}

.szoveg01 {
    text-align: right;
    font-weight: bold;
}
table.alap_form td {
    color: #000000;
    font-size: 12px;
    width:100%;
}
table.alap_form td a{    
    /*width:100%;*/
}

table.alap_form td.szoveg {
    text-align: right;
    width:40%;    
}
table.alap_form td input:not([type=checkbox]):not([type=time]):not([type=button]) {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 14px;
    width: 160px;
    color: #000000;
    font-size: 11px;
}

table.alap_form td input.egyedi_option{
    width: initial;
}

table.alap_form td input.masik {
    border: 1px solid #303030;
    background-color: none;
    width: auto;
    height: auto;
}
table.alap_form td select {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 18px;
    width: 160px;
    color: #000000;
    font-size: 11px;
}
table.alap_form td textarea {
    border: 1px solid #664e36;
    background-color: #fefefe;
    width: 160px;
    color: #000000;
    font-size: 11px;
}
table.alap_form td.riport {
    width:20px;
}

table.alap_form td.narancs {
    color: #ea9048;
}

table.alap_form td.lila {
    color: #5d3f92;
}

table.alap_form tr.disabled td, table.alap_form tr.disabled td select, table.alap_form tr.disabled td textarea {
    color: silver;
}

table.alap_form2 td {
    color: #303030;
    font-size: 12px;
    max-width: 30%
}
table.alap_form2 td.szoveg {
   width: 20%;
        
}
table.alap_form2 td.szoveg2 {
    width: 42%;
        
}
table.alap_form2 td input:not([type=checkbox])  {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 14px;
    width: 175px;
    color: #000000;
    font-size: 11px;
}
table.alap_form2 td input.masik {
    border: 1px solid #303030;
    background-color: none;
    width: 175px;
    height: auto;
}
table.alap_form2 td select {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 18px;
    width: 175px;
    color: #000000;
    font-size: 11px;
}
table.alap_form2 td textarea {
    border: 1px solid #303030;
    background-color: #fefefe;
    width: 175px;
    color: #000000;
    font-size: 11px;
}
table.alap_form2 td.riport {
    width:20px;
}


div.gomb_bg_01 {
    background-image: url('../images/gomb_bg_01_2.png');
    background-repeat: no-repeat;
    width: 207px;
    height: 20px;
    padding-top: 2px;
    text-align: center;
}

div.gomb_bg_02 {
    /*background-image: url('../images/gomb_bg_02_2.png');*/
    background-image: url('../images/gomb_bg_02_4.png');
    background-repeat: no-repeat;
    width: 111px;
    height: 20px;
    padding-top: 2px;
    text-align: center;
    margin: auto;
}

div.gomb_bg_02 a, div.gomb_bg_01 a			{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
div.gomb_bg_02 a:visited, div.gomb_bg_01 a:visited  	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_02 a:active, div.gomb_bg_01 a:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_02 a:hover, div.gomb_bg_01 a:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

div.gombv_bg_02 {
    background-repeat: repeat-x;
    height: 21px;
    text-align: center;
    vertical-align: middle;
}

div.gombv_bg_02 .gombv_bg_02_bal {
    float:left;
    background-image: url('../images/gomb_bg_02_bal_2.png');
    background-repeat: no-repeat;
    height: 21px;
    width:5px;
}

div.gombv_bg_02 .gombv_bg_02_jobb {
    float:right;
    background-image: url('../images/gomb_bg_02_jobb_2.png');
    background-repeat: no-repeat;
    height: 21px;
    width:5px;
}

div.gombv_bg_02 .gombv_bg_02_kozep {
    background-image: url('../images/gomb_bg_02_kozep_2.png');
}

div.gombv_bg_02 a			{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
div.gombv_bg_02 a:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gombv_bg_02 a:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gombv_bg_02 a:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

div.gomb_bg_03 {
    background-image: url('../images/gomb_bg_03_2.png');
    background-repeat: no-repeat;
    width: 63px;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    margin:auto;
    box-sizing: content-box;
}

div.gomb_bg_03 a			{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
div.gomb_bg_03 a:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_03 a:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_03 a:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

div.gomb_bg_04 {
    background-image: url('../images/gomb_bg_04_1.png');
    background-repeat: no-repeat;
    width: 63px;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    margin:auto;
}

div.gomb_bg_04 a			{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
div.gomb_bg_04 a:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_04 a:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
div.gomb_bg_04 a:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

div.gombv_bg_03 {
    height: 22px;
    vertical-align: middle;
}

div.gombv_bg_03 .gombv_bg_03_kozep {
    background-image: url('../images/gomb_bg_03_kozep_2.png');
    background-repeat: repeat-x;
    height:22px;
}

div.gombv_bg_03 .gombv_bg_03_bal {
    float:left;
    background-image: url('../images/gomb_bg_03_bal_2.png');
    background-repeat: no-repeat;
    height: 22px;
    width:5px;
}

div.gombv_bg_03 .gombv_bg_03_jobb {
    float:left;
    background-image: url('../images/gomb_bg_03_jobb_2.png');
    background-repeat: no-repeat;
    height: 22px;
    width:5px;
}

td.naptar_ev_honap {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

table.naptar{
    background-color: #604123;
}

table.naptar td {
    background-color: #e5e5e5;
}

table.naptar td.calendar-day-head {
    background-color: #c2c2c2;
    height: 30px;
    color: #1c1c1c;
    font-weight: bold;
    text-align: center;

}

table.naptar td.calendar-day {
    vertical-align: top;
    color: #1c1c1c;
    font-size: 11px;
    background-color: #e5e5e5;
}

table.naptar td.calendar-day.narancs {
    background-color: #ffab44;
}

table.naptar td.calendar-day-head span.small{    
    font-size: 9px;    
    color:white;
}

table.naptar td.heti-calendar-day {
    vertical-align: top;
    color: #1c1c1c;
    font-size: 11px;
    background-color: #e5e5e5;
    text-align: center;
    vertical-align: middle;
}

table.naptar input {
    background-color: #EFEFEF;
    border:1px solid black;
    width:102px;
    text-align:center;
}

table.naptar input.highlighted {    
    border:1px solid red;    
}

table.naptar a {
    color: #1c1c1c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

table.naptar a:hover {
    color: #1c1c1c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
table.naptar a:visited {
    color: #1c1c1c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

table.naptar td.calendar-het {
    background-color: #c2c2c2;
    color: #1c1c1c;
    font-weight: normal;
    font-size: 10px;
    text-align: center;

}

table.naptar td.calendar-het-head {
    background-color: #c2c2c2;
    height: 30px;
    color: #1c1c1c;
    font-weight: bold;
    font-size: 10px;
    text-align: center;

}

table.naptar div.day-number {
    background-color: #e5e5e5;
    color: #1c1c1c;
    font-weight: bold;
    text-align: left;
}

div.popup {
    background-color:#1f1f1f;
    border: 1px solid #000000;
    color: #cccccc;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

div.popup2 {
    background-color:#eaeaea;
    border: 1px solid #000000;
    color: black;
    padding: 5px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 3px 0px 5px 5px rgba(35,35,35,0.7);
    -moz-box-shadow: 3px 0px 5px 5px rgba(35,35,35,0.7);
    box-shadow: 3px 0px 5px 5px rgba(35,35,35,0.7);
}

div.popup_bgvel {
    background-color:#303030;
    border: 1px solid #000000;
    color: #cccccc;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.popup_bgvel table.alap_form td{
    color:white;
}
div.popup_bgvel table.alap_form td a {
    color:white;
    font-size: 12px;
}

div.popup table td {
    color: #cccccc;
}

td.popup_csik_bg {
    background-image: url('../images/popup_csik.gif');
    background-repeat: repeat-x;
    background-position: 50%;

}
td.popup_csik_bg2 {
    background-image: url('../images/popup_csik.gif');
    background-repeat: repeat;
    background-position: 50%;
    height: 5px;

}

td.popup_fej {
    color: #cccccc;
    font-size: 15px;
    font-weight: bold;
}

div.popup2 td.popup_fej {
    color: black;
    font-size: 15px;
    font-weight: bold;
}

#submit02{
    width: 74px;
    height: 25px;
    background-image: url('../images/gomb_alap2.png');
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 4px;
}

div.gomb02 {
    width: 74px;
    height: 19px;
    background-image: url('../images/gomb_alap2.png');
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 4px;
}

td.almenu_hatter1 {
    background-image: url('../images/almenu_hatter1.png');
    background-repeat: repeat-x;
    background-position: 0px 8px;
    text-align: center;
    padding-top: 5px;
}

td.almenu_elv {
    color: #000000;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
}

div.menu {
    float: left;
    padding: 5px;
}


td.szures_test_hatter {
    background-image: url('../images/szur_doboz_03.png');
    background-repeat: repeat-y;
    vertical-align: top;
}

td.szures_fejlec_hatter {
    background-image: url('../images/szur_doboz_01_2.png');
    background-repeat: no-repeat;
    width: 923px;
    height: 37px;
    text-align: center;
    vertical-align: top;
    color: whitesmoke;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

td.szures_fejlec_hatter div {
    padding-top: 15px;
}


td.szures_lablec_hatter {
    background-image: url('../images/szur_doboz_05_2.png');
    background-repeat: no-repeat;
    width: 923px;
    height: 39px;
    text-align: center;
    vertical-align: top;
    padding-top: 4px;
}

table.szures table td {
    color: #f4f4f4;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}

table.szures table td.bevitel {
    text-align: left;
}

table.szures table td input {
    border: 1px solid #969696;
    background-color: #fefefe;
    height: 14px;
    width: 200px;
    color: #000000;
    font-size: 11px;
}

table.szures table td input.masikgomb {
    border: 1px solid #969696;
    background-color: #fefefe;
    height: auto;
    width: auto;
    color: #000000;
    font-size: 11px;
}


table.szures table td select {
    border: 1px solid #303030;
    background-color: #fefefe;
    height: 18px;
    width: 200px;
    color: #000000;
    font-size: 11px;
}

table.szures table td select.ev {
    width: 80px;
}

table.szures table td select.ho {
    width: 40px;      
}

table.szures table td select.ho_hidden {
    width: 40px;
    display: none;
}

input.form_krit {
    width: 50px;
}

td.gomb_99_kozep {
    background-image: url('../images/gomb_99_kozep_2.png');
    height: 23px;
    background-repeat: repeat-x;

}


td.hivas_inditasa_hatter {
    background-image: url('../images/hivas_inditasa_hatter.png');
    width: 931px;
    height: 334px;
    background-repeat: no-repeat;

}

tr.hivas_inditas_tabla_sor_01 {
    background-color: #131313;

}

tr.hivas_inditas_tabla_sor_01 td.mezo {
    color: #969696;
    font-size: 12px;
    width: 200px;
    padding-left: 15px;
}
tr.hivas_inditas_tabla_sor_01 td.ertek {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    width: 340px;
}

tr.hivas_inditas_tabla_sor_02 {
    background-color: #222222;
}
tr.hivas_inditas_tabla_sor_02 td.mezo {
    color: #969696;
    font-size: 12px;
    width: 200px;
    padding-left: 15px;
}
tr.hivas_inditas_tabla_sor_02 td.ertek {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}

td.td_div01 {
    height:1px;
    color: #2f2f2f;
    background-color:#2f2f2f;
    border:0px;
    font-size:0px;
    line-height: 0px;
    margin:     0px;

}

td.box_sotet_hatter{
    background-image: url('../images/box_sotet_hatter.png');
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
}

table.box_tablazat {
    font-size: 13px;
    color: #060606
}

table.box_tablazat td.szoveg {

}
table.box_tablazat td.szoveg2   {
    font-weight: bold;
}
table.box_tablazat td.szoveg_fej   {
    font-size: 20px;
    padding-bottom: 10px;
}

a.almenu 			{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.almenu:visited 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.almenu:active 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.almenu:hover		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

a.dark 			{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.dark:visited 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.dark:active 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.dark:hover		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

a.almenua 			{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.almenua:visited 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.almenua:active 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.almenua:hover		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }


a.gomb01 			{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
a.gomb01:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
a.gomb01:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
a.gomb01:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

a.gomb02 			{ color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.gomb02:visited 	{ color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb02:active 	{ color: #ffffff; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb02:hover		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

a.gomb99             { color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.gomb99:visited     { color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb99:active     { color: white; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.gomb99:hover        { color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }



table.tabla01 th a 			{ color: white; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration : none;}
table.tabla01 th a:visited 	{ color: white; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration : none; }
table.tabla01 th a:active 	{ color: white; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration : none; }
table.tabla01 th a:hover		{ color: #ea9048; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration : none; }


table.tabla01 a:not(.dropdown-item)             { color: white; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
table.tabla01 a:visited:not(.dropdown-item)     { color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a:active:not(.dropdown-item)     { color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a:hover:not(.dropdown-item)        { color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

table.tabla01 a.dark             { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
table.tabla01 a.dark:visited     { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.dark:active     { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.dark:hover        { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

table.tabla01 a.dark2             { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
table.tabla01 a.dark2:visited     { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.dark2:active     { color: black; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.dark2:hover        { color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

table.tabla01 a.sima             { color: #000000; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
table.tabla01 a.sima:visited     { color: #000000; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.sima:active     { color: #000000; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.sima:hover        { color: #1aa3a7; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }


table.tabla01 a.gomb03             { color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none;}
table.tabla01 a.gomb03:visited     { color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.gomb03:active     { color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }
table.tabla01 a.gomb03:hover        { color: #1aa3a7; font-family: Verdana; font-weight: normal; font-size: 10px; text-decoration : none; }

a.lablec 			{ color: #fefefe; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
a.lablec:visited 	{ color: #fefefe; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.lablec:active 	{ color: #fefefe; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
a.lablec:hover		{ color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

a 			{ color: #303030; font-family: Verdana; font-weight: normal; font-size: 12px; text-decoration : none;}
a:visited 	{ color: #303030; font-family: Verdana; font-weight: normal; font-size: 12px; text-decoration : none; }
a:active 	{ color: #303030; font-family: Verdana; font-weight: normal; font-size: 12px; text-decoration : none; }
a:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 12px; text-decoration : none; }

a.white { color: #cccccc; }
a.white:hover { color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 12px; text-decoration : none; }

.invisible_tr {
    display: none!important;
}

.visible_tr {
    display: table-row;
}

.red {
    color:red;
}

.blue {
    color:blue;
}

.green {
    color:green;
}

#lastclosed_message {
    background-color: white;
    border: 2px solid red;
    color: red;
    font-size:14px;
    text-align: center;
    vertical-align: middle;
    width:200px;
    height: 60px;
    position:absolute;
    visibility: visible;
    top:54px;
    left:-2px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#lastclosed_message #bezar {
    float: right;
    vertical-align: top;
    font-weight:bold;
    margin-left: 4px;
    margin-right:2px;
    margin-top:2px;
    cursor: pointer;
}

#lastclosed_message #uzenet {
    margin-top:12px;
}

.notification { background: url(../images/notification.png) no-repeat right top; cursor: pointer;}
.notification_half { background: url(../images/notification_half.png) no-repeat right top; cursor: pointer;}

.notification_zold { background: url(../images/notification_zold.png) no-repeat right top; cursor: pointer;}
.notification_half2 { background: url(../images/notification_half2.png) no-repeat right top; cursor: pointer;}

.green_msg { font-weight: bold; color:green; text-align:center; } 
.red_msg { font-weight: bold; color:red; text-align:center; } 

.red_bg { background-color:red !important; }
.red_bg td { font-size:10px; text-align:center; background-color:red !important; }

.green_bg { background-color:green; }
.green_bg td { background-color:green !important; }

.br { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#vissza_div { position: absolute; top:50%; left:50%; width:440px; height:200px; margin-left:-220px; background-color:#1f1f1f; border: 2px solid white; padding:6px; }

.alvo_ceg { background-color:#fffe92; }
.alvo_ceg td { font-size:10px; text-align:center; color:black; }

.audit_ceg { background-color:#8e70c2; }
.audit_ceg td { font-size:10px; text-align:center; color:black; }

.dark_bg { background-color:#a5a5a5 !important; }

.szb_bg { background-color:#ffa352 !important; }
.szb_bg td { font-size:10px; text-align:center; color:black; }

textarea.riport_mj { width:480px !important; height:260px; }

.pointer { cursor: pointer; }

.manualis { background-color: #8eef7f; }
.manualis td { font-size:10px; text-align:center; color:black; height: 24px;}

.egyeb_partner { background-color: #00ace6; }
.egyeb_partner td { font-size:10px; text-align:center; color:black; }

.sel_bg { background-color:#f0eded !important; }

.th_mj { width:260px; }

.yellow_bg { background-color:#ffff00; }
.yellow_bg td { background-color:#ffff00 !important; }

.error_msg {
    padding:8px;
    border:2px solid red;
    position: absolute;
    top:40px;
    left:0px;
    background-color: white;
    color:black;
}

.main_container {
    width:100%;
}

.container2 {
    width:492px;    
    padding:2px;
    float:left;
    margin-right:4px;
}
.large_container {
    height:610px;
}

.small_container {
    height:300px;
}

.list_container {
    width:492px;
    display: inline-block;
    border:1px solid white;
    overflow-y:auto;
    list-style-type: none;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -khtml-padding-start: 00px;
    -o-padding-start: 0px;
    padding-left: 0px;
}

.large_list_container {
    height:604px;
}

.small_list_container {
    height:300px;
}

.list_item {
    border:2px solid white;
    width:464px;
    min-height: 26px;
    text-align:left;
    margin:3px;    
    vertical-align: middle;
    cursor: pointer;
    color:black;
    line-height: 26px;
    vertical-align: middle;
    font-size:11px;
}

.list_header {
    text-align: center;
    padding:3px;
    font-size:14px;
    font-weight: bold;
    margin-bottom:8px;
}

.pasztell1 { color: #9ee7fe !important; }
.pasztell1_bg { background-color: #9ee7fe !important; }

.pasztell2 { color: #96f6ba !important; }
.pasztell2_bg { background-color: #96f6ba !important; }

.pasztell3 { color: #fae59c !important; }
.pasztell3_bg { background-color: #fae59c !important; }

.pasztell4 { color: #fde2be !important; }
.pasztell4_bg { background-color: #fde2be !important; }

.pasztell5 { color: #FF1919!important; }
.pasztell5_bg { background-color: #FF1919 !important; }

.item_text {
    float:left;
}

.border-radius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.selected {
    border: 2px solid #ff8487;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

.hidden {
    display:none;
}

.folder {
    margin: 0px;
    padding-left: 16px !important;
    background-image: url('../images/folder.png') !important;
    background-repeat: no-repeat !important;
    background-position:left top !important;
}
.vsza_mail{
    font-weight: bold;
}

.bold { font-weight:bold; }
.ta_small { width:310px; height:60px; }

.felhasz_div {
    display: block;
    background-color: silver;
    height: 50px;
    border: 1px #000000 solid;
    width: 200px;
    padding-top: 25px;
    position: absolute; 
    right: -175px;
}
.felhasz_div img {
    padding-left: 5px;
    padding-right: 10px;
}
.felhasz_div a {
    color: #000000;
}

.white_cell { background-color: white !important; color:black !important; text-align: center; font-size: 10px; }
.orange_cell { background-color: #FF6600 !important; color:black !important; text-align: center; font-size: 10px; }
.light_cell { background-color: #FCE4D6 !important; color:black !important; text-align: center; font-size: 10px; }
td.modositott_ido {background-color: #ea9048!important;}
table.tabla01 tr.red_sor td {background-color: #F14E56 !important;}
table.tabla01 tr.red_sor td.modositott_ido {background-color: #ea9048 !important;}

.csop_div {
    display: none;
    border: none;
}
table.tabla01 tr.sarga{
    background-color: #FFFFC6;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}
table.tabla01 tr.sarga_th th{
    background-color: #FFE88D;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #1c1c1c;
}

table.tabla01 tr td.sarga {
    background-color: #FFE88D;
}

table.tabla01 tr.zold{
    background-color: #AAFFAA;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}
table.tabla01 tr.bontas_fejlec{
    border-top: 10px solid transparent;
    height: 10px;
}

#pfo {
    background-color: #2f2f2f;
}

input, textarea, select {
    border: 1px solid #303030;
}
.lapozas{
    color: #303030;
}
table.tabla01 tr.narancs td {
    background: #EC9853!important;
}

.af_ta { margin-top:6px; width:400px; height:100px; resize: both; }
.af_input { margin-top:6px; width:400px; height:40px; resize:both; }
.mini_ta { width:340px !important; height:40px; }

.sugo_box {
    display: block;
    background-color: silver;
    height: 61px;
    border: 1px #000000 solid;
    width: 400px;
    position: absolute; 
    right: -352px;
    z-index: 1000;
}

div.sugo_box_tabla {
    margin: 0 5px;
}

.sugo_div_elso {
    float:left; 
    overflow: hidden;
    width: 61px; 
    height: 63px;
    z-index: 1000;
}

.fultarto {
    height: 63px;
    top: 156px;
    position: fixed;
    width: 50px;
    right: 0;
    z-index: 10;
}

.fultarto > div {
    padding-bottom: 3px;
}

.fultarto .jobb_oldal_ful2 {
    position: initial;
    float: left;
    width: 65px;
}
.fultarto .jobb_oldal_ful2 div:not(.szoveg_tartalom):not(.sugo_box_tabla) {
    width: 55px;
    padding-left: 2px;
}

.fultarto .jobb_oldal_ful2 .sugo_box {
    height: 62px;
    right: initial;
    overflow: hidden;
}

/*
.jobb_oldal_ful2.sugo_div_elso {
    top: 64px;
    
}

.jobb_oldal_ful2.uj_ticket_div {
    top: 64px;
    
}

.jobb_oldal_ful2.egyedi_elso  {
    top: 64px;
    
}

.jobb_oldal_ful2.edsz_elso  {
    top: 64px;
}
*/
.szoveg_tartalom {
    margin-left: 5px;
    margin-right: 15px;
    max-height: 500px;
}

.tolto_bg {
    background-image: url('../images/indicator_mozilla_blu.gif')!important;
    background-position: center 50%;
    background-repeat: no-repeat;
}

.sugo_content {
    max-height: 650px;
    overflow-y: auto;
    width: 45%; 
    /*display: inline-table;*/
}

.sugo_content p {
    margin-left: 5px!important;
    margin-right: 5px!important;
}

.sugo_modul_link, .sugo_al_link {
    margin: 1px 0px;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}
.sugo_modul_link:hover, .sugo_al_link:hover{
    background-color: #e1e5e5;
}
.sugo_modul_aktiv {
    background-color: #e1e5e5;
}

img.sugo_zaszlo {
   width: 48px;
   height: 32px;
}

div.sugo_div {
    width: 710px;
    margin: 0 auto;
}

.date_edit_btn { padding-top:14px; padding-bottom:14px; padding-right:3px; }
.date_edit_small_btn { padding-top:4px; padding-bottom:4px; padding-right:3px; }

.repa_cont {
    margin-bottom:20px;
    width:933px;
}
.repa_fej {
    background-image:url('../images/repa_box_felso.png');
    background-repeat:no-repeat;
    width:933px;
    height:40px;		
}
.repa_fej_szov {
    color:#FFFFFF;
    font-family:verdana;
    font-size:15px;
    font-weight:bolder;
    padding-left:15px;
    padding-top:9px;
}
.repa_koz {
    background-image:url('../images/main_background.png');
    background-repeat:repeat-y;
    background-position:bottom;
    width:932px;
    color:white;
}
.repa_lab {
    background-image:url('../images/repa_box_also.png');
    background-repeat:no-repeat;
    width:933px;
    height:16px;		
}
.repa_box_tablazat {
    width:930px;
}
.szoveg2 {
    padding-top:5px;
    padding-left:15px;
    padding-bottom:10px;
    width:600px;
    color:#e7e7e7;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    font-weight:bold;
}
.repa_fel {
    background-image:url("../images/repa_fel.png");
    background-repeat:no-repeat;
    float:right;
    height:22px;
    margin-right:15px;
    margin-top:10px;
    width:22px;
    cursor:pointer;
}
.repa_le {
    background-image:url("../images/repa_le.png");
    background-repeat:no-repeat;
    float:right;
    height:22px;
    margin-right:15px;
    margin-top:10px;
    width:22px;
    cursor:pointer;
}

.jobb_oldal_ful {
    right: -61px;
}

.jobb_oldal_ful_fix {
    right: 0px!important;
}

.edsz_elso {
    float:left;
    overflow: hidden;
    width: 50px; 
    /*top: 325px;*/
    height: 64px;
    z-index: 50;
}

.edsz_box {
    display: block;
    background-color: silver;
    border: 1px #000000 solid;
    width: 70px;
    padding-top: 5px;
    position: absolute; 
    z-index: 50;
}

.egyedi_elso {
    float:left;
    overflow: hidden;
    width: 50px; 
    /*top: 257px;*/
    height: 64px;
    z-index: 50;
}

.rcs_elso {
    float:left;
    overflow: hidden;
    width: 50px; 
    height: 64px;
    z-index: 50;
}

.uj_ticket_div {
    float:left; 
    overflow: hidden;
    width: 50px; 
    /*top: 189px;*/
    top: 257px;
    height: 64px;
    z-index: 50;
}

.lead_elso_div {
    float:left; 
    overflow: hidden;
    width: 50px; 
    /*top: 189px;*/
    top: 257px;
    height: 64px;
    z-index: 50;
}

.emlk_monitor_div {
    float:left; 
    overflow: hidden;
    width: 50px; 
    /*top: 189px;*/
    top: 257px;
    height: 64px;
    z-index: 50;
}

.egyedi_box {
    display: block;
    background-color: silver;
    border: 1px #000000 solid;
    width: 70px;
    padding-top: 5px;
    position: absolute; 
    z-index: 50;
}

.rcs_box {
    display: block;
    background-color: silver;
    border: 1px #000000 solid;
    width: 70px;
    padding-top: 4px;
    position: absolute; 
    z-index: 50;
}

.lejatszo_ful:not(.windowed) { 
    overflow: hidden;
    width: 50px; 
    height: 64px;
    z-index: 50;
    float: left;
}

.lejatszo_ful div[n="kep_bal"] select {
    width: 100%;
}

.lejatszo_ful div[n="kep_bal"] {
    position: relative;
}

.lejatszo_ful div[n="kep_bal"] img.alfeladat_kep_bal {
    height: 80px;
    position: absolute;
    top: -20px;
    left: 20px;
}

.lejatszo_ful div[n="kep_bal"] img.alfeladat_kep_bal_2 {
    height: 25px;
    position: absolute;
    top: 6px;
    left: 31px;
}

.lejatszo_ful .lejatszo_box {
    display: block;
    background-color: silver;
    height: 56px;
    border: 1px #000000 solid;
    width: 400px;
    position: absolute; 
    right: -358px;
    z-index: 100;
    box-sizing: content-box;
}

.popup_fade{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;    
    display: none;
    z-index: 55;
    overflow: auto;
}

.popup_fade_bg {
    background: rgba(0, 0, 0, 0.65);
}

.select_width {
    width: 200px;
}

.tl_item {
    opacity:0.7;
}
.tl_item:hover {
    opacity:1;
}
#ts_table table.narancs a, div.narancs a{
    color: #ea9048;
}

.szab_input{
    width: 30px;
}

.szab_kep {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.szab_kep img{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    /*height: 50px;*/
    width: 50px;
}

.szab_kep2 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0!important;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.szab_kep2 img{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*height: 50px;*/
    width: 30px;
}

div.szab_kep img.logged_img {
    filter: grayscale(100%);
}

td.szabadnap {
    background: #d4d4d4;
}

td.unnepnap {
    background: #ff8080;
}

.naptar_fel_nap {
    width: 50%;
    height: 100%;
    
}

div.eves_naptar_div {
    padding: 10px 5px;
    margin: 10px;
    -webkit-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    -moz-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    height: 170px;
}

.naptar_shadow {
    -webkit-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    -moz-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    padding: 10px;
}

.akt_datum {
    border: 1px #ea9048 solid;
}

.adatlap_kep {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100px;
}

div.szin_div {
    height: 50px;
    width: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

#tartalom_span {
    background-color: white;
}

#tartalom_span table tr td, #tartalom_span {
    color: initial;
}

select.kint_email { width: 150px; }

select.edsz_torzs_select { width: 300px; }

.fixed { position: fixed !important; }

.sotet { color:black; }
.no_bullet { list-style-type: none; }

select.felhasznalo_sel {
    width: 150px;
}
select.felhasznalo_sel2 {
    width: 170px;
}
select.felhasznalo_sel3 {
    width: 120px;
}

.call_select{
    width: 200px;
}

form.ch_form{
    width: 1100px;
    max-width: 1100px;
}

tr.task {
    height: 25px;
}

.ert_bg_row { background-color: #E8C4B7; }

table.kapcsolat_tabla tr td {
    width: auto;
}

div.info_szoveg {
    font-style: italic;
    font-size: 11px;
}
img.tipus_img {
    padding: 0 5px;
}

.szerkeszto_lap, .kisero_td {
    -webkit-box-shadow: 5px 5px 5px rgba(48,48,48,0.29);
    -moz-box-shadow: 5px 5px 5px rgba(48,48,48,0.29);
    box-shadow: 5px 5px 5px rgba(48,48,48,0.29);
}
.szerkeszto_lap2 {
    -webkit-box-shadow: 1px 2px 5px 2px rgba(48,48,48,0.29);
    -moz-box-shadow: 1px 2px 5px 2px rgba(48,48,48,0.29);
    box-shadow: 1px 2px 5px 2px rgba(48,48,48,0.29);
    margin-left: 10px;
    padding: 0 0 10px 10px;
    width: 300px;
    float: right;
}

.green {
    color: green;
}

.is-sticky {
    position: relative;
    left: -320px;
}

.narancs_oszlop {
    background-color: #ea9048;
}

.nap:hover {
    background-color: #f2ba8d;
}

div.cn {
    text-align: center;
}

select.dijkalkulacio_select {
    width: 300px;
}

select.dijkalkulacio_select_2 {
    width: 240px;
}

.narancs_nev {
    color: #ea9048!important;
}

.szurke_nev {
    color: #999999!important;
}

.kisero_level_elonezet {
    clear: both; 
    padding: 10px 0 10px 0; 
    max-height: 500px; 
    overflow-y: hidden; 
    overflow-x: auto;
    background-color: white;
    color: black;
    margin: 0 -15px 0 -15px;
}

span.error {
    color: red;
}

.penzugy_nyitas img, .diagram img {
    margin-top: 5px;
}

.jelmagyarazat2 ul {
    width: 150px;
    margin: 20px auto;
    text-align: left;
}

.jelmagyarazat li {
    list-style: none;
}

.jelmagyarazat li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

div.statisztika .jelmagyarazat {
    text-align: left;
}

div.statisztika {
    text-align: center;
    min-height: 500px;
    width: 600px;
    margin: 0 auto;
}

div.statisztika2 {
    text-align: center;
    width: 900px;
    margin: 0 auto;
}

div.penzugy_szuro {
    display: inline-table; 
    position: relative;
    width: 300px;
    text-align: left;
    padding: 10px 0; 
}

div.penzugy_szuro select {
    width: 130px;
}

div.penzugy_szuro_cim {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    
}

tr.magy td {
    padding-top: 10px;
    font-size: 14px;
}

.penzugy td.tetel span {
    margin-right: 10px;
}

table.shadow {
    -webkit-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    -moz-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
}

table.partner_penzugy ::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
table.partner_penzugy ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
table.partner_penzugy ::-webkit-scrollbar-thumb {
  background: #ea9048;
  border: 0px none #ffffff;
  border-radius: 50px;
}
table.partner_penzugy ::-webkit-scrollbar-thumb:hover {
  background: #ea9048;
}
table.partner_penzugy ::-webkit-scrollbar-thumb:active {
  background: #ff8000;
}
table.partner_penzugy ::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 48px;
}
table.partner_penzugy ::-webkit-scrollbar-track:hover {
  background: #666666;
}
table.partner_penzugy ::-webkit-scrollbar-track:active {
  background: #333333;
}
table.partner_penzugy ::-webkit-scrollbar-corner {
  background: transparent;
}


table.partner_penzugy tr td.szuro_cim {
    font-size: 14px;
}

table.partner_penzugy tr.egyik td {
    background-color: #d5d5d5;
}

table.partner_penzugy tr.masik td {
    background-color: #c2c2c2;
}

input.disabled, select.disabled {
    background-color: #e5e5e5!important;
}

#tomeg_div .gombv_bg_03 {
    margin: 0 auto;
}

/*INFOLAP*/
table.infolap {
    margin: 0 auto; 
    width: 800px;
}

table.infolap tr td.kerdes {
    font-weight: bold;
    text-align: right;
    width: 50%;
}

table.infolap tr td.kerdes.szoveges {
    text-align: center;
}

table.infolap tr td.szoveg_valasz {
    text-align: center;
}

table.infolap tr td.szoveg_valasz textarea {
    width: 500px; 
    height: 175px;
}

table.infolap tr td.szoveg_valasz div.cke {
    margin: 0 auto;
}

.kerdes_tarto {
    max-height: 500px;
    overflow: auto;
}

table.disabled_tabla tr td {
    color: #666666;
}

table.tab_tabla {
    width: 100%;
}

table.tab_tabla tr.tab_sor td {
    background-color: #c2c2c2;
    color: #1c1c1c;
    font-size: 10px;
    text-align: center;
    height:24px;
}

table.tab_tabla tr.tab_sor td:hover {
    background-color:#a5a5a5 !important;
}

table.tab_tabla tr td a.dark 		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
table.tab_tabla tr td a.dark:visited 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
table.tab_tabla tr td a.dark:active 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
table.tab_tabla tr td a.dark:hover	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

table.podium {
    height: 235px;
    width: 300px;
}

table.podium tr td {
    vertical-align: bottom;
}

table.podium tr td div {
    width: 120px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
table.podium tr td div.bronz {
    height: 80px;
    background-color: #bfbfbf;
    background-image: url(../images/bronze2.png);
    background-position: center 80px;
    background-repeat: no-repeat;
}

table.podium tr td div.bronz div {
    padding-top: 30px;
}

table.podium tr td div.ezust {
    height: 100px;
    background-color: #bfbfbf;
    background-image: url(../images/silver2.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}

table.podium tr td div.ezust div {
    padding-top: 30px;
}

table.podium tr td div.arany {
    height: 150px;
    background-color: #d0d0d0;
    background-image: url(../images/gold2.png);
    background-position: center 150px;
    background-repeat: no-repeat;
}

table.podium tr td div.arany div {
    padding-top: 30px;
}

table.podium tr td div.szab_kep {
    width: 60px!important;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
}

table.podium tr td div.arany_szab_kep {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 30;
    text-align: left;
    width: 100%;
    text-align: center;
}

table.podium tr td div.th_bg {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: left;
    width: 100%;
    text-align: center;
}

table.podium tr td div.arany_szab_kep img {
    width: 40px!important;
}

table.podium tr td div.th_bg img {
    width: 100px!important;
}


table.podium tr td div.szab_kep img {
    width: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

table.adatlap_tabla {
    background-color: white;
    width: 100%;
    font-size: 16px;
}

table.adatlap_tabla .adatlap_kep {
    width: 125px;
}

table.adatlap_tabla .nev {
    font-size: 50px;
}

table.tab_tabla2 {
    width: 100%;
}

table.tab_tabla2 tr.tab_sor td {
    background-color: #303030;
    color: white;
    font-size: 10px;
    text-align: center;
    height:24px;
    border-bottom: 1px solid #ea9048;
}

table.tab_tabla2 tr.tab_sor td:not(:last-of-type) {
    border-right: 3px solid #ea9048;
}

table.tab_tabla2 tr.tab_sor .aktiv {
    background-image: url(../images/trup.png);
    background-position: bottom center;
    background-size: 10px;
    background-color:#6b6b6b !important;
    background-repeat: no-repeat;
} 

table.tab_tabla2 tr.tab_sor td:hover {
    background-color:#6b6b6b !important;
}

table.tab_tabla2 tr td a.dark 		{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none;}
table.tab_tabla2 tr td a.dark:visited 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
table.tab_tabla2 tr td a.dark:active 	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }
table.tab_tabla2 tr td a.dark:hover	{ color: #000000; font-family: Verdana; font-weight: normal; font-size: 11px; text-decoration : none; }

div.loadbg {
    background-color: #303030;
    color: #303030;
    font-size: 14px;
    font-weight: bold; 
    position: fixed;
    top:0;
    right: 10px;
    z-index: 1000;
}

.ertesites {
    height: 12px;
    width: 12px;
    background-color: #f62424;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-align-self: auto;
    
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    
    top: 10px;
    position: absolute;
}

.ertesites span {
    color: #fff;
    cursor: default;
    font-size: 10px;
    
    -webkit-align-self: center;
    align-self: center;
}

div.notif {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    -moz-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    padding: 4px 0px;
    margin-bottom: 5px;
    position: relative;
    height: 65px;
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

div.notif:hover {
    background-color: #f2f2f2;
}

div.notif.noti_back {
    animation: anim_back 0.2s ease-in-out;
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes anim_back {
  1% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0);
  }
}

div.notif .idopont {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 10px;
}
div.notif .megtekintve {
    position: absolute;
    bottom: 3px;
    right: 5px;
    font-size: 10px;
}

div.notif .noti_szoveg {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 25px;
    margin-top: 3px;
}

div.notif.elfogadva {
    border-left: 5px solid #006600;
}

div.notif.elutasitva {
    border-left: 5px solid #ff0000;
    
}
div.notif.unread, div.notif.read {
    /*border-left: 5px solid #ea9048;*/
    padding-left: 20px;
}
div.notif.read {
    /*border-left: 5px solid #fff;*/
}

div.notif .notibar {
    position: absolute;
    top: 0;
    left: 0;
    height: 73px;
    max-height: 73px;
    width: 20px;
}

div.notif .olvasatlan_bar {
    background-color: #ea9048;
}

div.notif .olvasatlan_bar:hover {
    background-color: #66cc00;
}

div.notif .olvasva_bar {
    background-color: #66cc00;
}

div.notif .olvasva_bar:hover {
    background-color: #ea9048;
}

table.noti_lapozas table, table.noti_lapozas div.lapozas_tabla{
    width: auto!important;
    text-align: center;
}

.w180 {
    width: 180px;
}

.w85 {
    width: 85px!important;
    margin-left: 3px;
}

/*Lejátszó*/
.lejatszo_sor {
    min-height:140px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.lejatszo_sor.nari {
    border: 3px solid #ea9048;
}
.lejatszo_ful .lejatszo_box.nari {
    border: 4px solid #ea9048;
}

.lejatszo_sor.zod {
    border: 3px solid #08871F;
}
.lejatszo_ful .lejatszo_box.zod {
    border: 4px solid #08871F;
}

.lejatszo_sor.piri {
    border: 3px solid #B3190E;
}
.lejatszo_ful .lejatszo_box.piri {
    border: 4px solid #B3190E;
}

.lejatszo_sor.piri .gombsor_tarto, .lejatszo_box.piri .gombsor_tarto {
    border-color: #B3190E;
}
.lejatszo_sor.zod .gombsor_tarto, .lejatszo_box.zod .gombsor_tarto {
    border-color: #08871F;
}
.lejatszo_sor.nari .gombsor_tarto, .lejatszo_box.nari .gombsor_tarto {
    border-color: #ea9048;
}

.lejatszo_sor .gombsor {

}

a.gomb {
    margin: 0 2px;
    width: 45px;
}

a.gomb:hover {

}

a.gomb:not(.fade_bg) {
    cursor: pointer;
}
a.gomb:not(.fade_bg) img.fekete, a.reply:not(.fade_bg) img.fekete {
    display: none;
}

a.gomb:not(.fade_bg):hover {
    
}

a.gomb.fade_bg img.szines, a.reply.fade_bg img.szines {
    display: none;
}

a.fade_bg img {
    opacity: 0.5;
}

.lejatszo_ful .stop_menu.mini {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    top: 140px;
}

.stop_menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.stop_menu a:hover {background-color: #F1F1B7; text-decoration: none; color: black;}

.lejatszo_ful .alfeladat_menu.mini {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    top: 140px;
}

.alfeladat_menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.alfeladat_menu a:hover {background-color: #F1F1B7; text-decoration: none; color: black;}
.hidden_div { display: none; }

div.feladat div[n="feladat"], div.feladat div[n="hatarido"] {
    font-size: 14px;
}

div.feladat div[n="ido"] {
    font-size: 20px;
    text-align: center;
}

.lista_elem, .kesz_elem {
    min-height: 28px;
    padding: 1px 0px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
    z-index: 10;

    border: 1px solid black;
    margin-bottom: 2px;

/*    border-radius: 5px;*/
    background-color: #dddddd;
    font-size: 12px;
    
    display: flex;
    align-items: center;
    
}

.alfeladat_lista_elem {
    min-height: 28px;
    padding: 1px 0px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
    z-index: 10;

    border: 1px solid black;
    margin-bottom: 2px;

/*    border-radius: 5px;*/
    background-color: #dddddd;
    font-size: 12px;
    align-items: center;
}

.lista_elem div, .kesz_elem div, .alfeladat_lista_elem div {
    padding-left: 5px;
    padding-right: 0px!important;
    overflow:  hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.lista_elem div.ikonok, .kesz_elem div.ikonok {
    text-align: right;
}

.lista_elem:hover, .kesz_elem:hover {
    /*margin-left: 20px;*/

    -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.4);
}

.lista_elem.running, .alfeladat_lista_elem.running {
    border: 1px solid red;

    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.7);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.7);
    margin: 8px 0;
    padding: 2px 0;
    font-weight: 700;
}

.lista_elem.running.fade_sor {
    filter: grayscale(100%);
    opacity: 0.6;
}

.lejatszo_ful .minimal_lista {
    margin-left: 5px;
    margin-top: 5px;
}

.lejatszo_ful .feladat_tarto {
    max-height: 250px;
    overflow: auto;
}

.lejatszo_sor .gombsor_tarto {
    border-top: 3px solid black;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px -2px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px -2px 5px 0px rgba(50, 50, 50, 0.55);
}

.lejatszo_ful .lejatszo_sor .gombsor_tarto {
    -webkit-border-radius: 50px 0 0 0;
    -moz-border-radius: 50px 0 0 0;
    border-radius: 50px 0px 0 0;
}

.gombsor {
    margin: 10px 0;
}

.lejatszo_ful .feladat.drop {
    background-color: #dedede;
}

div[n="tolto_div"].tolto_bg {
    height: 50px;
}

div#tipus_tarto .tovabbi_fh .tovabbi {
    margin: 0 auto;
}

form[name="meeting"] select {
    max-width: 150px;
}

.tevekenyseg_tabla {
    -webkit-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    -moz-box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
    box-shadow: 0px 1px 17px 1px rgba(48,48,48,0.29);
}

div.notification_bar {
    position: fixed;
    width: 0px;
    height: 800px;
    left: 0;
    top: 40px;
    background-color: rgba(0,0,0,0.6);
    z-index: 500;
}

div.notification_bar ::-webkit-scrollbar {
    display: none;
}

div.notification_bar div.notification_szuro {
    border-bottom: 2px solid #ea9048;
    padding: 5px;
    margin-bottom: 10px;
}
div.notification_bar div.notification_szuro input[type="text"] {
    padding: 4px;
}

div.notification_bar div.notification_szuro img {
    position: relative;
    top: 6px;
}

div.notification_bar div.noti_nincs {
    text-align: center;
    color: white;
    font-size: 20px;
    margin-top: 65px;
}

div.notification_bar div.notification_container {
    height: 92%;
    max-height: 92%;
    overflow-y: auto;
    overflow-x: hidden;
}

div.notification_bar div.notification_container div.noti_vege {
    width: 85%;
    height: 2px;
    background-color: #ea9048;
    margin: 0 auto;
}

div.cimzett_tarto, div.masolat_tarto, div.titkos_tarto {
    text-align: center;
}

div.cimzett_box {
    display: inline-block;
    border: 1px solid #ea9048;
    background-color: #ea9048;
    margin: 5px;
}

table.tabla01 tr td.limit_td {
    max-width: 100px;
    white-space: nowrap;
    overflow:  hidden;
    text-overflow: ellipsis;
}

td.fej01p {
    width: 1004px;
}

div.fej01pelso {
    width: 1004px;
}

table.csoport_tag_tabla {
    background-color: #fff;
    width: 100%;
}

table.csoport_tag_tabla div.csoport_nev table tr td{
    font-weight: bold;
    font-size: 26px;
    margin: 10px 10px;
}

table.csoport_tag_tabla div.csoport_tagok {
    margin: 5px 10px;
}

table.csoport_tag_tabla div.focsoport {
    border-left: 1px solid black; 
    border-top: 1px solid black;
    margin-top: 20px;
    -webkit-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.75);
}
table.csoport_tag_tabla div.focsoport:first-of-type {
    margin-top: 0px;
}

@media only screen and (max-width:975px){
    
}

.spinner {
  margin: 10px auto;
  width: 50px;
  height: 20px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  height: 100%;
  width: 6px;
  display: inline-block;
}

.spinner > div.active {
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

div.rendszeruzenet_elonezet {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    min-height: 350px;
}

div.rendszeruzenet_elonezet table td {
    color: black;
}

span.ervenytelen_ertek {
    color: red!important;
    font-weight: bold;
}
/********************************************/
/*ON/OFF switch, paraméterek*/
.onoffswitch {
    position: relative; width: 66px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Aktív";
    padding-left: 6px;
    background-color: #EA9048; color: #FFFFFF;
    text-align: left;
}

.onoffswitch-inner.lathato:before{
    content: "Látható"!important;
} 

.onoffswitch-inner.feladat:before{
    content: "Igen"!important;
} 

.onoffswitch-inner:after {
    content: "Inaktív";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-inner.lathato:after{
    content: "Rejtett"!important;
} 

.onoffswitch-inner.feladat:after{
    content: "Nem"!important;
} 

.onoffswitch-switch {
    display: block; width: 12px; margin: 5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 40px;
    border: 2px solid #999999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/********************************************/

div.ui-progressbar.ui-widget-content {
    height: 20px;
    width: 550px;
    margin: 0 auto;
    border: 0px;
    background: #eee;
    color: #333;
}

div.ui-progressbar.ui-widget-content .label {
    width: 100%;
    line-height: 200%;
    float: left;
    font-weight: bold;
    font-size: 12px;
}

div.ui-progressbar .ui-progressbar-value.ui-widget-header {
    border: 1px solid #e78f08;
    border-right: 2px solid #303030;
    background: #ea9048;
    color: #fff;
    font-weight: bold;
    height: 100%;
}

.bejelentes_csoport_div {
    border: 2px solid #ea9048;
    /*-webkit-box-shadow: -1px -1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: -1px -1px 2px 0px rgba(0,0,0,0.75);*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.inaktiv_lejatszo_ablak {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;    
    z-index: 55;
    overflow: auto;
    background: rgba(0, 0, 0, 0.65);
}

div.lejatszo_ful.jobb_oldal_ful_fix div.inaktiv_lejatszo_ablak {
    z-index: 550;
} 

div.lejatszo_ful div.inaktiv_lejatszo_ablak {
    /*width: 405px;*/
}


article.accordion {
	display: block;
	width: 755px;
	margin: 0 auto;
	background-color: #666;
	overflow: auto;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

article.accordion section {
	position: relative;
	display: block;
	float: left;
	width: 2em;
	height: 350px;
	margin: 0.5em 0 0.5em 0.5em;
	color: #333;
	background-color: #333;
	overflow: hidden;
	border-radius: 3px;
}

article.accordion.dokumentum_bekero_accordion section {
    height: 175px;
}

article.accordion section img {
    width: 30px;
}

article.accordion section h2 {
	position: absolute;
	font-size: 1em;
	font-weight: bold;
	width: 350px;
	height: 2em;
	top: 350px;
	left: 0;
	text-indent: 1em;
	padding: 0;
	margin: 0;
	color: #ddd;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

article.accordion.dokumentum_bekero_accordion section h2 {
    top: 175px;
    text-align: left;
}

article.accordion section h2 span {
    margin-left: 5px;
    vertical-align: super;
}

article.accordion section h2 a {
	display: block;
	width: 100%;
	line-height: 2em;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.accordion section.target {
	width: 655px;
	padding: 0 1em;
	color: #333;
	background-color: #fff;
}

article.accordion section.target h2 {
	position: static;
	font-size: 1.3em;
	text-indent: 0;
	color: #333;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
        padding-top: 10px;
}

article.accordion section.target div {
    visibility: visible;
}

article.accordion section div {
    visibility: hidden;
}

article.accordion section,
article.accordion section h2
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

hr.deleted_row {
    width: 715px; 
    visibility: hidden; 
    z-index: 100; 
    color: black; 
    position: absolute; 
    top: 6px;
    border-color: black;
}

main.tab_window {
  padding: 10px;
  margin: 0 auto;
  background: #fff;
}

main.tab_window  section.tab_section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main.tab_window input.tab_header  {
  display: none;
}

main.tab_window input.tab_header.hidden {
    display: none!important;
}

label.tab_label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label.tab_label.hidden {
    display: none!important;
}

label.tab_label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label.tab_label:hover {
  color: #888;
  cursor: pointer;
}

input.tab_header:checked + label.tab_label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #ea9048;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}


main.tab_window2 {
  padding: 10px;
  margin: 0 auto;
}

main.tab_window2  section.tab_section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main.tab_window2 input.tab_header  {
  display: none;
}

main.tab_window2 input.tab_header.hidden {
    display: none!important;
}

main.tab_window2 input.tab_header:checked + label.tab_label {
  background-color: #fff;
}

tr.inaktiv td {
    color: rgba(117, 117, 117, 0.78) !important;
}

@media screen and (max-width: 650px) {
  label.tab_label {
    font-size: 0;
  }
  label.tab_label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label.tab_label {
    padding: 15px;
  }
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/*Let it snow*/
.background {
   background: rgba(0, 0, 0, 0);
   position: absolute;
   width: 100%;
   height: 100%;
}

.foreground {
   position: absolute;
   overflow: visible;
   z-index: 999;
   width: 100%;
   height: 100%;
   pointer-events: none;
}

.hidden {
   display: none !important;
}

#snowflake {
   color: #fff;
   position: absolute;
   font-size: 25px;
   top: -50px;
   -webkit-animation: spin-clockwise 6s linear infinite;
   -moz-animation: spin-clockwise 6s linear infinite;
   animation: spin-clockwise 6s linear infinite;
}

.black {
    color: black!important;
}

.osszerendeloImg {
    margin-left: 5px;
    height: 12px;
}

.dz_div { width:100%; min-height:200px!important; border: 1px solid rgb(169, 169, 169); }
.dz_div_mini { min-height:100px!important; }
.dz_div_mini.dropzone { padding: 0px 20px!important; }
.dropzone .dz-message {
    margin: 6em 0!important;
}

/*<editor-fold defaultstate="collapsed" desc="Szarvas">*/

.container2 {
  height: 300px;
  margin: 10px auto 10px auto;
  position: relative;
  width: 450px;
}

.artboard {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.deer {
  width: 50px;
  margin: 0 auto;
  position: relative;
  box-sizing: content-box;
}

.rocking {
  -webkit-animation: rocking 0.4s ease-in-out infinite alternate-reverse;
          animation: rocking 0.4s ease-in-out infinite alternate-reverse;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  position: relative;
  z-index: 1;
}

.head {
  position: relative;
  width: 50px;
}

.horns {
  -webkit-animation: rocking 0.4s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate-reverse;
          animation: rocking 0.4s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate-reverse;
  height: 55px;
  position: relative;
  top: 21px;
  width: 50px;
}

.horn {
  position: relative;
}
.horn:before {
  background-color: #91655d;
  border-radius: 7px 7px 0 0;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  width: 7px;
  z-index: 1;
}
.horn .line {
  background-color: #91655d;
  border-radius: 7px 0 0 7px;
  height: 7px;
  width: 20px;
  margin-bottom: 15px;
  position: relative;
  top: 10px;
}
.horn .line-one {
  width: 15px;
}
.horn .line-three {
  top: -22px;
  width: 17px;
}
.horn-left {
  top: -7px;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.horn-left:before {
  box-shadow: inset 2px 0 0 0 #9c7169;
}
.horn-left .line {
  box-shadow: inset 0 2px 0 0 #9c7169;
  right: 15px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.horn-left .line-one {
  right: 10px;
}
.horn-left .line-three {
  box-shadow: inset 0 -2px 0 0 #9c7169;
  right: -3px;
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
.horn-right {
  bottom: 55px;
  left: 40px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.horn-right:before {
  box-shadow: inset -2px 0 0 0 #835f5a;
}
.horn-right .line {
  box-shadow: inset 0 2px 0 0 #835f5a;
  right: -2px;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.horn-right .line-three {
  right: 13px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.ears {
  position: absolute;
  top: 70px;
}

.ear {
  background-color: #91655d;
  border-radius: 100% 50% 50% 50%;
  height: 18px;
  position: relative;
  right: 20px;
  top: 10px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  width: 30px;
}
.ear:before {
  background-color: #e7beb2;
  border-radius: 100% 50% 50% 50%;
  height: 9px;
  content: "";
  display: block;
  left: 5px;
  position: relative;
  top: 5px;
  width: 15px;
}
.ear-left {
  -webkit-animation: ear-left 2s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate-reverse;
          animation: ear-left 2s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate-reverse;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.ear-right {
  -webkit-animation: ear-right 2s cubic-bezier(0.6, -0.28, 0.74, 0.05) 2s infinite alternate-reverse;
          animation: ear-right 2s cubic-bezier(0.6, -0.28, 0.74, 0.05) 2s infinite alternate-reverse;
  left: 10px;
  right: 0;
  top: -8px;
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}

.eyes {
  position: absolute;
  top: 90px;
  right: -5px;
  width: 32px;
  z-index: 2;
}
.eyes .eye {
  background: -webkit-linear-gradient(bottom, white 50%, #aa8275 50%);
  background: linear-gradient(0deg, white 50%, #aa8275 50%);
  border-radius: 15px;
  height: 15px;
  width: 15px;
}
.eyes .eye:before {
  -webkit-animation: eaves 3s infinite alternate-reverse;
          animation: eaves 3s infinite alternate-reverse;
  background-color: #aa8275;
  border-radius: 9px 9px 0 0;
  height: 9px;
  content: "";
  display: block;
  position: relative;
  width: 15px;
  top: -1px;
  z-index: 1;
}

.eyes .eye-left:before {
    -webkit-animation: eaves2 3s infinite alternate-reverse;
            animation: eaves2 3s infinite alternate-reverse;
}


.eyes .eye:after {
  -webkit-animation: eyes 3s infinite alternate-reverse;
          animation: eyes 3s infinite alternate-reverse;
  background-color: #495169;
  border-radius: 5px;
  height: 5px;
  content: "";
  display: block;
  left: 5px;
  position: relative;
  top: -3px;
  -webkit-transform: translate(3px, 2px);
          transform: translate(3px, 2px);
  width: 5px;
}
.eyes .eye-left {
  float: left;
}
.eyes .eye-right {
  float: right;
}

.nose {
  background-color: #91655d;
  border-radius: 0 7px 15px;
  top: 47px;
  height: 18px;
  left: 40px;
  position: relative;
  width: 20px;
  z-index: 2;
}
.nose:before {
  background-color: #fb5d5d;
  border-radius: 15px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: -0.5px;
  top: -0.5px;
  width: 16px;
}
.nose:after {
  background-color: white;
  border-radius: 5px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 4px;
  top: 2px;
  width: 5px;
}

.body {
  background-color: #91655d;
  border-radius: 50px 50px 0;
  box-shadow: inset 7px 0 0 0 #9c7169;
  height: 140px;
  position: relative;
  width: 50px;
  z-index: 1;
}
.body:before {
  background-color: #e7beb2;
  border-radius: 20px 0 0 20px;
  bottom: 20px;
  box-shadow: inset -7px 0 0 0 #c39e9a;
  content: "";
  display: block;
  height: 65px;
  position: absolute;
  right: 0;
  width: 20px;
}

.hooves {
  position: relative;
  bottom: 40px;
  right: 34px;
}

.hoof-one {
  -webkit-animation: jump 0.3s ease-in-out infinite alternate-reverse;
          animation: jump 0.3s ease-in-out infinite alternate-reverse;
  left: 10px;
  position: relative;
  top: 70px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.hoof-one .line {
  height: 30px;
  border: 20px solid;
  border-radius: 40px;
  border-color: transparent transparent #91655d transparent;
  left: 25px;
  width: 30px;
  position: relative;
  top: 5px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.hoof-one .anim-part {
  position: relative;
  bottom: 23px;
  left: 81px;
  -webkit-transform: rotate(-75deg);
          transform: rotate(-75deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.hoof-one .circle {
  -webkit-animation: hoof-one 0.3s ease-in-out infinite alternate-reverse;
          animation: hoof-one 0.3s ease-in-out infinite alternate-reverse;
  background-color: #91655d;
  height: 20px;
  width: 20px;
  border-radius: 30px;
  -webkit-transform: translateX(3px) rotate(0deg);
          transform: translateX(3px) rotate(0deg);
}
.hoof-one .circle-last {
  border-radius: 20px 0 0 20px;
  -webkit-transform: translateX(2px) rotate(0deg);
          transform: translateX(2px) rotate(0deg);
}
.hoof-one .circle-last:before {
  content: "";
  display: block;
  border-top: 20px solid #674a4a;
  border-left: 7px solid transparent;
  height: 0;
  left: 10px;
  width: 7px;
  position: relative;
  z-index: 1;
}
.hoof-one .circle-last:after {
  background-color: #ffb63c;
  border-radius: 10px;
  bottom: 30px;
  content: "";
  display: block;
  height: 40px;
  left: 19px;
  position: relative;
  width: 9px;
}
.hoof-two {
  -webkit-animation: jump-two 0.3s ease-in-out infinite alternate-reverse;
          animation: jump-two 0.3s ease-in-out infinite alternate-reverse;
  left: 55px;
  position: relative;
  top: 10px;
  z-index: -1;
}
.hoof-two .line-one, .hoof-two .line-two {
  height: 10px;
  border: 20px solid;
  border-radius: 40px;
  border-color: transparent transparent #91655d transparent;
  width: 10px;
  position: absolute;
}
.hoof-two .line-one {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hoof-two .line-two {
  left: 30px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.tail {
  background-color: #9c7169;
  bottom: 0;
  left: 4px;
  position: absolute;
  width: 20px;
  z-index: 0;
}
.tail .circle {
  -webkit-animation: tail 2s cubic-bezier(0, 0.02, 0.9, 2) infinite;
          animation: tail 2s cubic-bezier(0, 0.02, 0.9, 2) infinite;
  background-color: #9c7169;
  border-radius: 11px;
  height: 12px;
  position: relative;
  right: 2px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  width: 12px;
}

.legs {
  position: relative;
}
.legs:before {
  background: -webkit-linear-gradient(right, #91655d 50%, #9c7169 50%);
  background: linear-gradient(to left, #91655d 50%, #9c7169 50%);
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: 7px;
  position: absolute;
  width: 30px;
  z-index: 0;
}

.leg-left:before, .leg-left:after, .leg-right:before, .leg-right:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.leg-left .anim-part {
  -webkit-animation: leg-left 0.4s ease-out infinite alternate-reverse;
          animation: leg-left 0.4s ease-out infinite alternate-reverse;
  position: relative;
  top: 1px;
  -webkit-transform: rotate(5deg) translateX(3px);
          transform: rotate(5deg) translateX(3px);
  -webkit-transform-origin: right;
          transform-origin: right;
  z-index: 2;
}
.leg-left .anim-part:before, .leg-left .anim-part:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.leg-left .anim-part:before {
  height: 16px;
  width: 16px;
  border: 20px solid;
  border-radius: 30px;
  border-color: transparent #835f5b transparent transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -17px;
  left: 17px;
}
.leg-left .anim-part .line {
  background-color: #835f5b;
  height: 25px;
  position: absolute;
  width: 20px;
  left: 51px;
  top: 7px;
  z-index: 2;
  -webkit-transform: skew(-9deg);
          transform: skew(-9deg);
}
.leg-left .anim-part:after {
  background-color: #835f5b;
  height: 20px;
  left: 33px;
  top: -20px;
  width: 24px;
}
.leg-left:after {
  background-color: #674a4a;
  height: 13px;
  left: 48px;
  top: 32px;
  -webkit-transform: skew(-8deg);
          transform: skew(-8deg);
  width: 20px;
  z-index: 2;
}
.leg-right {
  position: relative;
  right: 10px;
}
.leg-right:before {
  height: 30px;
  width: 38px;
  border: 20px solid;
  border-radius: 40px;
  border-color: #91655d transparent transparent transparent;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  z-index: 3;
  top: -29px;
  left: 21px;
}
.leg-right .anim-part {
  position: absolute;
  left: 64px;
  bottom: 9px;
  -webkit-transform: rotate(43deg);
          transform: rotate(43deg);
  z-index: 2;
}
.leg-right .anim-part .circle {
  -webkit-animation: leg-right 0.4s ease-out infinite alternate-reverse;
          animation: leg-right 0.4s ease-out infinite alternate-reverse;
  width: 20px;
  height: 20px;
  background-color: #91655d;
  border-radius: 20px;
  -webkit-transform: translateX(4px) rotate(4deg);
          transform: translateX(4px) rotate(4deg);
}
.leg-right .anim-part .circle-last {
  border-radius: 20px 0 0 20px;
}
.leg-right .anim-part .circle-last:before {
  content: "";
  display: block;
  border-bottom: 20px solid #674a4a;
  border-right: 2px solid transparent;
  height: 0;
  left: 15px;
  width: 11px;
  position: relative;
  z-index: 1;
}

.presents {
  top: 3px;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 110px;
}
.presents:after {
  -webkit-animation: shadow 0.4s ease-out infinite alternate-reverse;
          animation: shadow 0.4s ease-out infinite alternate-reverse;
  background-color: #e7eff7;
  bottom: 0;
  border-radius: 7px;
  content: "";
  display: block;
  height: 7px;
  left: -22px;
  position: absolute;
  width: 170px;
}

.present {
  border-radius: 4px;
  bottom: 3px;
  position: absolute;
  z-index: 1;
}
.present:before, .present:after {
  content: "";
  display: block;
  position: relative;
}
.present:before {
  border-radius: 4px 4px 2px 2px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
  right: 1px;
}
.present-one {
  background-color: #fb5d5d;
  height: 45px;
  right: 32px;
  width: 45px;
  z-index: 2;
}
.present-one:before {
  background-color: #fc7676;
  height: 12px;
  width: 47px;
}
.present-two {
  background-color: #82dfe3;
  height: 30px;
  width: 30px;
}
.present-two:before {
  background-color: #97e4e8;
  height: 10px;
  width: 32px;
}
.present-two:after {
  background-color: #69b2cb;
  bottom: 10px;
  height: 100%;
  left: 7px;
  width: 5px;
}
.present-two-right {
  right: 5px;
}
.present-three {
  background-color: #ffb63c;
  height: 25px;
  left: 25px;
  margin: auto;
  width: 25px;
  z-index: 2;
}
.present-three:before {
  background-color: #ffc056;
  height: 8px;
  width: 27px;
}
.present-three:after {
  background-color: #fb5353;
  bottom: 8px;
  height: 100%;
  left: 13px;
  width: 5px;
}

@-webkit-keyframes tail {
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@keyframes tail {
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes shadow {
  to {
    width: 185px;
  }
}
@keyframes shadow {
  to {
    width: 185px;
  }
}
@-webkit-keyframes eyes {
  50% {
    -webkit-transform: translate(3px, 2px);
            transform: translate(3px, 2px);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes eyes {
  50% {
    -webkit-transform: translate(3px, 2px);
            transform: translate(3px, 2px);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes eaves {
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}
@keyframes eaves {
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}

@keyframes eaves2 {
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}

@-webkit-keyframes hoof-one {
  to {
    -webkit-transform: translateX(2px) rotate(5deg);
            transform: translateX(2px) rotate(5deg);
  }
}
@keyframes hoof-one {
  to {
    -webkit-transform: translateX(2px) rotate(5deg);
            transform: translateX(2px) rotate(5deg);
  }
}
@-webkit-keyframes jump {
  to {
    -webkit-transform: translateY(-2px) rotate(25deg);
            transform: translateY(-2px) rotate(25deg);
  }
}
@keyframes jump {
  to {
    -webkit-transform: translateY(-2px) rotate(25deg);
            transform: translateY(-2px) rotate(25deg);
  }
}
@-webkit-keyframes jump-two {
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@keyframes jump-two {
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@-webkit-keyframes rocking {
  to {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
@keyframes rocking {
  to {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
}
@-webkit-keyframes ear-left {
  85% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes ear-left {
  85% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@-webkit-keyframes ear-right {
  85% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
  }
  100% {
    -webkit-transform: rotate(170deg);
            transform: rotate(170deg);
  }
}
@keyframes ear-right {
  85% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
  }
  100% {
    -webkit-transform: rotate(170deg);
            transform: rotate(170deg);
  }
}
@-webkit-keyframes leg-right {
  to {
    -webkit-transform: translateX(4px) rotate(2deg);
            transform: translateX(4px) rotate(2deg);
  }
}
@keyframes leg-right {
  to {
    -webkit-transform: translateX(4px) rotate(2deg);
            transform: translateX(4px) rotate(2deg);
  }
}
@-webkit-keyframes leg-left {
  0% {
    -webkit-transform: rotate(0deg) translateX(0px);
            transform: rotate(0deg) translateX(0px);
  }
  50% {
    -webkit-transform: rotate(5deg) translateX(3px);
            transform: rotate(5deg) translateX(3px);
  }
}
@keyframes leg-left {
  0% {
    -webkit-transform: rotate(0deg) translateX(0px);
            transform: rotate(0deg) translateX(0px);
  }
  50% {
    -webkit-transform: rotate(5deg) translateX(3px);
            transform: rotate(5deg) translateX(3px);
  }
}

.title {
  text-align: center;
}
.title h1 {
  font-size: 1.5em;
  margin: 100px 0 10px 0;
}
.title a {
  vertical-align: middle;
}
.title a:hover img {
  -webkit-animation: link 0.5s;
          animation: link 0.5s;
}
.title a img {
  width: 18px;
}

.credits {
  font-size: 0.8em;
  text-align: center;
}

.love {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/42764/heart-smil.svg);
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.container2 {
  height: 300px;
  margin: 10px auto 10px auto;
  position: relative;
  width: 150px;
}

.artboard {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@-webkit-keyframes link {
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

@keyframes link {
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

.warning{
    background: rgb(234,128,128);
    text-align:center;
    color: white;
}

/*</editor-fold>*/

.calendar {
    z-index: 2000!important;
}

div.settings {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 75px;
    margin: 10px auto;
}


.twitter-typeahead {
    z-index:160; 
    display: inline-block; 
    position: absolute!important; 
    left: 145px; 
    top: 1px;
    
}

.tt-hint,
.sBar {
    border: 2px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    outline: medium none;
    padding: 0px 12px;
}

.tt-menu {
    width: 400px;
    margin-top: 5px;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 8px 8px;
    font-size: 14px;
    color: #111;
    background-color: #F1F1F1;
}

.tt-suggestion.tt-selectable:hover {
    background-color: silver;
}

.adatkezeloi_email_div {
    background-color: white;
    color: black!important;
}

div.popup .adatkezeloi_email_div table:first-of-type{
    margin-left: 10px;
}

div.popup .adatkezeloi_email_div table td{
    color: black!important;
}

tr.sysgen td{
    background-color: #6070ff;
    color: white;
    font-size: 10px;
    text-align: center;
    height:24px;
}

tr.modositott_event td {
    background-color: #faffd1!important;
}

a.szurogombok, a.szurogomb_aktiv, div.szurogombok, div.szurogomb_aktiv   {
    display: inline-block;
    width: 8em;
    font-weight: bold;
    font-size: 13px;
    color: rgba(20,20,20,0.4);
    background: rgba(140,140,140,0.2);
    border-radius: 3px;
    border: 1px solid black;
    padding: 5px;
    margin-right: 1em;
}

a.szurogombok:hover, div.szurogombok:hover {
    color: white;
    background: #00004f;
}

a.szurogomb_aktiv, div.szurogomb_aktiv   {
    background: black;
    border: 2px solid maroon;
    color: white;
}

@keyframes luktetes{
    50%{background:yellow;}
}

.pulsate {
    animation-name: luktetes;
    animation-duration: 1s;
    animation-iteration-count: 10;
    border-radius: 13px;
    display: inline-block;    
}

.pulsate img {
    height:20px;
    padding: 2px;
    z-index:160;
    display: inline-block;
}

span.got {
    font-family: "GOT";
    letter-spacing: 5px;
    font-size: 20px;
    text-shadow: 1px 1px 2px #555;
}

.dragthis {
    cursor: grab; 
    background-image: url("../images/dragdrop.png");
    background-size: 28px;
    background-repeat: no-repeat; 
    width: 30px; 
    background-position: center;
}
/*<editor-fold defaultstate="collapsed" desc="Pipi">*/

.cuadro{
  position:relative;
  width:100%;
  height:130px;
  margin: 0 auto;
  padding-top:6px;
  margin-bottom: -25px;
}
.gallina{
  width:130px;
  height:130px;
  display:block;
  position:relative;
}

  .cuello{
  position:absolute;
  border-bottom:42.4px solid #aaaa96;
    border-left: 4.2px solid transparent;
    border-right: 4.2px solid transparent;
    height: 0;
  margin: 26.4px 86px;
  
  width: 11px;
  -webkit-animation: mover .5s alternate infinite ;
  -moz-animation: mover .5s alternate infinite ;
  animation: mover .5s alternate infinite ;
}
.cuello::before{
  content:"";
  display:block;
   border-bottom:28.4px solid #baba93;
    border-left: 4.2px solid transparent;
    border-right: 2.8px solid transparent;
    height: 0;
  width: 6px;
  margin: 10px 1.4px;
}
.cuello::after{
  content:"";
  display:block;
  width:7px;
  height:4.2px;
  border-radius:6px 6px 0 0;
  background:#baba93;
  margin:-39.8px 5.2px;
}
ul.cresta{
  position:absolute;
  width: 24.2px;
  height: 18px;
  list-style:none;
  display:blocK;
  -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  margin: 29px 50px;
  -webkit-animation: mover3 .5s alternate infinite ;
  -moz-animation: mover3 .5s alternate infinite ;
  animation: mover3 .5s alternate infinite ;

}
ul.cresta li{
  display:inline-block;
  background:#c52541;
  width:3.8px;
  height:14px;
  border-radius: 12px 12px 0px 0px;
  margin-left: -4.8px;
   
}
ul.cresta li:nth-child(1){
  height:6px;
  border-radius: 2.4px 2.4px 0px 2.4px;
}
ul.cresta li:nth-child(2){
  height: 8px;
}
ul.cresta li:nth-child(3){
  height:10px;
}
ul.cresta li:nth-child(4){
  height: 12px;
}
ul.cresta li:nth-child(5){
   border-radius: 2.4px 2.4px 2.4px 0px;
}
.pico{
  position:absolute;
  width: 0;
   height: 0;
   border-bottom: 4.2px solid #ffcf55;
   border-right: 6px solid transparent;
   -webkit-transform: rotate(-12deg);
       -moz-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
         -o-transform: rotate(-12deg);
            transform: rotate(-12deg);
  margin: 32.4px 101px;
   -webkit-animation: abre 1s alternate infinite ;
  -moz-animation: abre 1s alternate infinite ;
  animation: abre 1s alternate infinite ;
}

.pico::before{
 content:"";
  display:block;
  width: 0;
    height: 0;
    border-bottom: 4.2px solid #ffcf55;
    border-left: 6px solid transparent;
   -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  margin: 4.2px 0px;
  -webkit-animation: abre3 1s alternate infinite ;
  -moz-animation: abre3 1s alternate infinite ;
  animation: abre3 1s alternate infinite ;
}

.pico:after{
  content:"";
  display:block;
  
  width:3.2px;
  height:0.8px;
  border-radius: 0 2.4px 2.4px 0px;
  background:#fa948a;
  margin: -9.2px -2.4px;
  -webkit-animation: sale 1s alternate infinite ;
  -moz-animation: sale 1s alternate infinite ;
  animation: sale 1s alternate infinite ;
  
}
.pico3{
  position:absolute;
  width: 5px;
  height:8px;
  border-radius: 6px 0 0 6px;
   background:#c52541;
  margin: -13.4px -3.2px;
  
  
}
.pico3:before{
  content:"";
  display:block;
  width:3.4px;
  height:8px;
  border-radius:0 0 2.4px 2.4px;
  background:#c52541;
  margin:6px 0.8px;
  
    
}


.cuerpo{
  position:absolute;
  width:42.4px;
  height:24.2px;
  border-radius:0 0 24.2px 42.4px;
  background:#383851;
  margin: 16.6px  -43.4px;
   -webkit-transform: rotate(9deg);
       -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
         -o-transform: rotate(9deg);
            transform: rotate(9deg);
  -webkit-animation: sube .2s alternate infinite ;
  -moz-animation: sube .2s alternate infinite ;
  animation: sube .2s alternate infinite ;
  
  z-index:3;
}
.cuerpo::before{
  content:"";
  display:block;
 
  width:34.4px;
  height:18px;
  border-radius:0 0 24.2px 24.2px;
  background:#3c3c55;
  margin: 0px  6px;
  
  
  
}
.cuerpo::after{
  content:"";
  display:block;
 
  width:20.4px;
  height:12px;
  border-radius:0 0 24.2px 24.2px;
  background:#414159;
  margin: -18px  18px;
    
}

ul.plumas{
  position:absolute;
  width: 100%;
  height: 18px;
  list-style:none;
  display:blocK;
  margin: -29.6px -16.6px;
  
}
ul.plumas li{
  display:inline-block;
  width: 0;
    height: 0;
    border-left: 2.2px solid transparent;
    border-right: 2.2px solid transparent;
    border-bottom: 4px solid #383851;
  margin-left: -4.2px;
}
.cola{
  position:absolute;
  width: 24.4px;
  height:11px;
  background:#34344d;
  border-radius:  22.4px 22.4px 0 0;
  
  margin: 6px -60px;
  
  
}

.cola::before{
  content:"";
  display:block;
  width: 22.4px;
  height:11px;
  background:#4d4961;
  border-radius:  22.4px 22.4px 0 0;
   -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  
  margin: -6px 6px;
  
  
}

.cola::after{
  content:"";
  display:block;
  width: 22.4px;
  height:11px;
  background:#34344d;;
  border-radius:  22.4px 22.4px 0 0;
   -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  
  margin: -12px 13px;
  
  
}
.cola3{
  position:absolute;
  width: 12px;
  height:6px;
  background:#383851;
  border-radius:  22.4px 22.4px 0 0;
  
  margin: 10px -54.2px;
  
  
}

.cola3::before{
  content:"";
  display:block;
  width: 12px;
  height:6px;
  background:#555569;
 
  border-radius:  22.4px 22.4px 0 0;
   -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  
  margin: -9.4px 0px;
  
  
}

.cola3::after{
  content:"";
  display:block;
 width: 12px;
  height:6px;
  background:#383851;
  border-radius:  22.4px 22.4px 0 0;
  
  margin: 7.4px 10px;
   -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  
  
}
.patas{
  position:absolute;
  width:10px;
  height:10px;
  background:#2c2c45;
  border-radius: 10px 6px 4.2px 6px;
  -webkit-transform: rotate(33deg);
       -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
         -o-transform: rotate(33deg);
            transform: rotate(33deg);
  margin: 30.4px -28.4px;
   -webkit-animation: camina3 .5s alternate infinite ;
  -moz-animation: camina3 .5s alternate infinite ;
  animation: camina3 .5s alternate infinite ;
  z-index:3;
  
}

.patas:before{
  content:"";
  display:block;
  width:1.8px;
  height:10px;
   background:#ffae24;
  webkit-transform: rotate(121deg);
       -moz-transform: rotate(121deg);
        -ms-transform: rotate(121deg);
         -o-transform: rotate(121deg);
            transform: rotate(121deg);
  margin: 6.8px 13px;
}

.patas:after{
  content:"";
  display:block;
  width:9px;
  height:1.8px;
   background:#ffae24;
  webkit-transform: rotate(-21deg);
       -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
         -o-transform: rotate(-21deg);
            transform: rotate(-21deg);
  -webkit-animation: camina7 .5s alternate infinite ;
  -moz-animation: camina7 .5s alternate infinite ;
  animation: camina7 .5s alternate infinite ;
  margin: -10.6px 15px;
  
}
.patas3{
  position:absolute;
  width:10px;
  height:10.6px;
  background:#2c2c45;
  border-radius: 10px 6px 4.2px 6px;
  -webkit-transform: rotate(112deg);
       -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
         -o-transform: rotate(112deg);
            transform: rotate(112deg);
  margin:30.4px -26.4px;
   -webkit-animation: camina .5s alternate infinite ;
  -moz-animation: camina .5s alternate infinite ;
  animation: camina .5s alternate infinite ;
  
}

.patas3:before{
  content:"";
  display:block;
  width:1.8px;
  height:12px;
   background:#ffae24;
  webkit-transform: rotate(121deg);
       -moz-transform: rotate(121deg);
        -ms-transform: rotate(121deg);
         -o-transform: rotate(121deg);
            transform: rotate(121deg);
  margin:6.6px 14px;
}

.patas3:after{
  content:"";
  display:block;
  width:9px;
  height:1.8px;
   background:#ffae24;
  webkit-transform: rotate(-99deg);
       -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
         -o-transform: rotate(-99deg);
            transform: rotate(-99deg);
   -webkit-animation: camina6 .5s alternate infinite ;
  -moz-animation: camina6 .5s alternate infinite ;
  animation: camina6 .5s alternate infinite ;
  margin: -12px 15.8px;
}



@-webkit-keyframes mover{
  0% {
   -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
50% {
   -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
 100% {
   -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}
@keyframes mover{
  0% {
   -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

 100% {
   -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}
@-moz-keyframes mover{
  0% {
   -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }

 100% {
   -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}



@-webkit-keyframes mover3{
 0% {
   -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
  }

 50% {
   -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
   -webkit-transform: rotate(-42deg);
       -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
         -o-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }

}

@keyframes mover3{
  0% {
   -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
  }

 50% {
   -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
   -webkit-transform: rotate(-42deg);
       -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
         -o-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }

}
@-moz-keyframes mover3{
   0% {
   -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
  }

 50% {
   -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
   -webkit-transform: rotate(-42deg);
       -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
         -o-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }

}



@-webkit-keyframes sube{
 0% {
   margin-top:17.2px;
  }

 50% {
  margin-top:16.6px;
  }
  100% {
   margin-top:16px;
  }

}

@keyframes sube{
 0% {
   margin-top:17.2px;
  }

 50% {
  margin-top:16.6px;
  }
  100% {
   margin-top:16px;
  }



}
@-moz-keyframes sube{
   0% {
   margin-top:17.2px;
  }

 50% {
  margin-top:16.6px;
  }
  100% {
   margin-top:16px;
  }
}

@-webkit-keyframes abre {
 0% {
   margin-top:32.8px;
  }

 50% {
  margin-top:32.8px;
  }
  100% {
   margin-top:32px;
  }

}

@keyframes abre{
 0% {
   margin-top:32.8px;
  }

 50% {
  margin-top:32.8px;
  }
  100% {
   margin-top:32.4px;
  }

}
@-moz-keyframes abre{
   0% {
   margin-top:32.8px;
  }

 50% {
  margin-top:32.8px;
  }
  100% {
   margin-top:32.4px;
  }

}



@-webkit-keyframes abre3 {
 0% {
   margin-top:5px;
  }

 50% {
  margin-top:5px;
  }
  100% {
   margin-top:4.2px;
  }

}
@keyframes abre3 {
 0% {
   margin-top:5px;
  }

 50% {
  margin-top:5px;
  }
  100% {
   margin-top:4.2px;
  }


}

@-moz-keyframes abre3{
0% {
   margin-top:5px;
  }

 50% {
  margin-top:5px;
  }
  100% {
   margin-top:4.2px;
  }
}

@-webkit-keyframes camina{
0% {
   -webkit-transform: rotate(112deg);
       -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
         -o-transform: rotate(112deg);
            transform: rotate(112deg);
  }


 100% {
   -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  

}
@keyframes camina {
0% {
   -webkit-transform: rotate(112deg);
       -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
         -o-transform: rotate(112deg);
            transform: rotate(112deg);
  }

100% {
   -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  

}

@-moz-keyframes camina {
 100% {
   -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  
  
}
  


@keyframes camina6{
0% {
    webkit-transform: rotate(-99deg);
       -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
         -o-transform: rotate(-99deg);
            transform: rotate(-99deg);
  margin-left:15.4px;
  margin-top:-12px;
  }


  100% {
   -webkit-transform: rotate(-19deg);
       -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
         -o-transform: rotate(-19deg);
            transform: rotate(-19deg);
     margin-left:16px;
     margin-top:-10.6px;
  }
  

}
@-webkit-keyframes camina6{
0% {
    webkit-transform: rotate(-99deg);
       -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
         -o-transform: rotate(-99deg);
            transform: rotate(-99deg);
  margin-left:15.4px;
  margin-top:-12px;
  }


  100% {
   -webkit-transform: rotate(-19deg);
       -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
         -o-transform: rotate(-19deg);
            transform: rotate(-19deg);
     margin-left:16px;
     margin-top:-10.6px;
  }
  

}

@-moz-keyframes camina6{
0% {
    webkit-transform: rotate(-99deg);
       -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
         -o-transform: rotate(-99deg);
            transform: rotate(-99deg);
  margin-left:15.4px;
  margin-top:-12px;
  }


  100% {
   -webkit-transform: rotate(-19deg);
       -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
         -o-transform: rotate(-19deg);
            transform: rotate(-19deg);
     margin-left:16px;
     margin-top:-10.6px;
  }


  
}


@-webkit-keyframes camina3 {
0% {
   -webkit-transform: rotate(33deg);
       -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
         -o-transform: rotate(33deg);
            transform: rotate(33deg);
}


  100% {
  -webkit-transform: rotate(93deg);
       -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
         -o-transform: rotate(93deg);
            transform: rotate(93deg);
  }
  

}
  
@keyframes camina3 {
0% {
   -webkit-transform: rotate(33deg);
       -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
         -o-transform: rotate(33deg);
            transform: rotate(33deg);
}


  100% {
  -webkit-transform: rotate(93deg);
       -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
         -o-transform: rotate(93deg);
            transform: rotate(93deg);
  }
  

}
@-moz-keyframes camina3 {
0% {
   -webkit-transform: rotate(33deg);
       -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
         -o-transform: rotate(33deg);
            transform: rotate(33deg);
}


  100% {
  -webkit-transform: rotate(93deg);
       -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
         -o-transform: rotate(93deg);
            transform: rotate(93deg);
  }
  

}

@-webkit-keyframes camina7{
  0%{
webkit-transform: rotate(-21deg);
       -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
         -o-transform: rotate(-21deg);
            transform: rotate(-21deg);
     margin: -10.6px 15px;
  }


  100% {
   -webkit-transform: rotate(-75deg);
       -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
         -o-transform: rotate(-75deg);
            transform: rotate(-75deg);
     margin: -11.8px 15px;
     
  }
}
@keyframes camina7{
 0%{
webkit-transform: rotate(-21deg);
       -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
         -o-transform: rotate(-21deg);
            transform: rotate(-21deg);
     margin: -10.6px 15px;
  }


  100% {
   -webkit-transform: rotate(-75deg);
       -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
         -o-transform: rotate(-75deg);
            transform: rotate(-75deg);
     margin: -11.8px 15px;
     
  }
}



@-moz-keyframes camina7{
  0%{
webkit-transform: rotate(-21deg);
       -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
         -o-transform: rotate(-21deg);
            transform: rotate(-21deg);
     margin: -10.6px 15px;
  }


  100% {
   -webkit-transform: rotate(-75deg);
       -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
         -o-transform: rotate(-75deg);
            transform: rotate(-75deg);
     margin: -11.8px 15px;
     
  }
}

@-webkit-keyframes sale {
0% {
  margin-left:1.8px;
  }


 100% {
   margin-left:-2.4px;
  }
  

}


@keyframes sale {
0% {
  margin-left:1.8px;
  }


 100% {
   margin-left:-2.4px;
  }
  

}
@-moz-keyframes sale {
0% {
  margin-left:1.8px;
  }


 100% {
   margin-left:-2.4px;
  }
  

}

.gallina{
-webkit-animation:linear forwards;
-webkit-animation-name: run;
-webkit-animation-duration: 30s;
}     
@-webkit-keyframes run {
    0% { left: -300px;}
    100%{ left: 90%; 
        overflow: hidden;
        visibility: hidden;}
}

/*</editor-fold>*/

.torles td {
    font-style: oblique;
    border-top: 3px solid red;
    border-bottom: 3px solid red; 
}

.torles td:first-child {
    border-left:3px solid red;    
}

.torles td:last-child {
    border-right:3px solid red;    
}

.req_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5cbab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5cbab;
	box-shadow:inset 0px 1px 0px 0px #f5cbab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa561), color-stop(1, #ea9148));
	background:-moz-linear-gradient(top, #ffa561 5%, #ea9148 100%);
	background:-webkit-linear-gradient(top, #ffa561 5%, #ea9148 100%);
	background:-o-linear-gradient(top, #ffa561 5%, #ea9148 100%);
	background:-ms-linear-gradient(top, #ffa561 5%, #ea9148 100%);
	background:linear-gradient(to bottom, #ffa561 5%, #ea9148 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa561', endColorstr='#ea9148',GradientType=0);
	background-color:#ffa561;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #fc8124;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:34px;
	font-weight:bold;
	padding:21px 21px;
        height: 40px;
        width: 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.req_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ea9148), color-stop(1, #ffa561));
	background:-moz-linear-gradient(top, #ea9148 5%, #ffa561 100%);
	background:-webkit-linear-gradient(top, #ea9148 5%, #ffa561 100%);
	background:-o-linear-gradient(top, #ea9148 5%, #ffa561 100%);
	background:-ms-linear-gradient(top, #ea9148 5%, #ffa561 100%);
	background:linear-gradient(to bottom, #ea9148 5%, #ffa561 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea9148', endColorstr='#ffa561',GradientType=0);
	background-color:#ea9148;
        color: white;
        font-size:34px;
}
.req_button:active {
	position:relative;
	top:1px;
}
.req_button:visited{
    color: white;
    font-size:34px;
}

.desc {
    position: relative;
}

.desc h3 {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

h3 + span {
    display: none;
}

h3:hover + span {
    display: inline-block; 
    font-weight: bold;
    text-align: justify;
    position: absolute;
    width: 30em;
    top: 2em;
    left: 0px;
    background: rgb(68,129,205);
    border: 1px solid grey;
    color: white;
    padding: 8px;
    box-shadow: 3px 3px 5px grey;
}

h3:hover + span::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgb(68,129,205) transparent;
}

.ra tr td:first-child {
    width: 5%;
}

.ra tr td:nth-child(2) {
    width: 55%;
}

.ra tr td:nth-child(3) {
    width: 40%;
}

.vaninfo {
    cursor: pointer;
}

.kerdesinfo {
    position: absolute;
    background: rgb(68,129,205);
    color: white;
    padding: 8px;
    border: 1px solid grey;
    box-shadow: 3px 3px 5px grey;
    text-align: left;
    max-width: 600px;
    display: none;
}

.div_kerdesek_info:hover .kerdesinfo {
    left: 50%;
    white-space: pre-wrap;
    display: block;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .div_kerdesek_info:hover .kerdesinfo {        
        left:57%;
        white-space: pre-wrap;
        display: block;
    }
}

.mytooltip:hover:after{
  background: rgb(68,129,205);
  border-radius: 5px;
  bottom: 26px;
  color: white;
  content: attr(title);
  right: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
  opacity: 1!important;
}

.ra tr td:first-child {
    width: 5%;
}

.ra tr td:nth-child(2) {
    width: 55%;
}

.ra tr td:nth-child(3) {
    width: 40%;
}
.mytooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    right: 50%;
    position: absolute;
    z-index: 99;
    opacity: 1!important;
}

.mytooltip {
  radius: 4px !important;
  background-color: rgb(68,129,205)!important;
  color: white!important;
  padding: 5px 20px!important;
  border-radius: 20px;
  margin: 50px;
  text-align: center;
  font: bold 14px ;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 0 0 10px black;
  opacity: 1!important;
}

.nav-tabs {
    border-bottom: 1px solid #303030!important;
}

.nav-tabs .nav-link {
    font-size: 18px;
    color: #303030!important;
    font-weight: 600;
    background-color: whitesmoke;
    
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-link.active, .nav-tabs .show > .nav-link {
    border-color: #303030 #303030 transparent!important;
    background-color: #ea9048!important;
    color: white!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #db8743!important;
    border-color: #ce8244!important;
}

.btn-primary:visited, .btn-secondary:visited {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #ea9048!important;
    border-color: #db8743!important;
}
.calendar .nav {
    display: table-cell!important;
}

.dataTable tr td {
    text-align: center;
}


.dataTable tr td .icon {
    font-size: 20px;
}

.szolgaltatas_jel {
    height: 20px;
    width: 20px;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-table;
    margin: 0 2px;
}

.szolgaltatas_jel span {
    display: table-cell;
    vertical-align: middle;
}

.finance_jel {
    background-color: #ea9048;
}
.audit_jel {
    background-color: #5d3f92;
}
.network_jel {
    background-color: #60bda7;
}
.legal_jel {
    background-color: #04b6e0;
}
.advisory_jel {
    background-color: #1019b5;
}

.row.beallitasoknav .dataTable i {
    font-size: 20px;
}

/*<editor-fold defaultstate="collapsed" desc="Halloween">*/

.halloween .head .skull:before,
.halloween .head .skull:after,
.halloween .skull-eyes .skull-eye:before,
.halloween .body:before,
.halloween .body:after,
.halloween .legs:before{
    content:'';
    position:absolute;
}
.halloween{
    top:97%;
    left:1%;
    width:30px;
    height:44px;
    position:fixed;
    margin-top:-22px;
    margin-left:-15px;
    animation:move 3s infinite;
}
.halloween .head{
    z-index:1;
    width:25px;
    height:25px;
    background:#444;
    border-radius:50%;
    position:relative;
}
.halloween .head .skull{
    left:2px;
    bottom:2px;
    width:16px;
    height:16px;
    color:#f9f9f9;
    border-radius:50%;
    background:#f9f9f9;
    position:absolute;
    animation:skull 3s infinite;
}
.halloween .head .skull:before{
    top:9px;
    width:0;
    left:50%;
    height:0;
    z-index:1;
    margin-left:-2px;
    border:2px solid transparent;
    border-bottom:2px solid #444;
}
.halloween .head .skull:after{
    top:14px;
    left:50%;
    width:1px;
    height:4px;
    margin-left:-1px;
    background:#f9f9f9;
    box-shadow: 2px 0,-2px 0,4px 0,-4px 0,
                -3px -2px,-1px -2px,1px -2px,3px -2px
}
.halloween .skull-eyes{
    width:inherit;
    height:inherit;
    overflow:hidden;
    border-radius:50%;
    position:relative;
}
.halloween .skull-eyes .skull-eye{
    top:5px;
    width:5px;
    height:5px;
    position:absolute;
    border-radius:50%;
    background:#f8cd22;
    border:1px solid #444;
    border-right:2px solid #444;
}
.halloween .skull-eyes .skull-eye:before{
    top:-1px;
    left:-1px;
    width:5px;
    height:3px;
    background:#f9f9f9;
    border-radius:5px 5px 0 0;
    animation:skull-eyes 3s infinite;
}
.halloween .skull-eyes .skull-eye.skull-eye-left{
    left:1px;
}
.halloween .skull-eyes .skull-eye.skull-eye-right{
    right:1px;
}
.halloween .body{
    top:-3px;
    width:24px;
    height:17px;
    background:#444;
    position:relative;
    border-radius:10px 10px 2px 2px;
}
.halloween .body:before,
.halloween .body:after{
    top:3px;
    width:4px;
    height:12px;
    background:#444;
}
.halloween .body:before{
    left:-1px;
    border-radius:100% 0 0 2px;
    transform:rotate(10deg);
    animation:hand-left 3s infinite;
}
.halloween .body:after{
    right:-1px;
    border-radius:0 100% 2px 0;
    transform:rotate(-10deg);
    animation:hand-right 3s infinite;
}
.halloween .legs{
    top:-3px;
    left:50%;
    width:21px;
    height:10px;
    overflow:hidden;
    margin-left:-13px;
    position:relative;
    border-bottom:1px solid rgba(0,0,0,.2);
}
.halloween .legs:before{
    top:0;
    left:-7px;
    width:60px;
    height:10px;
    background-image:linear-gradient(-495deg, #444 4px,transparent 0), linear-gradient(-45deg, transparent 4px, #444 0);
    background-size:4px 8px;
    background-repeat:repeat-x;
    animation:legs 3s infinite;
}
@keyframes move{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes skull{
    0%{
        transform:translate(0,0)
    }
    25%{
        transform:translate(2px,1px)
    }
    75%{
        transform:translate(3px,-1px)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes skull-eyes{
    0%{
        top:-5px;
        border-radius:50%;
    }
    50%{
        top:-1px;
        border-radius:5px 5px 0 0;
    }
    100%{
        top:-5px;
        border-radius:50%;
    }
}
@keyframes legs{
    0%{
        left:-7px;
    }
    50%{
        left:-25px;
    }
    100%{
        left:-7px;
    }
}
@keyframes hand-left{
    0%{
        left:1px;
    }
    50%{
        left:-2px;
    }
    100%{
        left:1px;
    }
}
@keyframes hand-right{
    0%{
        right:1px;
    }
    50%{
        right:-2px;
    }
    100%{
        right:1px;
    }
}
/*</editor-fold>*/


/*<editor-fold defaultstate="collapsed" desc="Pumpkin">*/

.pumpkin_holder {
    position: fixed;
    top: 92%;
    right: 2%;
}

.pumpkin {
  position: relative;
  top: 55%;
  left: 50%;
  margin-left: -35px;
}

.pumpkin-body {
  width: 70px;
  height: 60px;
  background-color: #fac331;
  border-radius: 40px;
  background-image: linear-gradient(to right, #fac331 50%, #d4692b 50%);
  box-shadow: 0px 0px 10px 0px rgba(240, 139, 49, 0.75);
}

.pumpkin-body:after{
    content: "";
    position: absolute;
    width: 50px;
    height: 60px;
    left: 10px;
    background-color: #ef8b31;
    border-radius: 50%;
}
  
.pumpkin-body:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 12px;
    left: 28px;
    top: -18px;
    background-image: linear-gradient(
      to left top,
      #ef8b31 50%,
      transparent 50%
    ); 
}

.pumpkin-eyes li {
    list-style: none;
    position: absolute;
    z-index: 5;
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 14px solid black;
}
  
.pumpkin-eyes li:first-child{
    left: 16px;
    top: 18px;
    transform: rotate(-90deg);
}
  
.pumpkin-eyes li:nth-child(2){
    top: 18px;
    left: 42px;
    transform: rotate(90deg);
}

.pumpkin-mouth {
  position: absolute;
  top: 35px;
  left: 16px;
  height: 19px;
  width: 38px;
  z-index: 5;
  background-color: black;
  border-radius: 0 0 38px 38px;
}

.pumpkin-mouth:before, .pumpkin-mouth:after {
    content: "";
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ef8b31;
}
  
.pumpkin-mouth:before {
    left: 3px;
}

.pumpkin-mouth:after {
    left: 27px;
}
/*</editor-fold>*/

.ui-menu .ui-menu-item {
    cursor: pointer;
    list-style: none;
}

#menu-container .ui-menu {
    position: relative;
}

/*ICTF-1769*/
/*Értesítések másolása*/
.uj_ertesito_masol_dialog{  
    position: fixed;
    top: 40%;
    left: 40%;
}
.uj_ertesito_masol_dialog .ui-dialog-titlebar-close {
    visibility: hidden;
}
.uj_ertesito_masol_dialog .ui-dialog-titlebar {
    font-size: 25px;
}
.uj_ertesito_masol_dialog .ui-dialog-buttonset{
    text-align: center;
    margin: 5px;
}

.uj_ertesito_masol_dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ertesites_masolas_dialog_gomb {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url('../images/gomb_bg_03_2.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-family: Verdana; 
    font-weight: normal; 
    font-size: 15px; 
    text-decoration : none;
}
.uj_ertesito_masol_dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ertesites_masolas_dialog_gomb:visited 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 15px; text-decoration : none; }
.uj_ertesito_masol_dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ertesites_masolas_dialog_gomb:active 	{ color: white; font-family: Verdana; font-weight: normal; font-size: 15px; text-decoration : none; }
.uj_ertesito_masol_dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ertesites_masolas_dialog_gomb:hover		{ color: #ea9048; font-family: Verdana; font-weight: normal; font-size: 15px; text-decoration : none; }

.dropdown-item {
    width: initial!important;
}

.dropdown-item:visited { 
    color: #303030!important;
}

/*ICTF-1820*/
div.szabadsag_tervezo_scroll{
    height: 500px; 
    overflow-y: auto;
}

.szabadsag_tervezo_fixed{
  position: sticky;
  position: -webkit-sticky;
  top: 0px; /* required */
  z-index: 1; 
}

.dijcsomag_neve_buborek {
  position: relative;
  color: #fff;
  cursor: pointer;
}

/*ICTF-1893*/
.dijcsomag_neve_buborek .dijcsomag_neve_buborek_szoveg {
  visibility: hidden;
  width: 300px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Buborek pozicio */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.dijcsomag_neve_buborek:hover .dijcsomag_neve_buborek_szoveg{
    visibility: visible;
}
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

:root {
    --firstColWidth: 200px;
    --headerHeight: 20px;
    --headerColWidth: 120px;
    --contHeight: 70px;
}

#teszt_container {
    position: relative;
    overflow: auto;
    max-height: 600px;
    max-width: 1400px;
    visibility: hidden;
}

#topleft_sticky {
    width: var(--firstColWidth);
    height: calc(3 * var(--headerHeight));
    position: absolute;
    z-index: 3;
    background: #c2c2c2;
    border: 1px solid black;   
    display: none;
}

#topleft_sticky p {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    line-height: calc((3 * var(--headerHeight)) / 2);
}

#top_sticky {
    z-index: 2;
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-left: var(--firstColWidth);
    position: sticky;
    top: 0;
}

.szint-header {
    background: #c2c2c2;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.szint-data {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mh, .lh {
    display: flex;
    border-top: 1px solid black;
}

.sh {
    display: flex;
    flex-basis: auto;
    border-top: 1px solid black;   
    border-bottom: 1px solid black;   
}

.mh div, .lh div, .sh div {
    display: inline-block;
    height: calc(var(--headerHeight) - 1px);
    text-align: center;
    font-weight: bold;
    background: #c2c2c2;
    font-size: 10px;
    border-right: 1px solid black;
}

.sh div {
    height: var(--headerHeight);
    width: var(--headerColWidth);
}

.lh div {
    width: calc(2 * var(--headerColWidth));
}

#left_sticky {
    position: sticky;
    width: var(--firstColWidth);
    z-index: 2;
    left: 0;
}

.teszt_nev {
    display: block;
    width: var(--firstColWidth);
    height: var(--contHeight);
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.teszt_nev:nth-child(2n) {
    background: #c2c2c2;
}

.teszt_nev:nth-child(2n+1) {
    background: #d5d5d5;
}

.teszt_nev .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 10px;
}

.teszt_nev .avatarnev {
    display: inline-block;
    width: 120px;
    height: 50px;
    position: absolute;
    margin-top: 25px;
}

.avatar img {
    width: 100%;
}

#teszt_tartalom {
    position: absolute;
    left: var(--firstColWidth);
    top: calc(3 * var(--headerHeight) + 2px);
}

.teszt_sor {
    font-size: 0;
    display: flex;
}

.teszt_sor:nth-child(2n) {
   background: #c2c2c2;
   border-bottom: 1px solid black;
}

.teszt_sor:nth-child(2n+1) {
   background: #d5d5d5;
   border-bottom: 1px solid black;
}

.teszt_sor div {
    font-size: 10px;
    text-align: center;
    width: calc(var(--headerColWidth) - 1px);
    height: var(--contHeight);
    display: inline-block;
    border-right: 1px solid black;
}

.kontener {
    background-color: #fff;
    padding-left: 0 !important;
}

.kontener input {
    border: none;
    flex: 1;
}

.tag-kontener {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.tag-kontener .tag {
    border: 1px solid grey;
    padding: 2px;
    border-radius: 4px;
    margin-left: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: default;
}

.tag .closetag {
    margin-left: 4px;
    margin-top: 1px;
    margin-right: 4px;
    cursor: pointer;
}

#kapcsolattartok p {
    border: 1px solid blue;
    padding: 4px;
    border-radius: 4px;
    background-color: white;
    margin-top: 4px;
    cursor: pointer;
}

.checkbox_ceg_atrendeles{
    display: inline-block;
    vertical-align: middle;    
}

.ca_class_felh{
    display: inline-block;
    width: 450px; 
    padding-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ca_class_nyil{
    display: inline-block; 
    float: left; 
    width: 100px; 
    padding-top: 45px;
}

.ca_partnerlista{
    display: inline-block;
    float: left; 
    width: 450px;
}

.porgo_forgo_gombhoz {
  display: inline-block;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #3498db;
  width: 12px;
  height: 12px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}