body {
  background: none;
  margin: 0;
  padding: 0;
  border:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  }
hr {
    margin: 25px 20px 16px;
    border-width: thin;
}
h1 {
  margin: 5px;
  }  
a {
  color: black;
  text-decoration: none;
  }
input[type="text"],
input[type="password"],
a.megsem,
input[type="submit"],
button,
a.naplo_gomb {
  height: 23px;
  border: none;
  text-indent: 6px;
  background: #ededed;
  }
input.submit {
    margin-left: 20px;
}   
a.megsem {
  padding: 3px 10px 2px 10px;
  margin-left: 10px;
  }
#page {
  background: none;
  margin: 0;
  padding: 0;
  border:none;
  }
#header {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: black
  }
#header-inner {
  max-width: 1280px;
  margin: 0 auto;
  background: none;
  padding: 5px;
  height: 40px;
  } 
#header-inner::after {
  clear:both;
  } 
#site-name {
  float: left;
  }     
#site-name a {
  color: white;
  }
#felhfej {
  float: right;;
  color: white;
  line-height: 40px;
  font-size: 140%;
  }
#menu {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #bdd2ff;
  min-height: 39px
  }
#page.login #menu {
  background: #bdd2ff;
  } 
#page.logout #menu {
  background: white;
  }   
#menu-inner {
  max-width: 1280px;
  margin: 0 auto;
  }    
#menu ul {
  margin: 0;
  }
#menu li {
  width: auto;
  }
#menuikon {
  display: none;
  }
#menuikon span {
  display: inline-block;
  height: 39px;
  line-height: 39px;
  padding-left: 5px;
  }
.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none; 
  }
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; 
  }
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  }
.sf-menu ul li {
  width: 100%; 
  }
.sf-menu li {
  float: left;
  position: relative; 
  }
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
  }
.sf-menu a {
  display: block;
  position: relative; 
  width: auto;
  }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  top: 2.5em;
  /* match top ul list item height */
  z-index: 99; 
  }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em; 
  }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; 
  }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em; 
  }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; 
  }
#main {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  clear: both;
  }
#main-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  background: white;
  }
#page.belepteto #main-inner {
  width: 300px;
  text-align: center;
  padding: 5px ;
  border: 1px solid black;
  margin: 5px auto 0 auto;
  }
#oldalcim {
  text-align: center;
  }        
.urlapsor {
  margin-top: 10px;
  display: inline-block;
  width: 50%;
  }
.urlapsor_kj {
  display: inline-block;
  margin-top: 10px;
  width: calc( 50% - 122px ); /* !important; */
  }
.urlapsor_kj label {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  padding-left: 20px;
  }
.urlapsor_kj input[type="text"] {
    width: calc( 100% - 220px ); /* !important; */
}  
.urlapsor label {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  padding-left: 20px;
  line-height: 23px;
  }
.radiobox {
  display:inline-block;
  } 
span.urlapsor_checkbox {
    display: inline-block;
    margin-top: 10px;
    padding-left: 20px;
    width: calc( 100% - 1220px ); /* !important; */
    min-width: 95px;
}
span.urlapsor_block {
    display: block;
    margin-top: 10px; /* !important; */
}
.urlapsor_block label {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    padding-left: 20px;
}
input#beadhatido {
    width: calc( 50% - 240px ); /* !important; */
}
input#pr_cime, input#pr_kod {
    width: calc( 100% - 240px );
    font-weight: bold;
}
input#pr_megj {
    width: calc( 100% - 240px );
    height: 80px;
    padding-bottom: 58px;
}
.urlapsor input {
  display: inline-block;
  font-weight: 700;
  width: calc( 100% - 240px ); /* !important; */
  }
.urlapsor select {
  display: inline-block;
  width: 300px;
  }
.urlapsor input[type="radio"],
.urlapsor input[type="checkbox"] {
  width: 20px;
  display: inline-block;
  }
.urlapsor input[type="checkbox"] {
  width: 20px;
  display: inline-block;
  }
/* datatables áblázatok */
table.dataTable tbody th, 
table.dataTable tbody td {
  font-size: 18px;
  }
table.dataTable .even {
  background: snow;
  }
table.dataTable td.muvelet {
  width: 20px;
  text-align: center;
  }
table.dataTable td.muvelet {
  width: 20px;
  text-align: center;
  }  
table.dataTable td.muvelet.dupla {
  width: 40px;
  }    
table.dataTable .tiltott td {
  color: gray;
  }  
.kapcsolat {
  display: none;
  }
/* állapotok */
table#allapotok td.al_aktiv,
table#allapotok td.al_szin {
  text-align: center;
  }
/* működési formák */
#mukforma td.mf_aktiv {
  text-align: center;
  }  
#mukforma td.mf_sorrend {
  text-align: right;
  }  
/* projektek */
div.projektek_wrapper {
  width: 100%;
  }
table#projektek.dataTable td.muvelet {
  width: 40px;
  }
table#projektek .pr_ugyf_proj {
  display: none;  
  }
div.projekt {
  background: none;
  }
/* összerendelő */
#osszerend .cg_rovidnev {
  width: 18%;
  }
#osszerend .cg_teljesnev {
  width: 38%;
  }
#osszerend .fh_nev {
  width: 38%;
  }    
span.oszrsor {
  width: 40%;
  display: inline-block;
  }   
span.oszrsor.osz_cg_azon label {
  width: 40px;
  display: inline-block;
  }
span.oszrsor.osz_cg_azon input {
  width: calc( 100% - 40px );
  display: inline-block;
  }  
span.oszrsor.osz_fh_azon label {
  width: 80px;
  display: inline-block;
  }
span.oszrsor.osz_fh_azon input {
  width: calc( 100% - 80px );
  display: inline-block;
  }    
/* hír blokk */
.hir {
  max-width: 800px;
  border: 3px solid #222;
  margin-bottom: 5px;
  padding: 0 5px;
  }
.hir.ujhir {
  border: 3px solid red;
  }  
.hirblokk {
  display: inline-block;
  margin-top: 5px;
  }
.hirblokk span {
  display: inline-block;
  height: 22px;
  line-height: 22px;    
  }
.hirblokk .adat {
  background: #ededed;
  padding: 0 4px;  
  } 

.hirblokk.na_datum .cimke {
  width: 45px;
  }
.hirblokk.na_datum .adat {
  width: 75px;
  font-weight: bold;
  } 

.hirblokk.kiado .cimke {
  width: 60px;
  margin-left: 4px;
  }
.hirblokk.kiado .adat {
  width: 200px;
  font-weight: bold;
  }
.hirblokk.pr_kod {
  width: calc( 100% - 400px);
  }
.hirblokk.pr_kod .cimke {
  width: 64px;
  margin-left: 4px;
  }
.hirblokk.pr_kod .adat {
  width: calc( 100% - 79px );
  font-weight: bold;
  }
.hirblokk.na_megnev {
  clear: both;
  width: 100%; 
  }
.hirblokk.na_megnev .cimke {
  width: 64px;
  height: 22px;
  float: left
  }
.hirblokk.na_megnev .adat {
  width: calc( 100% - 80px );
  min-height: 22px;
  float: right;
  }
.hirblokk.na_megnev .adat p {
  margin-top: 0;
  margin-bottom: 0;
  }


.hirblokk.na_hatarido .cimke {
  width: 57px;
  }
.hirblokk.na_hatarido .adat {
  width: 75px;
  font-weight: bold;
  } 

.hirblokk.na_felelos .cimke {
  width: 60px;
  margin-left: 4px;
  }
.hirblokk.na_felelos .adat {
  width: 200px;
  font-weight: bold;
  }
.hirblokk.na_osszeg {
  width: calc( 100% - 412px);
  }
.hirblokk.na_osszeg .cimke {
  width: 51px;
  margin-left: 4px;
  }
.hirblokk.na_osszeg .adat {
  width: calc( 100% - 69px );
  font-weight: bold;
  }

.hirblokk.na_kesz .cimke {
  width: 60px;
  }

.hirblokk.na_merfolko .cimke {
  width: 65px;
  }
.hirblokk.na_merfolko .adat {
  width: 200px;
  font-weight: bold;
  } 

.hirblokk.na_irodainaptar .adat {
  width: 17px;
  height: 17px;
  font-weight: bold;
  margin-left: 5px;
  background: url( 'checkboxes/elegant.png' );
  padding: 0 ;
  } 
.hirblokk.na_irodainaptar .adat.checked {
  background-position: 0 17;
  }
.hirblokk.na_irodainaptar .cimke {
  margin-left: 5px;
  width: 65px;
  }

div.projekt {
  width: 100%;
  background: #e9f3e2;
  color: #4c5e57;
  }
.projekt .adat {
  background: #dee6d5;
  /* background: #e9f3e2;*/
  display: inline-block;
  }
.projekt .cimke {
  display: inline-block;   
  }  

.projekt .pr_ugyfel .cimke {
  width: 24px;
  }
.projekt .pr_ugyfel .adat {
  width: 100px;
  }  
.projekt .pr_palyazat_azon {
  width: 270px;
  }
.hir .projekt .pr_palyazat_azon .cimke {
  width: 100px;
  }
.projekt .pr_palyazat_azon .adat {
  width: 160px;
  /* overflow: hidden; */
  }  


.projekt .pr_szerzodes .cimke {
  width: 120px;
  }
.projekt .pr_szerzodes .adat {
  width: 190px;
  }  

.projekt .pr_cime {
  width: 100%;
  clear: both;
  }
.projekt .pr_cime .cimke {
  width: 90px;
  float: left;
  }
.projekt .pr_cime .adat {
  width: calc( 100% - 100px );
  float: right;
  }
.hir .naplo_szerk {
  display: block;
  background: #e9e9e9;
  padding: 3px;
  border: 1px solid black;
  margin: 2px;
  width: 80px;
  }
.hir a.naplo_szerk {
  text-align: center;
  display: inline-block;
  }
#szuro {
  float: right;
  }  
#hirfolyam {
  padding-top: 5px;
  clear: both;
  }
/* üzenetek */
div.uzenet {
  width: calc ( 100% - 30px) ;
  padding: 10px;
  background: silver;
  margin: 10px auto 0 auto;
  border: 1px solid gray;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
  }
div.uzenet.info {
  background: LightSkyBlue;
  background: #dbecfc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZWNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGJmZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #dbecfc 0%, #a0bfdb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbecfc), color-stop(100%,#a0bfdb));
  background: -webkit-linear-gradient(top,  #dbecfc 0%,#a0bfdb 100%);
  background: -o-linear-gradient(top,  #dbecfc 0%,#a0bfdb 100%);
  background: -ms-linear-gradient(top,  #dbecfc 0%,#a0bfdb 100%);
  background: linear-gradient(to bottom,  #dbecfc 0%,#a0bfdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbecfc', endColorstr='#a0bfdb',GradientType=0 );
  border: 1px solid blue ;
  }
div.uzenet.hiba {
  background: red;
  background: #fee7e1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZTdlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmE3YTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fee7e1 0%, #e6a7a0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee7e1), color-stop(100%,#e6a7a0));
  background: -webkit-linear-gradient(top,  #fee7e1 0%,#e6a7a0 100%);
  background: -o-linear-gradient(top,  #fee7e1 0%,#e6a7a0 100%);
  background: -ms-linear-gradient(top,  #fee7e1 0%,#e6a7a0 100%);
  background: linear-gradient(to bottom,  #fee7e1 0%,#e6a7a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee7e1', endColorstr='#e6a7a0',GradientType=0 );
  border: 1px solid red ;
  }
div.uzenet.ok {
  background: SpringGreen ;
  background: #eefdc6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZmRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmVhNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #eefdc6 0%, #cbea61 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eefdc6), color-stop(100%,#cbea61));
  background: -webkit-linear-gradient(top,  #eefdc6 0%,#cbea61 100%);
  background: -o-linear-gradient(top,  #eefdc6 0%,#cbea61 100%);
  background: -ms-linear-gradient(top,  #eefdc6 0%,#cbea61 100%);
  background: linear-gradient(to bottom,  #eefdc6 0%,#cbea61 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefdc6', endColorstr='#cbea61',GradientType=0 );
  border: 1px solid green ;
  }
div.uzenet.warning {
  background: #ffc14d;
  background: #f6bb47;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2YmI0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk0MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f6bb47 0%, #f7941f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6bb47), color-stop(100%,#f7941f));
  background: -webkit-linear-gradient(top,  #f6bb47 0%,#f7941f 100%);
  background: -o-linear-gradient(top,  #f6bb47 0%,#f7941f 100%);
  background: -ms-linear-gradient(top,  #f6bb47 0%,#f7941f 100%);
  background: linear-gradient(to bottom,  #f6bb47 0%,#f7941f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bb47', endColorstr='#f7941f',GradientType=0 );
  border: 1px solid orange ;
  }
#page.projektek #main {
  width: 100%;
  }
#page.projektek #main-inner {
  max-width: 100%;
  }
/* mérföldkövek táblázat */
#projekt_merfoldkovek {
  font-size: 14px;
}
#projekt_merfoldkovek th, 
#projekt_merfoldkovek td {
  font-size: 14px;
}
#projekt_merfoldkovek .pr_mk_nev {
  text-align: left;
}
#projekt_merfoldkovek .pr_na_datum,
#projekt_merfoldkovek .pr_na_osszeg {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
}
#projekt_merfoldkovek td.pr_na_osszeg {
  text-align: right;
}
/* napló szerkesztése oldal */
.naploszekdoboz {
  border: 3px solid black;
  }
.naploszerk .urlapsor {
  margin-top: 10px;
  display: block;
  width: 100%;
  }
.naploszerk .naploszerkbal {
  width: calc( 50% - 10px );
  float: left;
  margin-bottom: 10px;
  }
.naploszerk .naploszerkjobb {
  width: calc( 50% - 10px );
  float: right;
  margin-bottom: 10px;
  }
#projektadatai {
  clear:both;
  width: 100%;
  }    
#projektadatai  .projekt {
  padding: 5px;
  width: calc( 100% - 10px );  
 }
#debug {
  clear:both;
  }  
/* reszponzív rész */
@media screen and (max-width: 960px) {
  #felhasznalok .fh_telefon {
    display: none;
    }
  #cegek .cg_adoszam {
    display: none;
    }
  span.oszrsor {
    width: 100%;
    display: inline-block;
    }      
  }
@media screen and (max-width: 640px) {
  #felhasznalok .fh_cim {
    display: none;
    }
  #cegek {
    width: 100%;
    }
  #cegek .cg_szekhely {
    display: none;
    }   
  #cegek .cg_rovidnev {
    width: 30%;
    }  
  #cegek .cg_teljesnev {
    width: calc( 65% - 50px );
    }  
  #kiirasok .cg_teljesnev {
    display: none;
    }     
  table#projektek .pr_palyazat_azon {
    display: none;    
    }  
           
  }
@media screen and (max-width: 570px) {
  .hir span.na_felelos {
    display: inline-block;
    width: calc( 100% - 170px );
    }  
  .hir span.na_irodainaptar {
    display: inline-block;
    width: calc( 100% - 120px );
    }    
  }
@media screen and (max-width: 480px) {
  #felhasznalok .fh_email {
    display: none;
    }
 .sf-menu a {
    width: 100%;
    }
  #menu li {
    width: 100%;
    }
  #header-inner {
    height: 64px;
    }
  #site-name,
  #felhfej {
    float: none;
    width: 100%;
    text-align: center;
    }  
  #felhfej {
    line-height: 24px;
    }   
  #allapotok .al_sorrend,
  #allapotok .al_aktiv,
  #allapotok .al_szin,
  #cegek .cg_rovidnev,
  #kiirasok .ki_kod {
    display: none;
    }  
  #mukforma .mf_aktiv,
  #mukforma .mf_sorrend {
    display: none;
    }  
  table#projektek .pr_cime,
  table#projektek .cg_teljesnev {
    display: none;  
    }    
  table#projektek .pr_ugyf_proj {
    display: table-cell;  
    }
  .hir span.pr_palyazat_azon,
  .hir span.na_datum,
  .hir span.na_merfolko,
  .hir span.na_osszeg,
  .hir span.pr_ugyf,
  .hir span.pr_azon {
    width: 100%;
    display: block;
    }
  .hir span.pr_palyazat_azon {
    width: 100%;
    display: block;
    }  
  .hir span.pr_palyazat_azon label {
    width: 60px;
    }  
  .hir span.pr_palyazat_azon input {
    width: calc( 100% - 60px );
    }   
  #osszerend .cg_teljesnev {
    display: none;
    }  
  }
/* top gomb */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99; 
  outline: none; 
  color: white;
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  background: #ff1a00;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff1a00 0%, #ff1a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1a00), color-stop(100%,#ff1a00));
  background: -webkit-linear-gradient(top,  #ff1a00 0%,#ff1a00 100%);
  background: -o-linear-gradient(top,  #ff1a00 0%,#ff1a00 100%);
  background: -ms-linear-gradient(top,  #ff1a00 0%,#ff1a00 100%);
  background: linear-gradient(to bottom,  #ff1a00 0%,#ff1a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
#myBtn:hover {
  background: #f2825b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyODI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1NWIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDcxNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f2825b 0%, #e55b2b 50%, #f07146 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(50%,#e55b2b), color-stop(100%,#f07146));
  background: -webkit-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%);
  background: -o-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%);
  background: -ms-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%);
  background: linear-gradient(to bottom,  #f2825b 0%,#e55b2b 50%,#f07146 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );
  } 
/**** www.CSScheckbox.com *********/
/*general styles for all CSS Checkboxes*/
label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height:1px;
  width:1px;
  margin:-1px;
  padding:0;
  border:0;
  }
input[type=checkbox].css-checkbox + label.css-label {
  padding-left:20px;
  height:15px; 
  display:inline-block;
  line-height:15px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:15px;
  vertical-align:middle;
  cursor:pointer;
  }
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -15px;
  }
input[type=checkbox].css-checkbox + label.css-label.right {
  padding-left:0px;
  padding-right:20px;
  height:15px; 
  display:inline-block;
  line-height:15px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:15px;
  vertical-align:middle;
  cursor:pointer;
   }
input[type=checkbox].css-checkbox:checked + label.css-label.right {
  background-position: 0 -15px;  /* 0 -15px; */
  }
input[type=checkbox].css-checkbox.med + label.css-label.med {
  padding-left:22px;
  margin: 3px;
  height:17px;
  display:inline-block;
  line-height:17px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align:middle;
  cursor:pointer;
  }
input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
  background-position: 0 -17px;
  }
input[type=checkbox].css-checkbox.med + label.css-label.med.right {
  padding-left:0;
  padding-right: 22px;
  height:17px; 
  display:inline-block;
  line-height:17px;
  background-repeat:no-repeat;
  background-position: right 0;
  font-size:15px;
  vertical-align:middle;
  cursor:pointer;
  }
input[type=checkbox].css-checkbox.med:checked + label.css-label.med.right {
  background-position: right -17px; /*  0 -17px; */
  }
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
  padding-right:22px;
  height:16px; 
  display:inline-block;
  line-height:16px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:15px;
  vertical-align:middle;
  cursor:pointer;
  }
input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{
  background-position: 0 -16px; /* 0 -16px; */
  }
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
  padding-right:22px;
  height:20px; 
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:15px;
  vertical-align:middle;
  cursor:pointer;
  }
input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{
  background-position: 0 -20px; /* 0 -20px; */
  } 
.css-label{
  background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
  }
/*specific classes related to Checkbox skins*/
.lite-green-check{background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);}
.lite-blue-check{background-image:url(http://csscheckbox.com/checkboxes/lite-blue-check.png);}
.lite-gray-check{background-image:url(http://csscheckbox.com/checkboxes/lite-gray-check.png);}
.lite-cyan-check{background-image:url(http://csscheckbox.com/checkboxes/lite-cyan-check.png);}
.lite-orange-check{background-image:url(http://csscheckbox.com/checkboxes/lite-orange-check.png);}
.lite-red-check{background-image:url(http://csscheckbox.com/checkboxes/lite-red-check.png);}

.lite-x-cyan{background-image:url(http://csscheckbox.com/checkboxes/lite-x-cyan.png);}
.lite-x-gray{background-image:url(http://csscheckbox.com/checkboxes/lite-x-gray.png);}
.lite-x-blue{background-image:url(http://csscheckbox.com/checkboxes/lite-x-blue.png);}
.lite-x-orange{background-image:url(http://csscheckbox.com/checkboxes/lite-x-orange.png);}
.lite-x-red{background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png);}
.lite-x-green{background-image:url(http://csscheckbox.com/checkboxes/lite-x-green.png);}

.mac-style{background-image:url(http://csscheckbox.com/checkboxes/mac-style.png);}
.mario-style{background-image:url(http://csscheckbox.com/checkboxes/mario-style.png);}
.alert-style{background-image:url(http://csscheckbox.com/checkboxes/alert-style.png);}
.lite-plus{background-image:url(http://csscheckbox.com/checkboxes/lite-plus.png);}
.dark-plus{background-image:url(http://csscheckbox.com/checkboxes/dark-plus.png);}
.dark-plus-cyan{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-cyan.png);}
.dark-plus-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-plus-orange.png);}
.dark-check-cyan{background-image:url(http://csscheckbox.com/checkboxes/dark-check-cyan.png);}
.dark-check-green{background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);}
.dark-check-orange{background-image:url(http://csscheckbox.com/checkboxes/dark-check-orange.png);}


.depressed-lite-small{background-image:url(http://csscheckbox.com/checkboxes/depressed-lite-small.png);}
.elegant{background-image:url(http://csscheckbox.com/checkboxes/elegant.png);}
.depressed{background-image:url(http://csscheckbox.com/checkboxes/depressed.png);}
.chrome-style{background-image:url(http://csscheckbox.com/checkboxes/chrome-style.png);}
.web-two-style{background-image:url(http://csscheckbox.com/checkboxes/web-two-style.png);}
.vlad{background-image:url(http://csscheckbox.com/checkboxes/vlad.png);}
.klaus{background-image:url(http://csscheckbox.com/checkboxes/klaus.png);}  

a.naplo_gomb {
  padding: 3px 8px 3px 8px;
  margin-left: 10px;
  }