body{font-size:12px;font-family:Verdana;} /*text-align:center;*/
#kezdolap{background-image: url('../css/nyito_001.jpg'); background-repeat: no-repeat; background-position: center;background-size: cover;background-attachment: fixed;}

/* Specifikációk */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* Specifikációk */

input{border: 1px solid #ccc;}
table{empty-cells:show;}
table th{background-color:#FFFFFF;font-weight:bold;font-size:12px;text-align:left;}
table.border td{font-size:12px;padding:3px;border:1px solid #DEDEDE;}
table.hover tr:hover{background-color:#DEDEDE;}
table tr.hover:hover{background-color:#DEDEDE;}
.torzs-div{width:600px;padding:10px;border:1px solid #DEDEDE;margin:5px 0px;}
a{color:blue;text-decoration:none;font-weight:bold;cursor:pointer;}
p{margin-left:0px;padding-left:0px;font-size:14px;}
.cb{clear:both;}
.fej{font-weight:bold;border:1px solid #DEDEDE;}
.sor{border:1px solid #DEDEDE;}
.centered{text-align:center;}
.red{color:red;}
#ur1{font-size:22px;font-weight:bold;}
#loginblock{width:500px;text-align:center;
            margin:0 auto;margin-top:140px;padding:20px 10px; 
            border: 1px solid #DEDEDE;
            box-shadow: 10px 10px 5px #888888;
            background-color:#F3F3F3;}
.fs16{font-size:16px;}          
.nobor{border:0px;}  

ul#ulVerzio{list-style-type:none;margin:30px 0px 10px 20px;padding:0px;}
ul#ulVerzio li.verTitle{font-size:14px;list-style-type:none;padding:4px 0px;font-weight:bold;}
ul#ulVerzio li.verSubTitleSor{font-size:12px;list-style-type:none;padding:2px;line-height:18px;}
ul#ulVerzio li.verSubTitleDatum{font-size:12px;list-style-type:none;padding:3px;font-weight:bold;}
ul#ulVerzio li.verTitle span{font-size:12px;font-weight:normal;}
ul.verSub{list-style-type:none;margin:10px 0px 10px 40px;padding:0px;}
ul#ulVerzio li.verSubTitle{font-size:12px;list-style-type:none;padding:4px 0px;}

table td{font-size:12px;}
table td.nb-t{border-top:0px;}
table td.nb-r{border-right:0px;}
table td.nb-b{border-bottom:0px;}
table td.nb-l{border-left:0px;}
table td.nb{border:0px;}
table.lista td{border:1px solid #E0E0E0;}
table#ber_lista_1 td{font-size:10px;}
table.halvany td{border:1px solid #E8E8E8;}
table tr.athuzott td{text-decoration:line-through;}
.nowrap{white-space:nowrap;}
img.w15{width:15px;}
img.w20{width:20px;}
img.w25{width:25px;}
img.w30{width:30px;}

table td.border{border:1px solid #DEDEDE;}
#usernev,#jelszo{width:180px;}
a,a:active,a:hover,a:active,a:visited{font-weight:bold;text-decoration:none;color:blue;}
a.kek, a.kek:active, a.kek:hover, a.kek:visited{font-weight:bold;text-decoration:none;color:blue;}
.cb{clear:both;}
.fej{font-weight:bold;border:1px solid black;}
.sor{border:1px solid gray;}
.centered{text-align:center;}
.stronged{font-weight:bold;}
.right{text-align:right;}
.hidden{display:none;}
.fright{float:right;}
.fleft{float:left;}
#workarea h2{margin-top:5px;}
h2#header{font-size:20px;border-bottom:2px solid #DEDEDE;padding-bottom:5px;margin-top:20px;margin-left:15px;margin-right:20px;}
h2#ik-header{border-bottom: 2px solid #DEDEDE;margin-bottom:5px; font-size:18px; padding-bottom:4px;}
div#header{position:sticky;position: -webkit-sticky;top:0px;background-color:#FFFFFF;}

#leftside{float:left;width:220px;margin-left:10px;margin-right:10px;}
#rightside{text-align:left;font-size:12px;margin-left:15px;margin-right:20px;}
span#verzio{float:right;margin-right:5px;color:#8D8D8D;}
span#verzio a{text-decoration:none;color:#8D8D8D;}
span#verziodatum{font-size:8px;}
div#belepve{margin:3px 20px 10px 15px;}
#workarea{padding:5px 10px 5px 10px;margin-bottom:20px;text-align:left;}
span#welcome{font-weight:bold;color:red;}
span#cegvalaszt{margin-left:50px;}
#headerinfo{border:1px solid #FAFAFA;height:80px;display:block;padding:5px;margin-bottom:10px;position:relative;}
#headerinfo h3{margin:5px 0px 5px 0px;}
#headerinfo .submenu-link{margin-top:4px;display:inline-block;}


/*border-bottom:1px solid #DEDEDE;*/

#admin_modulok_modbox{border:2px solid #DEDEDE;background:#FFFFFF;width:400px;padding:20px 15px;position:absolute;top:0px;left:0px;}
#admin_modulok_modbox h4{font-size:14px;}
#admin_modulok_modbox table td{font-size:12px;}

#menu {
	text-align:left;
	margin:0px 2px 0px 2px;
}
#menu ul{background-color:#bee5fe;height:27px;border-bottom:2px solid #000000;padding:0px;margin:3px 0px;}
#menu li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li{float:left;margin:1px 0px;border:1px solid #B5B5B5;}
#menu li#logout, li#bug{float:right;}
#menu li a{padding:3px 0px;background-color:#bee5fe;color:#000000;}
#menu li a:hover, #menu li a.active{background-color:#003f5f;color:#FFFFFF;}

#menu li a,
#menu li a:link,
#menu li a:visited {
	text-decoration: none;
	display:block;
	cursor: pointer;
	margin: 0px;
	padding: 5px 10px;
	/*height: 20px;*/
	text-align: left;
	font-weight: bold;
}
#menu ul.submenuactive{background-color:#FFFFFF;height:27px;margin-top:2px;border-bottom:0px;}
#menu ul.submenuactive li{padding-left:0px;}
#menu ul.submenu{border-bottom:0px;background-color:#FFFFFF;}
#menu ul#submenu{margin:0px;}
#menu ul.submenu li{background-color:#FFF0B5;}
#menu ul.submenu li a{background-color:#bee5fe;color:#000000;}
#menu ul.submenu li a.active, #menu ul.submenu li a:hover{background-color:#003f5f;color:#FFFFFF;}
#menu ul li a.redmenu{background-color:red;color:#FFFFFF;}

ul,li{list-style-type:none;}
ul{margin:0px; padding:0px;}


input.number{text-align:right;}

.storno_bg{background-color:#ffbcd1;}

.penztar_kmod{border-bottom:4px solid red;}
.penztar_kmod_valaszto{display:inline-block;padding:5px 20px;list-style-type:none;}
/*   --------------------------------------------- */

/* torzs tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	/*width: 100%;*/
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	padding-right:20px;
}
table.tablesorter thead tr .header {
	background-image: url(images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
img.modify_icon{width:20px;}
/* tablesorter */


/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

/*
.tabs li{display:inline;}
 
.tabs li a{
    cursor: pointer;
    padding:10px 13px 10px 12px;
    border:1px solid #cccccc;
    font-size:13px;
    color:#666666;
    font-weight:400;
    text-transform:uppercase;
}
 
.tabs .tab-current
{
padding: 25px 13px 12px 12px;
border-bottom:0px;
background:#ffffff;
font-weight:bold;
color:#000000;
}
 
.tabsContent{
border:1px solid #cccccc;
-moz-box-shadow: 3px 3px 5px #cccccc;
-webkit-box-shadow: 3px 3px 5px #cccccc;
box-shadow: 3px 3px 5px #cccccc;
background:#ffffff;
padding:20px 20px 20px 20px;
display:none;
}
 
ul.tabs
{
margin: 0 0 11px 0px;
padding:0px;
}
*/

/*Firefox hack*/
@-moz-document url-prefix(){
    ul.tabs{margin: 0 0 10px 0px;}
}
/* dolgozó tábla, tab */

/*date picker*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	/*width: 140px;*/
	float: left;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 185px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 120px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 120px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/*date picker*/

ul.modul-menu{list-style-type:none;margin:0px;padding:0px;}
ul.modul-menu li{display:inline;padding:0px;margin:0px;}
ul.modul-menu li a{padding:3px 4px;}

table.banklista td{border:1px solid #F2F2F2;font-size:11px;}
table.banklista{margin-bottom:20px;}

/* dropline menu */
#nav {list-style:none;height:3.8em;position:relative;line-height:1.4em;}
#nav li {float:left;text-align:center;}
#nav a {height:1.5em;display:block;text-decoration:none;color:#000;background:#999;}
#nav a:active, #nav a:focus, #nav a:hover {background:#777;}
/* --------- Sub Nav --------- */
#nav li.current ul {left:0;}
#nav ul {position:absolute;left:-999px;list-style:none;}
#nav ul li {width:auto;margin:0 15px 0 0;}
#nav ul a {padding:0 8px;}
#nav li:active ul, #nav li:hover ul { left:0;background:#fff;}
/* dropline menu */

/*nyilak kiválasztáshoz*/
img.imgmod{width:20px;}
div.menuover{position:absolute;top:95px;height:60px;z-index:197;display:none;width:100%;
    background-color:#FFFFFF;
    opacity: .50; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: .50; /* Safari 1.x */
    -moz-opacity: .50; /* FF lt 1.5, Netscape */}


/* naptár */
table.naptar {border-collapse:collapse;border:1px #009 solid;font-size:12px;z-index:901;}
table.naptar th{padding:3px 0px;}
table.naptar td.currentDay {background:#FFC;color:red;font-weight:bold;border:2px solid #000000;}
table.naptar td {vertical-align:top;text-align:center;width:30px;height:40px;}
table.naptar td.days:hover {background:#9F0;border-color:#000;cursor:pointer;}
table.naptar td.day6 {background:#FFDEDE;}
table.naptar td.day7 {background:#FFDEDE;}
table.naptar td.pihenonap {background:#FFDEDE;}
table.naptar td.fizetett_unnep {background:#C2D5FF;}
table.naptar td.monthName {text-align:left;vertical-align:middle;}
table.naptar td.monthName div {padding-left:5px;padding-right:3px;}
#naptar_box{position:relative;}
#naptar_dialog{
    position:absolute;
    left:50%;
    top:50%;
    border:2px solid #DEDEDE;
    padding:5px 10px 30px 10px;
    z-index:1001;
    width:600px;
    margin-left:-300px;
    background-color:#FFFFFF;
}
#naptar_dialog h4{font-size:16px;margin-top:10px;}

table.keres_tabla, tr.keres_tr, td.keres_td{
	table-layout: fixed;
}
table.keres_tabla{
	width: 800px;
}
td.keres_td{
	width: 400px;
	padding: 10px;
}
label.keres_label{
	font-weight: bold;
}