@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Regular.woff2?h=5pdnok78yhtzr4dvj2jktz02h") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Regular.ttf?h=51tgi9z8z3dxcupdh1njpclxc") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Light.woff2?h=-4lc72cwldw2zohiz0fcxjirzp") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Light.ttf?h=67kh3tx2a1lntj9172vgloi13") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Bold.woff2?h=6uq0s81j1mpa3jsalamzoixym") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Bold.ttf?h=68q0p0h5w5h22sj5behotujim") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Italic.woff2?h=xt7wta4l5svlrvwi5ge0v3s") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-Italic.ttf?h=rvmryebexqcwd8wfmeksc03w") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-LightItalic.woff2?h=-6nnc163a08cpt1l116jmej0o2") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-LightItalic.ttf?h=-4tizfskbq1bu9qmybi5y0d0d7") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/bga/jakarta.faces.resource/bgaFont/OpenSans-BoldItalic.woff2?h=5ct21zxd7u2r4h4a2o8bi6nxt") format('woff2'),
       url("/bga/jakarta.faces.resource/bgaFont/OpenSans-BoldItalic.ttf?h=5antt5mw0tpifecjf1ieuj6kq") format('truetype');
}

:root {
  --bga-color-primary: #5bb75b;
  --bga-color-primary-active: #408140;
  --bga-color-primary-gradient-start: #62c462;
  --bga-color-primary-gradient-end: #51a351;
  --bga-color-primary-dark: #457b3b;
  --bga-color-primary-active-dark: #258c11;
  --bga-color-primary-gradient-start-dark: #2f9919;
  --bga-color-primary-gradient-end-dark: #29811a;
  --bga-color-primary-border: #468847;
  --bga-color-primary-emphasis: #7ACD64;
  --bga-color-info: #49afcd;
  --bga-color-info-active: #24748c;
  --bga-color-info-gradient-start: #5bc0de;
  --bga-color-info-gradient-end: #2f96b4;
  --bga-color-warning: #faa732;
  --bga-color-warning-active: #c67605;
  --bga-color-warning-gradient-start: #fbb450;
  --bga-color-warning-gradient-end: #f89406;
  --bga-color-danger: #da4f49;
  --bga-color-danger-active: #942a25;
  --bga-color-danger-gradient-start: #ee5f5b;
  --bga-color-danger-gradient-end: #bd362f;
  --bga-color-background-light: #ffffff;
  --bga-color-background-dark: #000000;
  --bga-color-text-light: #ffffff;
  --bga-color-text-dark: #000000;
  --bga-color-background: var(--bga-color-background-light);
  --bga-color-text: var(--bga-color-text-dark);
  --text-color: var(--bga-color-text-dark);
}

.ubrUrlap, .ubrXhtmlUrlap {
  --ubr-color-title-text: #41289a;
  --ubr-color-title-border: #d2d6eb;
  --ubr-color-error-text: #ff0000ff;
  --ubr-color-error-border: #cd0a0a;
  --ubr-color-error-background: #ffcdd2;
  --ubr-color-error-background-input: #edd5db;
  --ubr-color-warning-text: #b44800;
  --ubr-color-warning-border: #b4b403ff;
  --ubr-color-warning-background: #f3f376ff;
  --ubr-color-warning-background-input: #fafadaff;
}

body {
    font-size: 12px;
    background-color: var(--bga-color-background);
    background-image: url("/bga/jakarta.faces.resource/img/body_bg.png?h=-2oidfpsjt5lgto7fifkjgnvzu");
    background-repeat: repeat-x;
    font-family: 'Open Sans', sans-serif;
    background-position: 0 215px;
    text-rendering: optimizeLegibility;
}

.bgaLogo {
    height: 80px;
    float: right;
    margin-left: -30px;
    margin-top: -15px;
}

#logoutForm {
    margin-top: -15px;
}

.span-fel {
    width: 15px;
}

.span-25 {width:990px;}
.span-26 {width:1030px;}
.span-27 {width:1070px;}
.span-28 {width:1110px;}
.span-29 {width:1150px;}
.span-30 {width:1190px;}
.span-31 {width:1230px;}
.span-32 {width:1270px;}
.span-33 {width:1310px;}
.span-34 {width:1350px;}
.span-35 {width:1390px;}
.span-36 {width:1430px;}

.span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36 {
  float:left;
  margin-right:10px;
}

.ubrXhtmlUrlap {
  display: flex;
  flex-direction: column;
}

@media screen {
  .ubrUrlap .grid,
  .ubrXhtmlUrlap .grid {
    display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-gap: 10px 14px;
  }

  .grid.no-gap {
    grid-gap: 0 !important;
  }

  .grid.grid-dense {
    grid-auto-flow: row dense !important;
  }

  .grid .ubrMezo {
    padding: 0 !important;
  }

  .ubrUrlap .grid + .grid,
  .ubrXhtmlUrlap .grid + .grid {
    margin-top: 25px;
  }

  .grid > .col-start-1 { grid-column-start: 1 !important; }
  .grid > .col-start-2 { grid-column-start: 2 !important; }
  .grid > .col-start-3 { grid-column-start: 3 !important; }
  .grid > .col-start-4 { grid-column-start: 4 !important; }
  .grid > .col-start-5 { grid-column-start: 5 !important; }
  .grid > .col-start-6 { grid-column-start: 6 !important; }
  .grid > .col-start-7 { grid-column-start: 7 !important; }
  .grid > .col-start-8 { grid-column-start: 8 !important; }
  .grid > .col-start-9 { grid-column-start: 9 !important; }
  .grid > .col-start-10 { grid-column-start: 10 !important; }
  .grid > .col-start-11 { grid-column-start: 11 !important; }
  .grid > .col-start-12 { grid-column-start: 12 !important; }
  .grid > .col-start-13 { grid-column-start: 13 !important; }
  .grid > .col-start-14 { grid-column-start: 14 !important; }
  .grid > .col-start-15 { grid-column-start: 15 !important; }
  .grid > .col-start-16 { grid-column-start: 16 !important; }
  .grid > .col-start-17 { grid-column-start: 17 !important; }
  .grid > .col-start-18 { grid-column-start: 18 !important; }
  .grid > .col-start-19 { grid-column-start: 19 !important; }
  .grid > .col-start-20 { grid-column-start: 20 !important; }
  .grid > .col-start-21 { grid-column-start: 21 !important; }
  .grid > .col-start-22 { grid-column-start: 22 !important; }
  .grid > .col-start-23 { grid-column-start: 23 !important; }
  .grid > .col-start-24 { grid-column-start: 24 !important; }

  .grid > .col-end-1 { grid-column-end: 2 !important; }
  .grid > .col-end-2 { grid-column-end: 3 !important; }
  .grid > .col-end-3 { grid-column-end: 4 !important; }
  .grid > .col-end-4 { grid-column-end: 5 !important; }
  .grid > .col-end-5 { grid-column-end: 6 !important; }
  .grid > .col-end-6 { grid-column-end: 7 !important; }
  .grid > .col-end-7 { grid-column-end: 8 !important; }
  .grid > .col-end-8 { grid-column-end: 9 !important; }
  .grid > .col-end-9 { grid-column-end: 10 !important; }
  .grid > .col-end-10 { grid-column-end: 11 !important; }
  .grid > .col-end-11 { grid-column-end: 12 !important; }
  .grid > .col-end-12 { grid-column-end: 13 !important; }
  .grid > .col-end-13 { grid-column-end: 14 !important; }
  .grid > .col-end-14 { grid-column-end: 15 !important; }
  .grid > .col-end-15 { grid-column-end: 16 !important; }
  .grid > .col-end-16 { grid-column-end: 17 !important; }
  .grid > .col-end-17 { grid-column-end: 18 !important; }
  .grid > .col-end-18 { grid-column-end: 19 !important; }
  .grid > .col-end-19 { grid-column-end: 20 !important; }
  .grid > .col-end-20 { grid-column-end: 21 !important; }
  .grid > .col-end-21 { grid-column-end: 22 !important; }
  .grid > .col-end-22 { grid-column-end: 23 !important; }
  .grid > .col-end-23 { grid-column-end: 24 !important; }
  .grid > .col-end-24 { grid-column-end: 25 !important; }
}

@media screen and (max-width: 979px) {
  .ubrUrlap .span-1 { width: 100%; }
  .ubrUrlap .span-2 { width: 100%; }
  .ubrUrlap .span-3 { width: 100%; }
  .ubrUrlap .span-4 { width: 100%; }
  .ubrUrlap .span-5 { width: 100%; }
  .ubrUrlap .span-6 { width: 100%; }
  .ubrUrlap .span-7 { width: 100%; }
  .ubrUrlap .span-8 { width: 100%; }
  .ubrUrlap .span-9 { width: 100%; }
  .ubrUrlap .span-10 { width: 100%; }
  .ubrUrlap .span-11 { width: 100%; }
  .ubrUrlap .span-12 { width: 100%; }
  .ubrUrlap .span-13 { width: 100%; }
  .ubrUrlap .span-14 { width: 100%; }
  .ubrUrlap .span-15 { width: 100%; }
  .ubrUrlap .span-16 { width: 100%; }
  .ubrUrlap .span-17 { width: 100%; }
  .ubrUrlap .span-18 { width: 100%; }
  .ubrUrlap .span-19 { width: 100%; }
  .ubrUrlap .span-20 { width: 100%; }
  .ubrUrlap .span-21 { width: 100%; }
  .ubrUrlap .span-22 { width: 100%; }
  .ubrUrlap .span-23 { width: 100%; }
  .ubrUrlap .span-24 { width: 100%; }

  .ubrUrlap .grid > .span-1 { grid-column: span 24; }
  .ubrUrlap .grid > .span-2 { grid-column: span 24; }
  .ubrUrlap .grid > .span-3 { grid-column: span 24; }
  .ubrUrlap .grid > .span-4 { grid-column: span 24; }
  .ubrUrlap .grid > .span-5 { grid-column: span 24; }
  .ubrUrlap .grid > .span-6 { grid-column: span 24; }
  .ubrUrlap .grid > .span-7 { grid-column: span 24; }
  .ubrUrlap .grid > .span-8 { grid-column: span 24; }
  .ubrUrlap .grid > .span-9 { grid-column: span 24; }
  .ubrUrlap .grid > .span-10 { grid-column: span 24; }
  .ubrUrlap .grid > .span-11 { grid-column: span 24; }
  .ubrUrlap .grid > .span-12 { grid-column: span 24; }
  .ubrUrlap .grid > .span-13 { grid-column: span 24; }
  .ubrUrlap .grid > .span-14 { grid-column: span 24; }
  .ubrUrlap .grid > .span-15 { grid-column: span 24; }
  .ubrUrlap .grid > .span-16 { grid-column: span 24; }
  .ubrUrlap .grid > .span-17 { grid-column: span 24; }
  .ubrUrlap .grid > .span-18 { grid-column: span 24; }
  .ubrUrlap .grid > .span-19 { grid-column: span 24; }
  .ubrUrlap .grid > .span-20 { grid-column: span 24; }
  .ubrUrlap .grid > .span-21 { grid-column: span 24; }
  .ubrUrlap .grid > .span-22 { grid-column: span 24; }
  .ubrUrlap .grid > .span-23 { grid-column: span 24; }
  .ubrUrlap .grid > .span-24 { grid-column: span 24; }

  .grid > .col-start-1,
  .grid > .col-start-2,
  .grid > .col-start-3,
  .grid > .col-start-4,
  .grid > .col-start-5,
  .grid > .col-start-6,
  .grid > .col-start-7,
  .grid > .col-start-8,
  .grid > .col-start-9,
  .grid > .col-start-10,
  .grid > .col-start-11,
  .grid > .col-start-12,
  .grid > .col-start-13,
  .grid > .col-start-14,
  .grid > .col-start-15,
  .grid > .col-start-16,
  .grid > .col-start-17,
  .grid > .col-start-18,
  .grid > .col-start-19,
  .grid > .col-start-20,
  .grid > .col-start-21,
  .grid > .col-start-22,
  .grid > .col-start-23,
  .grid > .col-start-24 { grid-column-start: 1 !important; }

  .grid > .col-end-1,
  .grid > .col-end-2,
  .grid > .col-end-3,
  .grid > .col-end-4,
  .grid > .col-end-5,
  .grid > .col-end-6,
  .grid > .col-end-7,
  .grid > .col-end-8,
  .grid > .col-end-9,
  .grid > .col-end-10,
  .grid > .col-end-11,
  .grid > .col-end-12,
  .grid > .col-end-13,
  .grid > .col-end-14,
  .grid > .col-end-15,
  .grid > .col-end-16,
  .grid > .col-end-17,
  .grid > .col-end-18,
  .grid > .col-end-19,
  .grid > .col-end-20,
  .grid > .col-end-21,
  .grid > .col-end-22,
  .grid > .col-end-23,
  .grid > .col-end-24 { grid-column-end: 25 !important; }

  /* grideken belüli ordert tudunk állítani */
  .ubrUrlap .grid > .grid-order-0 { order: 0; }
  .ubrUrlap .grid > .grid-order-1 { order: 1; }
  .ubrUrlap .grid > .grid-order-2 { order: 2; }
  .ubrUrlap .grid > .grid-order-3 { order: 3; }
  .ubrUrlap .grid > .grid-order-4 { order: 4; }
  .ubrUrlap .grid > .grid-order-5 { order: 5; }
  .ubrUrlap .grid > .grid-order-6 { order: 6; }
  .ubrUrlap .grid > .grid-order-7 { order: 7; }
  .ubrUrlap .grid > .grid-order-8 { order: 8; }
  .ubrUrlap .grid > .grid-order-9 { order: 9; }
  .ubrUrlap .grid > .grid-order-10 { order: 10; }
  .ubrUrlap .grid > .grid-order-11 { order: 11; }
  .ubrUrlap .grid > .grid-order-12 { order: 12; }
  .ubrUrlap .grid > .grid-order-13 { order: 13; }
  .ubrUrlap .grid > .grid-order-14 { order: 14; }
  .ubrUrlap .grid > .grid-order-15 { order: 15; }
  .ubrUrlap .grid > .grid-order-16 { order: 16; }
  .ubrUrlap .grid > .grid-order-17 { order: 17; }
  .ubrUrlap .grid > .grid-order-18 { order: 18; }
  .ubrUrlap .grid > .grid-order-19 { order: 19; }
  .ubrUrlap .grid > .grid-order-20 { order: 20; }
  .ubrUrlap .grid > .grid-order-21 { order: 21; }
  .ubrUrlap .grid > .grid-order-22 { order: 22; }
  .ubrUrlap .grid > .grid-order-23 { order: 23; }
  .ubrUrlap .grid > .grid-order-24 { order: 24; }
  .ubrUrlap .grid > .grid-order-25 { order: 25; }
  .ubrUrlap .grid > .grid-order-26 { order: 26; }
  .ubrUrlap .grid > .grid-order-27 { order: 27; }
}

@media only screen and (min-width: 980px) {
  .ubrUrlap .grid > .span-1 { width: 100%; grid-column: span 1; }
  .ubrUrlap .grid > .span-2 { width: 100%; grid-column: span 2; }
  .ubrUrlap .grid > .span-3 { width: 100%; grid-column: span 3; }
  .ubrUrlap .grid > .span-4 { width: 100%; grid-column: span 4; }
  .ubrUrlap .grid > .span-5 { width: 100%; grid-column: span 5; }
  .ubrUrlap .grid > .span-6 { width: 100%; grid-column: span 6; }
  .ubrUrlap .grid > .span-7 { width: 100%; grid-column: span 7; }
  .ubrUrlap .grid > .span-8 { width: 100%; grid-column: span 8; }
  .ubrUrlap .grid > .span-9 { width: 100%; grid-column: span 9; }
  .ubrUrlap .grid > .span-10 { width: 100%; grid-column: span 10; }
  .ubrUrlap .grid > .span-11 { width: 100%; grid-column: span 11; }
  .ubrUrlap .grid > .span-12 { width: 100%; grid-column: span 12; }
  .ubrUrlap .grid > .span-13 { width: 100%; grid-column: span 13; }
  .ubrUrlap .grid > .span-14 { width: 100%; grid-column: span 14; }
  .ubrUrlap .grid > .span-15 { width: 100%; grid-column: span 15; }
  .ubrUrlap .grid > .span-16 { width: 100%; grid-column: span 16; }
  .ubrUrlap .grid > .span-17 { width: 100%; grid-column: span 17; }
  .ubrUrlap .grid > .span-18 { width: 100%; grid-column: span 18; }
  .ubrUrlap .grid > .span-19 { width: 100%; grid-column: span 19; }
  .ubrUrlap .grid > .span-20 { width: 100%; grid-column: span 20; }
  .ubrUrlap .grid > .span-21 { width: 100%; grid-column: span 21; }
  .ubrUrlap .grid > .span-22 { width: 100%; grid-column: span 22; }
  .ubrUrlap .grid > .span-23 { width: 100%; grid-column: span 23; }
  .ubrUrlap .grid > .span-24 { width: 100%; grid-column: span 24; }
}

.prepend-fel {
    padding-left:15px;
}

.column, .span-fel {
    float:left;
}

h1 {
   font-size: 36px;
   font-weight: normal;
   font-variant: small-caps;
}

h2 {
    margin-top: 48px;
    font-size: 24px;
    font-weight: normal;
}

h3 {
    font-size: 18px;
    font-weight: normal;
}

h4 {
    font-size: 15px;
    font-weight: normal;
}

.bg {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 215px;
  z-index: -1;
  background: url("/bga/jakarta.faces.resource/img/2.jpg?h=-73wlrk3tye1v2kbxdniy1d5cw") no-repeat;
  margin: 0 auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'img/2.jpg', sizingMethod = scale);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'img/2.jpg', sizingMethod = scale)";
}

.ui-menu.ui-menubar {
    font-size: 15px;
    padding-left: 0;
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

#belepesLink{
	display: none;
}

.ui-messages a {
  color: inherit !important;
}

.magyarazatLabel {
	margin-bottom:20px;
}

.ui-datatable-tablewrapper,
.ui-treetable {
   overflow: visible;
}

.ui-datatable table,
.ui-treetable table {
    table-layout: auto;
}

.ui-datatable tbody tr td,
.ui-treetable tbody tr td {
	white-space: normal;
}

.ui-datatable-odd,
.ui-treetable tr:nth-child(odd) {
	background: #e4f5e0;
}

.ui-datatable-even,
.ui-treetable tr:nth-child(even) {
	background: var(--bga-color-background);
}

.datalist-noborder .ui-widget-content {
    border: none;
}

.sun-editor .sun-editor-editable table.table-layout-fixed,
table.table-layout-fixed {
  table-layout: fixed !important;
}

.adataktualizalasi-treetable {
  overflow: auto;
}

.adataktualizalasi-treetable.ui-treetable thead th,
.adataktualizalasi-treetable.ui-treetable tbody td,
.adataktualizalasi-treetable.ui-treetable tfoot td {
   white-space: normal;
}

.adataktualizalasi-treetable .ui-treetable-indent {
  display: none;
}

.ui-fileupload-content.ui-widget-content {
  background: inherit;
}

body div.container {
	background: rgba(255,255,255,0.9);
	width: 1000px;
	padding: 43px 30px 30px 45px;
	margin-top: 30px;
	border-radius: 6px;
	-webkit-box-shadow: 0 10px 70px 0 rgba(0, 0, 0, 0.55);
	   -moz-box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.55);
	        box-shadow: 0 10px 70px 0 rgba(0, 0, 0, 0.55);
}

div .mainHeader h1{
	margin: 15px 0 0 0;
	color: #222;
	font-size: 27px;
}

.small {
  font-size: 13px;
}

.x-small {
  font-size: 11px;
}

.ubrMezo.top-up-2 {
  margin-top: -10px;
  padding-top: 0;
}

/* links */
a,
a:visited,
a:hover,
a:focus,
.ui-widget-content a,
.ui-accordion .ui-accordion-header.ui-state-default {
  color: #299a0b;
  font-weight: bolder;
}

input, textarea, select {
  padding: 4px 5px;
}

.ui-icon-alert.icon-white {
  background-image: url("/bga/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-bootstrap&v=15.0.5&e=15.0.5&h=336vrc54n41t6drftg9f1t709");
}

/* Layout */

blockquote {
    font-style: italic;
    font-size: 12px;
    border-left: 5px solid #ccc;
    margin-left: 0;
    padding-left: 20px;
}

/* Main layout */
div.container {
  width: 970px;
  margin: 0 auto;
}

.mainHeader {
  height: 100px;
  width: 100%;
  float: left;
}

.mainHeader h1 {
  margin: 30px 0 0 80px ;
}

.ui-menuitem-text {
  margin: 0 0.4em;
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
  width: 21em;
}

.ui-menubar-options .ui-button-text-icon-left .ui-button-text {
  padding: .1em 1em .1em 2.1em;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', sans-serif;
}

.ui-button.ui-button-icon-only {
  margin-bottom: 0;
}

table.ui-panelgrid.ui-widget {
  border: 1px solid #dddddd;
  width: 100%;
  border-collapse: separate;
}

.ui-panelgrid.ui-widget tr {
  border-width: 0;
}

.ui-panelgrid.ui-widget td {
  border-width: 0;
  padding-bottom: 2px;
}

.ui-datatable .ui-datatable-tablewrapper td,
.ui-treetable td {
	border-width: 1px;
}

.ui-selectonemenu.ui-widget {
  margin-bottom: 0;
}

.nincskitoltve .ubrMezo input.ui-state-disabled,
.kivalaszto input.ui-state-disabled,
.ubrUrlap .ubrMezo input.ui-state-disabled,
.ubrUrlap .ubrMezo input[disabled].ui-state-disabled,
.ubrUrlap .ubrMezo textarea[disabled],
.ubrUrlap .ubrMezo select[disabled],
input[readonly="readonly"].ui-inputfield,
textarea[readonly="readonly"].ui-inputfield,
input.ui-state-disabled.ui-inputfield,
textarea.ui-state-disabled.ui-inputfield {
  background: #E4F5E0;
  opacity: .75;
  filter: Alpha(Opacity=75);
  color: var(--bga-color-text);
  text-shadow: none;
  border-color: #ccc;
  cursor: default;
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover {
    color: var(--bga-color-text-light);
    text-decoration: none;
    background: #299A0B;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover.info {
  background-color: var(--bga-color-info);
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover.danger {
  background-color: var(--bga-color-danger);
}

/* Login, logout */
#loginForm input[type='submit'] {
  padding: .4em 1em;
  line-height: 1.4em;
}

#loginForm div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div.login-error {
  filter:alpha(opacity=80);
  opacity:0.8;
  padding:30px 0 0 10px;
  height: 60px;
  background-color: firebrick;
  color: white;
  font-size: 1.5em;
  text-align: center;
  vertical-align: middle;
  border: 0;
}

.left, .pull-left {
  float: left !important;
}

.right, .pull-right {
  float: right !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center, .mezoCenter, .kozep {
  text-align: center !important;
}

#csigaLogin {
  overflow: hidden;
  margin-bottom: 0;
  float: right;
  clear: both;
}

#menuAndLogin {
  clear: both;
  background: rgba(0, 0, 0, 0.4);
  margin-right: -30px;
  padding-right: 0;
  margin-left: -45px;
  padding-left: 40px;
  border-bottom: 3px double #ccc;
  border-top: 3px double #ccc;
}

#menuAndLogin .ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
	background: #828282;
	border-radius: 0;
    width: 370px;
}

#menuAndLogin .ui-menu.ui-menubar > .ui-menu-list > li.ui-menuitem {
	border-right: 1px solid #AAA;
}

#menuAndLogin .ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
	margin: 0 10px;
	font-size: 16px;
	color: var(--bga-color-text-light);
	text-shadow: #222 0 1px 1px;
}

.user-box {
  padding-top: 10px;
}

.user-box a {
  padding: 5px;
}

.ui-tabs.ui-widget-content {
  border: 0;
}

#footerBottom {
	font-size: 13px;
	opacity: 0.5;
	padding: 4px 10px;
	margin-top: 20px;
}

tfoot tr .footer {
	float: none;
}

tfoot tr .footer.text-right {
	text-align: right;
}

tfoot tr .footer.text-left {
	text-align: left;
}

#footerBottom:hover {
	opacity: 1;
}

.ui-widget select {
  font-size: 1.0em;
}

.ui-datatable-data tr:hover,
.ui-treetable-data tr:hover {
  cursor: default;
}

.layout .ui-datatable-data tr:hover,
.layout .ui-treetable-data tr:hover {
	cursor: default;
}

.ui-widget-overlay {
  background: #CCC;
  opacity: .20;
  filter: Alpha(Opacity=20);
}

/* Ubr Urlap */

.ubrUrlap .kapitalis {
  text-transform: uppercase;
}

div.ui-tabs div.ui-tabs-panel {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  padding: 1.2em 0.9em;
}

.ubrTabs {
  border-bottom-width: 0;
}

.urlapTablaCim {
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #DDDDDD;
}

.ubrMezo, .urlapMezo {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.ubrMezo.ubrVError, .urlapMezo.ubrVError, .ui-inputfield.ui-state-error {
  background-color: #f2dede;
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #b94a48;
}

.ubrUrlap.edit .urlapDatumSzoveg {
  margin-right: 0;
}

input.hasDatepicker {
  width: 104px;
}

.inline-flex {
    display: inline-flex;
}

.span-7.ugyletListazoDatepicker > input.hasDatepicker {
    width: 220px !important;
}

.span-6 > .ui-autocomplete-multiple-container {
    width: 230px;
}

.ui-dialog .ui-autocomplete > .ui-autocomplete-panel {
	position: static !important;
}

.ui-autocomplete-multiple-container {
    min-height: 26px;
    height: unset !important;
}

.ui-widget.ui-chkbox,
.ui-widget.ui-chkbox-box {
  margin-bottom: 4px;
}

th[class*="span-"],
.ui-datatable-data td[class*="span-"],
.ui-treetable-data td[class*="span-"] {
  margin: 0;
  float: none;
}
.ui-inputfield.column,
.ui-inputfield.span-1,
.ui-inputfield.span-2,
.ui-inputfield.span-3,
.ui-inputfield.span-4,
.ui-inputfield.span-5,
.ui-inputfield.span-6,
.ui-inputfield.span-7,
.ui-inputfield.span-8,
.ui-inputfield.span-9,
.ui-inputfield.span-10,
.ui-inputfield.span-11,
.ui-inputfield.span-12,
.ui-inputfield.span-13,
.ui-inputfield.span-14,
.ui-inputfield.span-15,
.ui-inputfield.span-16,
.ui-inputfield.span-17,
.ui-inputfield.span-18,
.ui-inputfield.span-19,
.ui-inputfield.span-20,
.ui-inputfield.span-21,
.ui-inputfield.span-22,
.ui-inputfield.span-23,
.ui-inputfield.span-24 {
  float:left;
  margin-right:10px;
}

.ui-inputfield.no-margin,
.ui-inputfield.last {
	margin-right: 0;
}

.span-3 > input.hasDatepicker { width: 110px; padding-right:2px; }
.span-4 > input.hasDatepicker { width: 140px; }
.span-5 > input.hasDatepicker { width: 180px; }
.span-6 > input.hasDatepicker { width: 220px; }
.span-7 > input.hasDatepicker { width: 260px; }
.span-8 > input.hasDatepicker { width: 300px; }
.span-9 > input.hasDatepicker { width: 340px; }
.span-10 > input.hasDatepicker { width: 380px; }
.span-11 > input.hasDatepicker { width: 420px; }
.span-12 > input.hasDatepicker { width: 460px; }
.span-13 > input.hasDatepicker { width: 500px; }
.span-14 > input.hasDatepicker { width: 540px; }
.span-15 > input.hasDatepicker { width: 580px; }
.span-16 > input.hasDatepicker { width: 620px; }
.span-17 > input.hasDatepicker { width: 660px; }
.span-18 > input.hasDatepicker { width: 700px; }
.span-19 > input.hasDatepicker { width: 740px; }
.span-20 > input.hasDatepicker { width: 780px; }
.span-21 > input.hasDatepicker { width: 820px; }
.span-22 > input.hasDatepicker { width: 860px; }
.span-23 > input.hasDatepicker { width: 900px; }
.span-24 > input.hasDatepicker { width: 940px; }

.span-3.ui-trigger-calendar > input.hasDatepicker { width: 74px; padding-right:2px; }
.span-4.ui-trigger-calendar > input.hasDatepicker { width: 104px; }
.span-5.ui-trigger-calendar > input.hasDatepicker { width: 144px; }
.span-6.ui-trigger-calendar > input.hasDatepicker { width: 184px; }
.span-7.ui-trigger-calendar > input.hasDatepicker { width: 224px; }
.span-8.ui-trigger-calendar > input.hasDatepicker { width: 264px; }
.span-9.ui-trigger-calendar > input.hasDatepicker { width: 304px; }
.span-10.ui-trigger-calendar > input.hasDatepicker { width: 344px; }
.span-11.ui-trigger-calendar > input.hasDatepicker { width: 384px; }
.span-12.ui-trigger-calendar > input.hasDatepicker { width: 424px; }
.span-13.ui-trigger-calendar > input.hasDatepicker { width: 464px; }
.span-14.ui-trigger-calendar > input.hasDatepicker { width: 504px; }
.span-15.ui-trigger-calendar > input.hasDatepicker { width: 544px; }
.span-16.ui-trigger-calendar > input.hasDatepicker { width: 584px; }
.span-17.ui-trigger-calendar > input.hasDatepicker { width: 624px; }
.span-18.ui-trigger-calendar > input.hasDatepicker { width: 664px; }
.span-19.ui-trigger-calendar > input.hasDatepicker { width: 704px; }
.span-20.ui-trigger-calendar > input.hasDatepicker { width: 744px; }
.span-21.ui-trigger-calendar > input.hasDatepicker { width: 784px; }
.span-22.ui-trigger-calendar > input.hasDatepicker { width: 824px; }
.span-23.ui-trigger-calendar > input.hasDatepicker { width: 864px; }
.span-24.ui-trigger-calendar > input.hasDatepicker { width: 904px; }

.ui-selectonemenu.span-1 {
  width: 28px !important;
  min-width: 28px !important;
}

.ui-selectonemenu.span-2 {
  width: 68px !important;
  min-width: 68px !important;
}

.ui-selectonemenu.span-3 {
  width: 108px !important;
  min-width: 108px !important;
}

.ui-selectonemenu.span-4 {
  width: 148px !important;
  min-width: 148px !important;
}

.ui-selectonemenu.span-5 {
  width: 188px !important;
  min-width: 188px !important;
}

.ui-selectonemenu.span-6 {
  width: 228px !important;
  min-width: 228px !important;
}

.ui-selectonemenu.span-7 {
  width: 268px !important;
  min-width: 268px !important;
}

.ui-selectonemenu.span-8 {
  width: 308px !important;
  min-width: 308px !important;
}

.ui-selectonemenu.span-9 {
  width: 348px !important;
  min-width: 348px !important;
}

.ui-selectonemenu.span-10 {
  width: 388px !important;
  min-width: 388px !important;
}

.ui-selectonemenu.span-11 {
  width: 428px !important;
  min-width: 428px !important;
}

.ui-selectonemenu.span-12 {
  width: 468px !important;
  min-width: 468px !important;
}

.ui-selectonemenu.span-13 {
  width: 508px !important;
  min-width: 508px !important;
}

.ui-selectonemenu.span-14 {
  width: 548px !important;
  min-width: 548px !important;
}

.ui-selectonemenu.span-15 {
  width: 588px !important;
  min-width: 588px !important;
}

.ui-selectonemenu.span-16 {
  width: 628px !important;
  min-width: 628px !important;
}

.ui-selectonemenu.span-17 {
  width: 668px !important;
  min-width: 668px !important;
}

.ui-selectonemenu.span-18 {
  width: 708px !important;
  min-width: 708px !important;
}

.ui-selectonemenu.span-19 {
  width: 748px !important;
  min-width: 748px !important;
}

.ui-selectonemenu.span-20 {
  width: 788px !important;
  min-width: 788px !important;
}

.ui-selectonemenu.span-21 {
  width: 828px !important;
  min-width: 828px !important;
}

.ui-selectonemenu.span-22 {
  width: 868px !important;
  min-width: 868px !important;
}

.ui-selectonemenu.span-23 {
  width: 908px !important;
  min-width: 908px !important;
}

.ui-selectonemenu.span-24 {
  width: 948px !important;
  min-width: 948px !important;
}

.ubrUrlap .ui-selectonemenu.span-1 {
  width: 6px !important;
  min-width: 6px !important;
}

.ubrUrlap .ui-selectonemenu.span-2 {
  width: 46px !important;
  min-width: 46px !important;
}

.ubrUrlap .ui-selectonemenu.span-3 {
  width: 86px !important;
  min-width: 86px !important;
}

.ubrUrlap .ui-selectonemenu.span-4 {
  width: 126px !important;
  min-width: 126px !important;
}

.ubrUrlap .ui-selectonemenu.span-5 {
  width: 166px !important;
  min-width: 166px !important;
}

.ubrUrlap .ui-selectonemenu.span-6 {
  width: 206px !important;
  min-width: 206px !important;
}

.ubrUrlap .ui-selectonemenu.span-7 {
  width: 246px !important;
  min-width: 246px !important;
}

.ubrUrlap .ui-selectonemenu.span-8 {
  width: 286px !important;
  min-width: 286px !important;
}

.ubrUrlap .ui-selectonemenu.span-9 {
  width: 326px !important;
  min-width: 326px !important;
}

.ubrUrlap .ui-selectonemenu.span-10 {
  width: 366px !important;
  min-width: 366px !important;
}

.ubrUrlap .ui-selectonemenu.span-11 {
  width: 406px !important;
  min-width: 406px !important;
}

.ubrUrlap .ui-selectonemenu.span-12 {
  width: 446px !important;
  min-width: 446px !important;
}

.ubrUrlap .ui-selectonemenu.span-13 {
  width: 486px !important;
  min-width: 486px !important;
}

.ubrUrlap .ui-selectonemenu.span-14 {
  width: 526px !important;
  min-width: 526px !important;
}

.ubrUrlap .ui-selectonemenu.span-15 {
  width: 566px !important;
  min-width: 566px !important;
}

.ubrUrlap .ui-selectonemenu.span-16 {
  width: 606px !important;
  min-width: 606px !important;
}

.ubrUrlap .ui-selectonemenu.span-17 {
  width: 646px !important;
  min-width: 646px !important;
}

.ubrUrlap .ui-selectonemenu.span-18 {
  width: 686px !important;
  min-width: 686px !important;
}

.ubrUrlap .ui-selectonemenu.span-19 {
  width: 726px !important;
  min-width: 726px !important;
}

.ubrUrlap .ui-selectonemenu.span-20 {
  width: 766px !important;
  min-width: 766px !important;
}

.ubrUrlap .ui-selectonemenu.span-21 {
  width: 806px !important;
  min-width: 806px !important;
}

.ubrUrlap .ui-selectonemenu.span-22 {
  width: 846px !important;
  min-width: 846px !important;
}

.ubrUrlap .ui-selectonemenu.span-23 {
  width: 886px !important;
  min-width: 886px !important;
}

.ubrUrlap .ui-selectonemenu.span-24 {
  width: 926px !important;
  min-width: 926px !important;
}


input.hasDatepicker.ui-corner-all {
  border-radius: 4px 0 0 4px;
}

input.hasDatepicker + button.ui-datepicker-trigger {
  margin: 0 0 10px 0;
  padding: 0;
  width: 36px;
  position: absolute;
}

input.hasDatepicker + button.ui-datepicker-trigger > .ui-button-text {
  padding: 3px;
}

.span-3 > input.hasDatepicker + button.ui-datepicker-trigger {
  width: 27px;
  border-left: 1px;
}

input.hasDatepicker + button.ui-datepicker-trigger.ui-corner-all {
  border-radius: 0 4px 4px 0;
}

.tol-ig {
  padding-left: 10px;
}

.no-margin {
  margin: 0;
}

.no-margin-top {
	margin-top: 0;
}

.no-padding {
  padding: 0;
}

.no-left-border {
    border-left: none !important;
}

.no-border,
.no-border .ui-widget-content {
	border: none !important;
}

.no-border-top {
  border-top: none !important;
}

.no-border-right {
  border-right: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

.no-border-left,
.no-border-right + * {
  border-left: none !important;
}

.checkbox-label {
  margin-left: 10px;
  vertical-align: top;
}

.clearer {
  clear: both;
}

.urlapAlcim {
  font-size: 14px;
  font-weight: bold;
}

.ubrUrlap .tablazatSor:nth-child(2n) {
	background: #e4f5e0;
}

.hozzaszolasokSor {
	margin-top: 20px;
}

.hozzaszolasokSor:nth-child(2n) {
	background: #e4f5e0;
}

.ubrUrlap .tablazatSor input[disabled].ui-state-disabled {
	background: transparent;
	border: none;
	box-shadow: none;
}

.ubrUrlap input[disabled].ui-state-disabled + .ui-button {
  display: none;
}

.ubrUrlap .tablazatSor .ubrMezo.last,
.ubrUrlap .ubrMezo input[text].last {
	margin-right: 0;
}

/* Zavaros rész */
.ubrUrlap .tablazatSor {
	border-right: 1px solid #ccc;
}

.ubrUrlap .tablazatSor .ubrMezo,
.ubrUrlap .ubrMezo input[text] {
	margin-right: 8px;
}


.ubrUrlap .tablazatSor .ubrMezo {
	display: table-cell;
	float: none;
	vertical-align: middle;
  padding: 3px 5px 3px 4px;
  border-left: 1px solid #CCC;
	margin-left: 0;
	margin-right: 6px;
	color: #666;
	word-wrap:break-word;
}

.ubrUrlap .tablazatSor .ubrMezo.rejtett {
	display: none;
}

.ubrUrlap .tablazatSor .ubrMezo.sortores {
	display: block;
	padding: 0;
}

/* Formázott szöveg (CKEditor) táblázatsorban: a szerkesztő a cella paddingjét is töltse ki, hogy
   pontosan akkora legyen, mint a cella. A negatív margó a fenti .ubrMezo padding ellentettje - így a
   cella mérete, és vele az oszlopok fejléchez igazodása változatlan marad. A szélességet azért kell
   felülírni, mert azt a pe:ckEditor inline stílusként írja ki (üres űrlapbeállításnál a komponens
   600px-es alapértelmezésével). */
.ubrUrlap .tablazatSor .ubrMezo .cke {
	width: auto !important;
	margin: -3px -5px -3px -4px;
}

/* Formázott szöveg (CKEditor) táblázatsorban: a szerkesztő a cella paddingjét is töltse ki, hogy
   pontosan akkora legyen, mint a cella. A negatív margó a fenti .ubrMezo padding ellentettje - így a
   cella mérete, és vele az oszlopok fejléchez igazodása változatlan marad. A szélességet azért kell
   felülírni, mert azt a pe:ckEditor inline stílusként írja ki (üres űrlapbeállításnál a komponens
   600px-es alapértelmezésével). */
.ubrUrlap .tablazatSor .ubrMezo .cke {
	width: auto !important;
	margin: -3px -5px -3px -4px;
}

.ubrUrlap .tablazatSor .ubrMezo label,
.ubrUrlap .tablazatSor .ubrMezo table,
.ubrUrlap .tablazatSor .ubrMezo table td {
	margin: 0;
	cursor: default;
}

.ubrUrlap .tablazatSor .ubrMezo table,
.ubrUrlap .tablazatSor .ubrMezo table td {
	padding: 0;
}

.ubrUrlap .tablazatSor .ubrMezo.span-4 .ubrFile {
	display: block;
	width: 150px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-5 .ubrFile {
	display: block;
	width: 190px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-6 .ubrFile {
	display: block;
	width: 230px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-7 .ubrFile {
	display: block;
	width: 270px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-8 .ubrFile {
	display: block;
	width: 310px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-9 .ubrFile {
	display: block;
	width: 350px;
}

.ubrUrlap .tablazatSor .ubrMezo.span-10 .ubrFile {
	display: block;
	width: 390px;
}

.blokkCim,
.ubrUrlap .blokkCim {
    font-size: 20px;
    font-style: italic;
    border-top: 4px double #c5c5c5;
    margin: 40px 0 0 -19px;
    padding: 10px 30px 20px 10px;
}

.xhtmlBlokkCim {
    font-size: 20px;
    font-style: italic;
}

.ubrUrlap .blokkCim.first {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.blokkCim {
	margin-left: -12px;
	margin-right: -12px;
}

.blokkCim.first {
	border: none;
	margin-top: 10px;
}

.outcomes {
  padding-left: 30px;
}

.control-repeat + .control-repeat {
  border-top: 1px solid #DDDDDD;
}

.control-repeat-delete {
  float: right;
  vertical-align: bottom;
  padding-right: 10px;
}

.control .btn-pdf {
  margin: -2px 30px 0;
}

.control-right {
	float: right;
	max-width: 590px;
	text-align: right;
}

.control-right .ui-button {
	vertical-align: top;
	margin-bottom: 6px;
}

button[name*=feladatEllenorzes] {
  margin-right: 5px;
}

.control .btn-info, .btn.btn-info {
  --btn-background-color: var(--bga-color-info);
  --btn-background-color-active: var(--bga-color-info-active);
  --btn-gradient-start-color: var(--bga-color-info-gradient-start);
  --btn-gradient-end-color: var(--bga-color-info-gradient-end);
}

.control .btn-success, .btn.btn-success,
.control .btn-primary, .btn.btn-primary,
.control .btn-leptetes, .btn.btn-leptetes {
  --btn-background-color: var(--bga-color-primary);
  --btn-background-color-active: var(--bga-color-primary-active);
  --btn-gradient-start-color: var(--bga-color-primary-gradient-start);
  --btn-gradient-end-color: var(--bga-color-primary-gradient-end);
}

.control .btn-primary, .btn.btn-primary-dark {
  --btn-background-color: var(--bga-color-primary-dark);
  --btn-background-color-active: var(--bga-color-primary-active-dark);
  --btn-gradient-start-color: var(--bga-color-primary-gradient-start-dark);
  --btn-gradient-end-color: var(--bga-color-primary-gradient-end-dark);
}

.control .btn-warning, .btn.btn-warning {
  --btn-background-color: var(--bga-color-warning);
  --btn-background-color-active: var(--bga-color-warning-active);
  --btn-gradient-start-color: var(--bga-color-warning-gradient-start);
  --btn-gradient-end-color: var(--bga-color-warning-gradient-end);
}

.control .btn-danger, .btn.btn-danger {
  --btn-background-color: var(--bga-color-danger);
  --btn-background-color-active: var(--bga-color-danger-active);
  --btn-gradient-start-color: var(--bga-color-danger-gradient-start);
  --btn-gradient-end-color: var(--bga-color-danger-gradient-end);
}

.control .btn-inverse, .btn.btn-inverse {
  --btn-background-color: #363636;
  --btn-background-color-active: #080808;
  --btn-gradient-start-color: #444444;
  --btn-gradient-end-color: #222222;
}

.control .btn-primary, .btn.btn-primary,
.control .btn-primary-dark, .btn.btn-primary-dark,
.control .btn-success, .btn.btn-success,
.control .btn-leptetes, .btn.btn-leptetes,
.control .btn-info, .btn.btn-info,
.control .btn-warning, .btn.btn-warning,
.control .btn-danger, .btn.btn-danger,
.control .btn-inverse, .btn.btn-inverse {
  color: var(--bga-color-text-light);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--btn-background-color);
  *background-color: var(--btn-gradient-end-color);
  background-image: -moz-linear-gradient(top, var(--btn-gradient-start-color), var(--btn-gradient-end-color));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--btn-gradient-start-color)), to(var(--btn-gradient-end-color)));
  background-image: -webkit-linear-gradient(top, var(--btn-gradient-start-color), var(--btn-gradient-end-color));
  background-image: -o-linear-gradient(top, var(--btn-gradient-start-color), var(--btn-gradient-end-color));
  background-image: linear-gradient(to bottom, var(--btn-gradient-start-color), var(--btn-gradient-end-color));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(
    StartColorStr = var(--btn-gradient-start-color),
    EndColorStr = var(--btn-gradient-end-color),
    GradientType = 0,
    Enabled = false
  );
}

.control .btn-info:hover, .btn.btn-info:hover,
.control .btn-info:focus, .btn.btn-info:focus,
.control .btn-info:active, .btn.btn-info:active,
.control .btn-info.active, .btn.btn-info.active,
.control .btn-info.disabled, .btn.btn-info.disabled,
.control .btn-info[disabled], .btn.btn-info[disabled],
.control .btn-success:hover, .btn.btn-success:hover,
.control .btn-success:focus, .btn.btn-success:focus,
.control .btn-success.disabled, .btn.btn-success.disabled,
.control .btn-success[disabled], .btn.btn-success[disabled],
.control .btn-leptetes:hover, .btn.btn-leptetes:hover,
.control .btn-leptetes:active, .btn.btn-leptetes:active,
.control .btn-primary:hover, .btn.btn-primary:hover,
.control .btn-primary:active, .btn.btn-primary:active,
.control .btn-primary-dark:hover, .btn.btn-primary-dark:hover,
.control .btn-warning:hover, .btn.btn-warning:hover,
.control .btn-warning:focus, .btn.btn-warning:focus,
.control .btn-warning:active, .btn.btn-warning:active,
.control .btn-warning.active, .btn.btn-warning.active,
.control .btn-warning.disabled, .btn.btn-warning.disabled,
.control .btn-warning[disabled], .btn.btn-warning[disabled],
.control .btn-danger:hover, .btn.btn-danger:hover,
.control .btn-danger:focus, .btn.btn-danger:focus,
.control .btn-danger:active, .btn.btn-danger:active,
.control .btn-danger.active, .btn.btn-danger.active,
.control .btn-danger.disabled, .btn.btn-danger.disabled,
.control .btn-danger[disabled], .btn.btn-danger[disabled],
.control .btn-inverse:hover, .btn.btn-inverse:hover,
.control .btn-inverse:focus, .btn.btn-inverse:focus,
.control .btn-inverse:active, .btn.btn-inverse:active,
.control .btn-inverse.active, .btn.btn-inverse.active,
.control .btn-inverse.disabled, .btn.btn-inverse.disabled,
.control .btn-inverse[disabled], .btn.btn-inverse[disabled] {
  color: var(--bga-color-text-light);
  background-color: var(--btn-gradient-end-color);
}

.control .btn-info:active, .btn.btn-info:active,
.control .btn-info.active, .btn.btn-info.active,
.control .btn-success:active, .btn.btn-success:active,
.control .btn-success.active, .btn.btn-success.active,
.control .btn-warning:active, .btn.btn-warning:active,
.control .btn-warning.active, .btn.btn-warning.active,
.control .btn-danger:active, .btn.btn-danger:active,
.control .btn-danger.active, .btn.btn-danger.active,
.control .btn-inverse:active, .btn.btn-inverse:active,
.control .btn-inverse.active, .btn.btn-inverse.active,
.control .btn-primary-dark:active, .btn.btn-primary-dark:active {
  background-color: var(--btn-background-color-active);
}

.control .btn-primary:focus, .btn.btn-primary:focus,
.control .btn-primary.active, .btn.btn-primary.active,
.control .btn-primary.disabled, .btn.btn-primary.disabled,
.control .btn-primary[disabled], .btn.btn-primary[disabled],
.control .btn-leptetes:focus, .btn.btn-leptetes:focus,
.control .btn-leptetes.active, .btn.btn-leptetes.active,
.control .btn-leptetes.disabled, .btn.btn-leptetes.disabled,
.control .btn-leptetes[disabled], .btn.btn-leptetes[disabled] {
  color: var(--bga-color-text-light);
  background-color: var(--bga-color-primary);
}

.control .btn-danger .ui-icon-trash, .btn.btn-danger .ui-icon-trash {
  background-image: url("/bga/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-bootstrap&v=15.0.5&e=15.0.5&h=336vrc54n41t6drftg9f1t709");
}

/* input, mint button */
input.btn {
	padding: .4em 1em;
}

/* Kereső */

table.ui-panelgrid.ui-widget.kereso td,
table.ui-panelgrid.ui-widget.kivalaszto td  {
  padding-bottom: 0;
}

table.kereso,
table.kivalaszto {
  padding-bottom: 10px;
}

table.kereso .top-3,
table.kivalaszto .top-3 {
  margin-top: 15px;
}

/* Megjegyzés */
div.megjegyzesWrap {
  padding: 10px 10px 6px 10px;
}

div.megjegyzesWrap textarea {
  height: 70px;
  width: 98%;
  background-color: var(--bga-color-background);
  border: 1px solid #cccccc;
  padding: 4px 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

div.megjegyzesWrap button {
  margin-top: 5px;
  margin-bottom: 0;
}

div.megjegyzesszerkeszt .ubrMezo.platform {
  background-color: var(--bga-color-background);
}

div.megjegyzesWrap,
div.megjegyzesszerkeszt .selected input,
div.megjegyzesszerkeszt .selected input.ui-inputfield,
div.megjegyzesszerkeszt .selected div.ui-selectonemenu,
div.megjegyzesszerkeszt .selected select,
div.megjegyzesszerkeszt .selected label,
div.megjegyzesszerkeszt .selected table.ubrFile {
  background-color: var(--bga-color-warning-gradient-start);
}

div.megjegyzesszerkeszt .selected input,
  div.megjegyzesszerkeszt .selected input.ui-inputfield,
  div.megjegyzesszerkeszt .selected div.ui-selectonemenu,
  div.megjegyzesszerkeszt .selected select,
  div.megjegyzesszerkeszt .selected label,
  div.megjegyzesszerkeszt .selected table.ubrFile {
  color: var(--bga-color-text-light);
}

div.megjegyzesszerkeszt .modosult input,
  div.megjegyzesszerkeszt .modosult input.ui-inputfield,
  div.megjegyzesszerkeszt .modosult div.ui-selectonemenu,
  div.megjegyzesszerkeszt .modosult select,
  div.megjegyzesszerkeszt .modosult label,
  div.megjegyzesszerkeszt .modosult table.ubrFile {
  background-color: var(--bga-color-info);
  color: var(--bga-color-text-light);
}

.rejtett {
  display: none;
}

/* Regisztráció */
.infodoboz .ui-icon-info.ikon,
.infodoboz .ui-icon-alert.ikon {
  float: left;
  margin-right: 8px;
}

.regisztracio-nyomtatas {
	margin-top: 10px;
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
}

.infodoboz .fejlec {
  margin-bottom: 0;
  padding: 10px 0 4px 10px;
}

.infodoboz .szoveg {
  padding: 10px;
}

.infodoboz > .ui-state-error {
  background-color: #c43c35;
  background-image: linear-gradient(to bottom, var(--bga-color-danger-gradient-start), var(--bga-color-danger-gradient-end));
  border-color: #b94a48;
  color: var(--bga-color-text-light);
}

/* Input error */
.ui-message-error {
	margin-left: 0;
	margin-right: 0;
	clear: left;
}

.ui-message-error-summary {
	margin-left: 5px;
}

.ui-inputfield.ui-state-error {
	margin-bottom: 0;
}

/* Feladat es ugylet fejléc */
.szerkeszt-header {
  padding: 0.2em 1.4em;
}

/* Navigációs fülek */

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover a {
  text-decoration: none;
  text-shadow: #fafafa 0 0;
  border-color: #bbb #bbb #ddd #bbb;
  background-color: rgb(239, 253, 221);
  color: rgb(34, 34, 34);
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected.ui-state-hover a {
  background-color: var(--bga-color-background);
  border-color: #DDDDDD #DDDDDD transparent;
  border-style: solid;
  color: #555555;
  cursor: pointer;
}

div.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
  top: 0;
}

div.ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding: 0;
}

/* Navigációs fülek - hiba esetén */

.ubrTabs .ui-state-default.ui-corner-top.invalid {
  background: none;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.invalid a {
  background-color: #ff8585;
}

.invalid-event {
  background-color: #ff8585;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover.invalid a,
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-tabs-selected.invalid a {
  background-color: #edd5db;
  color: #555555;
  cursor: pointer;
}

#kornyezetOsztaly {
	color: red;
	font-size: 18px;
}

/* Gombok */

table.ubrFile,
table.ubrFile tbody,
table.ubrFile tbody tr {
  margin: -3px;
  padding: 0;
  border: none;
  vertical-align: top;
}

table.ubrFile .ui-fileupload {
  display: flex;
	min-width: 80px;
}

.ui-fileupload > .fileupload-buttonbar {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.fileupload-content {
  border: none;
}

/* Urlap gombok */
button.szerkesztes.ui-button,
button.veglegesit.ui-button {
  padding: 8px 0;
  margin: 0;
}

button.szerkesztes.ui-button > span,
button.veglegesit.ui-button > span {
  background-image: url("/bga/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-bootstrap&v=15.0.5&e=15.0.5&h=336vrc54n41t6drftg9f1t709");
  background-repeat: no-repeat;
  margin: 1px 10px;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -999999999px;
}

button.szerkesztes.ui-button > span {
  background-position: -64px -112px;
}
button.veglegesit.ui-button > span {
  background-position: -64px -144px;
}

.control .iratTorles {
  float: right;
  margin-top: -59px;
}


.systemMessages,
.infoMessages,
.generalInfo {
	float: left;
}

.generalInfo {
	margin-right: 50px;
	width: 530px;
}

.systemMessages,
.infoMessages {
	width: 400px;
	font-size: 11px;
}

.systemMessages .pi,
.infoMessages .pi {
	color: #666;
	font-size: 20px;
	vertical-align: middle;
}

.systemMessages .lead,
.infoMessages .lead {
	margin-bottom: 10px;
}

.infoMessages .ui-accordion .ui-accordion-content,
.systemMessages .ui-accordion .ui-accordion-content {
	-webkit-box-shadow: 0 4px 2px -1px #f9f9f9;
	   -moz-box-shadow: 0 4px 2px -1px #f9f9f9;
	        box-shadow: 0 4px 2px -1px #f9f9f9;

}

.lead {
	font-size: 24px;
	margin-top: 30px;
	background: none;
	color: #444;
	border-bottom: 1px solid #aaa;
	line-height: 36px;
	font-weight: lighter;
	padding: 2px 3px;
}

.information {
  border: none;
  text-align: justify;
}

.italicLabel {
    font-size: 85%;
    font-style: italic;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }

.simpleTableCell {
	padding: 0 !important;
	padding-bottom: 20px !important;
}

.topAllignRow {
	vertical-align: top;
	padding-top: 10px !important;
}

.innerRow {
	display: table;
	padding-top: 5px;
}

#form1\:tovabbiTevekenysegek div table th {
	display:none;
}

#form1\:tovabbiTevekenysegek div table tbody {
	border: none !important;
}

#form1\:tovabbiTevekenysegek div table tbody tr.ui-datatable-odd {
	background: none repeat scroll 0 0 var(--bga-color-background);
}

#form1\:tovabbiTevekenysegek div table tbody tr td {
	padding: 0 !important;
	padding-bottom: 20px !important;
}

.rowspan-2 {
	height: 120px;
	display: inline-block;
}

.rowspan-3 {
	height: 180px;
	display: inline-block;
}

.invisible {
	display: none !important;
}

.top-span-1,
.top-span-2,
.top-span-3 {
    display: inline-block;
}

.top-span-1 {
    margin-top: 10px;
}

.top-span-2 {
    margin-top: 20px;
}

.top-span-3 {
    margin-top: 30px;
}

.top-span-4 {
    margin-top: 40px;
}

.top-span-6 {
    margin-top: 60px;
}

.left-span-1 {
    margin-left: 10px;
}

.left-span-6 {
    margin-left: 240px;
}

.left-span-7 {
    margin-left: 280px;
}

/* Rendszerüzenezek */

.system-messages > .ui-accordion-header.ui-state-default {
    background: #f9f9f9;
    border: none;
}

.system-messages > .ui-accordion-content >  p {
    margin-top: 0;
}

/* Theme override */

.ui-tabs.ui-widget.ui-widget-content {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(239,239,239,0) 1%, rgba(239,239,239,0) 40%, rgba(239,239,239,0.65) 80%, rgba(239,239,239,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(239,239,239,0)), color-stop(40%,rgba(239,239,239,0)), color-stop(80%,rgba(239,239,239,0.65)), color-stop(100%,rgba(239,239,239,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,0) 1%,rgba(239,239,239,0) 40%,rgba(239,239,239,0.65) 80%,rgba(239,239,239,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,239,239,0) 1%,rgba(239,239,239,0) 40%,rgba(239,239,239,0.65) 80%,rgba(239,239,239,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,239,239,0) 1%,rgba(239,239,239,0) 40%,rgba(239,239,239,0.65) 80%,rgba(239,239,239,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,239,239,0) 1%,rgba(239,239,239,0) 40%,rgba(239,239,239,0.65) 80%,rgba(239,239,239,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr = #00efefef, EndColorStr = #a6efefef, GradientType = 0); /* IE6-8 */
}

.ui-tabs.ui-widget.ui-widget-content.ubrTabs {
    background: var(--bga-color-background);
}

/* combo menu select */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    color: var(--bga-color-text-light);
    text-decoration: none;
    background-color: var(--bga-color-primary);
    *background-color: var(--bga-color-primary-gradient-end);
    background-position: 0;
    background-image: -moz-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--bga-color-primary-gradient-start)), to(var(--bga-color-primary-gradient-end)));
    background-image: -webkit-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
    background-image: -o-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
    background-image: linear-gradient(to bottom, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(
      StartColorStr = var(--bga-color-primary-gradient-start),
      EndColorStr = var(--bga-color-primary-gradient-end),
      GradientType = 0,
      Enabled = false
    );
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
  border-color: var(--bga-color-primary-border);
}

.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus,
.ubrUrlap .ubrMezo select:focus,
.ubrUrlap .ubrMezo select:open {
  border-color: color-mix(in srgb, var(--bga-color-primary-border), transparent 80%);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px color-mix(in srgb, var(--bga-color-primary-border), transparent 60%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px color-mix(in srgb, var(--bga-color-primary-border), transparent 60%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 12px 3px color-mix(in srgb, var(--bga-color-primary-border), transparent 60%);
}

.condensed .urlapMezo {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.ui-accordion .ui-accordion-header {
  display: flex;
  align-items: center;
  padding-left: 0.9em;
}

.ui-accordion .ui-accordion-header:after {
	font-family: "primeicons", serif;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	content: "\e900"; /* pi-chevron-left */
	padding: 5px 12px;
	font-size: 10px;
	color: var(--bga-color-primary);
}

.ui-accordion .ui-accordion-header > .pull-right {
  margin-left: auto;
}

.ui-accordion .ui-accordion-header.ui-state-active:after {
	content: "\e902"; /* pi-chevron-down */
}

.ui-accordion .ui-accordion-header.ui-state-default {
	border: none;
	-webkit-box-shadow: 0 0 8px -2px #999;
	   -moz-box-shadow: 0 0 8px -2px #999;
	        box-shadow: 0 0 8px -2px #999;
  font-size: 16px;
  font-weight: normal;
  background: #f9f9f9;
  margin-bottom: 6px;
}

.ui-accordion .ui-accordion-header .ui-button {
  font-size: 14px;
}

.ui-accordion .ui-accordion-header .ui-button .ui-icon {
  display: initial;
  margin-top: -6px;
}

/* TESZT cucc*/
.ui-tabs .ui-tabs-nav.ui-widget-header {
	border-bottom-color: #bbbbbb;
  display: flex;
  flex-wrap: wrap;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
  border-color: #eeeeee #eeeeee #bbbbbb;
  text-decoration: none;
  color: #222;
	background-color: #c9c9c9;
	text-shadow: 0 0 #aaa;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a,
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a:hover {
    color: var(--bga-color-text-light);
    font-weight: bold;
    background: rgb(122, 205, 100);
    text-shadow: 1px 1px #888;
    border-bottom-color: #ddd;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li .kiemeltTab {
	background-color: #888;
	color: var(--bga-color-text-light);
	background-image: url("/bga/jakarta.faces.resource/img/pattern_s01.png?h=-1ljeqvk6ik5ixdstsvb65nn7f");
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active.invalid a {
  background: var(--bga-color-danger-gradient-end);
  color: var(--bga-color-text-light);
}

.req .ui-outputlabel-rfi,
.req2 .ui-outputlabel-rfi,
.req3 .ui-outputlabel-rfi,
.req-on-input .ui-outputlabel-rfi {
  display: none;
}

.req,
.req2,
.req3 {
    position: relative;
	float: left	;
}

.req:before,
.req2:before,
.req3:before {
    content: "*";
    font-size: 1.0em;
    color: red;
    position: absolute;
    left:0;
    top:0;
}

.req2:before {
	left: -10px;
}

.req3:before {
	position: relative;
	left: -10px;
	top: 18px;
}

.ui-outputlabel-rfi {
	color: red;
}

.edit .kotelezo:before,
.design .kotelezo:before,
.szabalydesign .kotelezo:before {
	left: -7px;
    position: relative;
}

.ubrUrlap .ubrMezo.kotelezo:before {
  font-size: 1.0em;
  top: 0;
  float: left;
  height: 0;
  left: -8px;
}

.ubrUrlap .ubrMezo.textarea.kotelezo:before {
    top: 30px;
}

.ubrUrlap .ubrMezo .taGroup {
    margin-left: -5px;
}

.ubrUrlap .ubrMezo.scrollMezo {
  padding-top: unset;
  padding-bottom: unset;
}

.ubrUrlap .ubrMezo select {
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: var(--bga-color-background);
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: var(--bga-color-text);
  line-height: normal;
}

.ubrUrlap .ubrMezo select > option {
  max-width: 600px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
  border-radius: 10px;
  color: var(--bga-color-text);
  padding-top: 5px;
}

.ubrUrlap .ubrMezo select > option:focus {
  background-color: rgba(0,0,0,0.15)
}

.ubrUrlap .ubrMezo select > option:checked {
  background-color: var(--bga-color-primary-gradient-start);
  border-radius: 0;
}

.ubrUrlap .ubrMezo select > option:checked:not(option:checked + option:checked) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.ubrUrlap .ubrMezo select > option:checked:not(:has(+ option:checked)) {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ubrUrlap .ubrMezo select > option:checked:hover {
  background-color: var(--bga-color-primary-gradient-end);
}

.ubrUrlap .ubrMezo select > option::checkmark {
  display: none;
}

.ubrUrlap .ubrMezo select,
.ubrUrlap .ubrMezo select::picker(select) {
  appearance: base-select;
}

.ubrUrlap .ubrMezo select::picker(select) {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  padding: 5px;
}

.tablazatFej {
  padding-right: 1px;
  background: #DFDFDF;
  border-top:    1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right:  1px solid #bbb;
}

.tablazatFej .ubrMezo {
	display: table-cell;
	float:none;
  padding: 3px 5px 3px 4px;
  border-left: 1px solid #bbb;
  margin-left:  0;
  margin-right: 6px;
  text-align: center;
	vertical-align: middle;
  color: #666;
  font-weight: bold;
}

.tablazatFej .ubrMezo label {
	margin-right: 0;
}

.tablazatSor {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-right: 1px;
}

.tablazatSor label {
	word-wrap: break-word;
}

.ui-widget-content span {
	word-wrap: break-word;
}

.tablazatFejFelso,
.tablazatFejAlso {
  background: #DFDFDF;
  color: #666;
  font-weight: bold;
  text-align: center;
	border-right: 1px solid #bbb;
}
.tablazatFejFelso {
  border-top: 1px solid #bbb;
}

.tablazatFejAlso {
    border-bottom: 1px solid #bbb;
}
.tablazatFejAlso .ubrMezo,
.tablazatFejFelso .ubrMezo {
	border-left: 1px solid #bbb;
	min-height: 12px;
}

.tablazatFejFelso .ubrMezo {
    padding-bottom: 0;
    padding-top: 2px;
}

.tablazatFejAlso .ubrMezo {
	border-top: 1px solid #bbb;
    padding-bottom: 2px;
    padding-top: 0;
	margin-right: 0;
	padding-right: 10px;
}

.tablazatFejAlso .ubrMezo.osszevont {
	padding-right: 9px;
	border-right: 1px solid #bbb;
}

.tablazatFejAlso .ubrMezo.ures {
	border: none;
}

.pi.icon:before {
	padding: 8px 12px;
	display: block;
}

/* Találati lista táblázata */
.ui-datatable th,
.ui-datatable th.ui-state-default,
.ui-treetable th,
.ui-treetable th.ui-state-default {
    background: #eee;
    border-top: 1px solid #999;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.tablazatKiemeltSor {
	background: var(--bga-color-primary-emphasis) !important;
	color: var(--bga-color-text-light);
	padding-left: 1px;
	padding-right: 1px;
}

.kiemeltHatter {
  background: var(--bga-color-primary-emphasis) !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kiemeltCella {
    background-color: #E4F5E0;
}

.tablazatKiemeltSorWarning {
	background: #FF8E8E;
	color: var(--bga-color-text-light);
	padding-left: 1px;
	padding-right: 1px;
}

.tablazatKiemeltSor .ubrMezo {
	padding-left: 2px;
}

.ubrUrlap .tablazaSor label,
.ubrUrlap .tablazatKiemeltSor label {
	background: none !important;
}

.ubrUrlap .kiemeltSor {
    background: var(--bga-color-primary-emphasis);
    margin-left: -6px;
    padding-left: 6px;
    color: var(--bga-color-text-light);
}

button.ui-icon-arrowthick-1-e > span.ui-button-text {
    background-image: url("/bga/jakarta.faces.resource/images/ui-icons_333333_256x240.png?ln=primefaces-bootstrap&v=15.0.5&e=15.0.5&h=506dngyl2ajhvj1vzh7b4vh9z");
    background-position: -32px -48px;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 17px;
}

button.ui-icon-arrowthick-1-e {
    padding: 5px;
}

.csakPdfNyomtatasra {
	display: none !important;
}

.designMode .csakPdfNyomtatasra,
.sun-editor .sun-editor-editable .csakPdfNyomtatasra {
  display: block !important;
	background: #ddd;
}

#pdfFejlecCenter, #pdfFirstFejlecCenter,
.pdfFejlecCenter {
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  width: auto;
}

#pdfFejlecCenter img,
#pdfFirstFejlecCenter img,
.pdfFejlecCenter img.__se__uneditable {
  display: inline-block;
  height: 2.25cm;
  width: auto;
}

#pdfLablecCenter img,
#pdfFirstLablecCenter img,
.pdfLablecCenter img.__se__uneditable {
  display: inline-block;
  height: 1.5cm;
  width: auto;
}

#pdfFejlecRight, #pdfFirstFejlecRight,
.pdfFejlecRight {
  font-size: 8px;
  font-weight: bold;
  text-align: right;
  width: auto;
}

#pdfFejlecLeft, #pdfFirstFejlecLeft,
.pdfFejlecLeft {
  font-size: 8px;
  font-weight: bold;
  text-align: left;
  width: auto;
}

#pdfLablecCenter, #pdfFirstLablecCenter,
.pdfLablecCenter {
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  width: auto;
}

#pdfLablecRight, #pdfFirstLablecRight,
.pdfLablecRight {
  font-size: 8px;
  font-weight: bold;
  text-align: right;
  width: auto;
}

#pdfLablecLeft, #pdfFirstLablecLeft,
.pdfLablecLeft {
  font-size: 8px;
  font-weight: bold;
  text-align: left;
  width: auto;
}

/*meg rendezni*/
.scrollMezo {
	overflow:auto;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.scrollMezo select {
	border:none;
}

.ui-panelgrid.ui-widget td.scrollMezo {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.cimEgyezik {
	padding: 0 !important;
}

.cimEgyezik > table {
	border: 0 !important;
}

.kotvallCimEgyezik {
    padding: 0 !important;
}

.kotvallCimEgyezik > table {
    border: 0 !important;
}

.ubrMezo .pi.no-text > span.ui-button-text {
	display: none;
}

.ubrMezo .pi.no-icon > span.ui-icon {
  display: none;
}

.ubrMezo .pi.no-text {
	padding: 8px;
	margin: 0 auto;
	display: block;
	float: none;
}

.ubrMezo .pi.boldLabel {
	font-weight: bolder;
}

.ubrMezo .ubrFile td {
	white-space: normal;
}

.tablazatFej .ubrMezo .pi.no-text {
	padding: 0;
}

.tablazatFej .pi.icon:before {
	padding: 8px;
}

.tablazatFej .ui-button,
.tablazatFejFelso .ui-button,
.tablazatFejAlso .ui-button {
  box-sizing: border-box;
}

.ui-tooltip {
  width: 150px;
}

body .ui-menu.ui-widget .ui-divider {
	border: none;
	padding: 10px 2px;
  margin: 0;
  box-sizing: border-box;
}

body .ui-menu.ui-widget .ui-divider:before {
  color: #AAA;
  border-top-width: 1px;
  position: relative;
}

.ui-divider:before {
  color: #AAA;
  border-top-width: 2px;
}

.ui-divider-content {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px;
  background-color: var(--bga-color-background);
}

.loginInfo {
	font-style: italic;
	font-size: 13px;
}

#loginPanel {
	background: none;
	border: none;
}

.urlapSzamSzoveg,
.urlapSzamSzoveg-dis,
.ui-inputnumber .ui-inputfield {
    text-align: right;
    white-space: nowrap;
}

/* NEW*/
.ubrUrlap.show label {
	cursor: default;
}

.readonly-field,
.ubrUrlap.show label.urlapSzovegSzoveg,
.ubrUrlap.show label.urlapSzam,
.ubrUrlap.show label.longSzoveg,
.ubrUrlap.show label.integerSzoveg,
.ubrUrlap.show label.urlapHosszuSzovegSzoveg,
.ubrUrlap.show label.timestampSzoveg,
.ubrUrlap.show label.urlapDatumSzoveg {
	background: #E4F5E0;
}

/*
TODO: Az org.w3c.tidy PDF generáló megoldás nem kezeli a css szabályt, ha :not(...) szabály is van a felsorolásban (#423863)
Emiatt külön szabályba szedtem, hogy legalább a többi érvényesüljön!
*/
.ubrUrlap.show .ubrMezo > div label:not(.urlapCimke):not(.d) {
  background: #E4F5E0;
}

.ubrUrlap.show .tablazatSor label.urlapSzovegSzoveg,
.ubrUrlap.show .tablazatSor label.urlapSzam,
.ubrUrlap.show .tablazatSor label.longSzoveg,
.ubrUrlap.show .tablazatSor label.integerSzoveg,
.ubrUrlap.show .tablazatSor label.urlapHosszuSzovegSzoveg,
.ubrUrlap.show .tablazatSor label.timestampSzoveg,
.ubrUrlap.show .tablazatSor label.urlapDatumSzoveg,
.ubrUrlap.show .kiemeltSor label {
	background: none;
}

/*
TODO: Az org.w3c.tidy PDF generáló megoldás nem kezeli a css szabályt, ha :not(...) szabály is van a felsorolásban (#423863)
Emiatt külön szabályba szedtem, hogy legalább a többi érvényesüljön!
*/
.ubrUrlap.show .tablazatSor .ubrMezo > div label:not(.urlapCimke):not(.d),
.ubrUrlap.show .kiemeltSor .ubrMezo > div label:not(.urlapCimke):not(.d) {
  background: none;
}

.ubrUrlap.show .tablazatSor .control {
	border-left: none;
}

.ubrUrlap.show label.urlapSzam {
	text-align: right;
}

.ui-selectoneradio .ui-radiobutton .ui-state-active.ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
}

.tablazatSor-mellekletek:nth-child(2n) {
	background: #E4F5E0;
}
.tablazatSor-mellekletek {
	border: 1px solid #aaa;
}

.tablazatSor-mellekletek .ubrMezo {
	margin-right: 0;
}

.pre-deviza .tablazatSor-mellekletek label {
	padding-left: 5px;
}

.tablazatSor-mellekletek .ubrFile > tbody > tr > td {
	float: left;
	padding: 0;
	width: 0;
}

.tablazatSor-mellekletek .ubrFile > tbody > tr > td a {
	clear: left;
	float: left;
	margin-left: -190px;
	margin-top: 15px;
	max-width: 190px;
	max-height: 80px;
	word-wrap: break-word;
	overflow-y: hidden;
}

.tablazatSor-mellekletek .sablonGomb {
	border-top: 1px dotted #aaa;
}

.tablazatSor-mellekletek .sablonGomb a {
	margin: 0 !important;
}

.tablazatSor .ubrMezo .urlapLogikaiSzoveg,
.tablazatSor .ubrMezo .urlapHosszuSzoveg  {
	margin-right: 0;
}

.tablazatSor .ubrMezo .urlapHosszuSzoveg {
	resize: vertical;
}

.ubrUrlap.edit .pi.show-mode-only-icon:before {
	display: none;
}

/* textaread fix */
.ubrUrlap .ubrMezo .taGroup .tc td {
	padding-right: 15px;
}

.ubrUrlap .tablazatSor .ubrMezo.kotelezo::before {
	left: -2px;
}

.tablazatSor textarea {
	padding-left: 3px;
	padding-right: 3px;
}

.tablazatSor .ubrMezo select[disabled] {
	background: #eee;
}

.tablazatFej .border-right,
.tablazatSor .border-right {
	border-right: 1px solid #ccc;
}

.ubrUrlap .tablazatSor .ubrMezo.no-separator  {
	border-left: none;
	padding-left: 5px;
}

/* TablazatSorFej nelkuli tablazatok felso resze */
.ubrUrlap .tablazatSorFelso {
	border-bottom: 1px solid #ccc;
	padding-right: 1px;
}

.ubrUrlap .tablazatSor .ubrMezo.no-padding {
	padding: 0;
}

.filter-panel {
	width: 100%;
}

.filter-panel h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.filter-panel h3.first {
	margin-top: 0;
}

.filter-panel .buttons {
	background: #eee;
}

.filter-panel .filters {
	background: #eee;
	padding: 10px;
  margin-bottom: 0;
	overflow: hidden;
}

.filter-panel .ui-paginator-top,
.filter-panel .ui-paginator-bottom {
	background: #eee;
}

.filter-panel .ui-paginator-top {
	border-radius: 0;
}

.filter-panel .filters input,
.filter-panel .filters .ui-selectonemenu {
	margin-bottom: 6px;
}

.filter-panel .filters .ui-selectonemenu[class*="span-"] {
  padding-right: 0;
}

.filter-panel .filters .ui-selectonemenu[class*="span-"] .ui-selectonemenu-label,
.w-auto {
  width: auto !important;
}

.filter-panel .filters .ui-inputfield {
	height: 18px;
}

.filter-panel .filters.ui-fluid .ui-inputfield {
  height: 26px;
}

.paginatorBottom .ui-paginator.ui-paginator-top {
	display: none;
}

.noFilter table.ui-panelgrid.ui-widget {
	display: none;
	border: none;
}

.accordionImport .ui-accordion-content {
	border: 1px solid #eee;
}

.accordionImport .ui-accordion-header {
	box-shadow: none !important;
}

/* NC06-07 spec result table */
.filter-panel.scrollTable table {
	table-layout: fixed;
	margin-bottom: 30px;
}

.filter-panel.scrollTable .ui-datatable-tablewrapper {
    overflow: auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* disabled firefox focus */
:focus {
	outline: 0 !important;
}

.wrapper {
	overflow: hidden;
}

.kiemelt,
.vizsgaltErtek.kiemelt {
	background: #D1240C;
}

.kiemelt label,
.vizsgaltErtek.kiemelt label {
	color: var(--bga-color-text-light);
	font-weight: bolder;
}

/* growl */

.ui-growl .ui-state-highlight {
	background: none;
	color: #333;
}

.ui-growl-image-info.ui-growl-image,
.ui-growl-image-warn.ui-growl-image,
.ui-growl-image-error.ui-growl-image {
	position: absolute;
	z-index: -1000;
	margin: -10px -15px;
	height: 100%;
	width: 100%;
}

.ui-growl-image-info.ui-growl-image {
	background: #d9edf7;
}

.ui-growl-image-warn.ui-growl-image {
	background: #ffe500;
}

.ui-growl-image-error.ui-growl-image {
	background: #b22222;
}

.ui-growl-item .ui-growl-message {
	float: none;
	width: inherit;
	text-align: center;
}

.ui-growl-info .ui-growl-message .ui-growl-title {
	color: #3a87ad;
}

.ui-growl-warn .ui-growl-message .ui-growl-title {
	color: var(--bga-color-text);
}

.ui-growl-error .ui-growl-message .ui-growl-title {
	color: var(--bga-color-text-light);
}

/* lightbox */

.ui-lightbox {
	background: var(--bga-color-background);
	top: 5px !important;
}

.ui-lightbox-content-wrapper {
	padding: 10px;
}

/* UBR kieg */

.ubrUrlap.show label.urlapListaSzoveg {
	background: #E4F5E0;
}

/* upload panel */

.upload-panel {
	background: #f9f9f9;
	margin: auto -12px;
	padding: 0 12px 12px;
}

.word-break-all {
	word-break: break-all;
}

button.ui-button-text-only .ui-button-text {
  padding: 4px 8px;
}

.xtable {
  border-collapse: collapse;
  border: 1px solid #999;
  table-layout: fixed;
  width: 100%;
}

.xtable th {
  border: 1px solid #999;
  padding: 2px;
}
.xtable td {
  border: 1px solid #ddd;
  padding: 2px;
}

.xtable td:first-child,
.xtable th:first-child {
  border-left-color: #999;
}

.xtable td:last-child,
.xtable th:last-child {
  border-right-color: #999;
}

.xtable tr:last-child td {
  border-bottom-color: #999;
}

.xtable .tablazatKiemeltSor td {
  border: 1px solid var(--bga-color-primary-emphasis);
  border-top: 3px solid #999;
  border-bottom-color: #999;
}

.talatiOsszegzoSor {
  background: var(--bga-color-primary-emphasis);
  overflow: hidden;
  padding: 12px;
  color: var(--bga-color-text-light);
  font-weight: bold;
  margin-top: -3px;
  margin-bottom: 10px;
}

.w-4   { width: 4% !important; }
.w-10  { width: 10% !important; }
.w-11  { width: 11% !important; }
.w-15  { width: 15% !important; }
.w-20  { width: 20% !important; }
.w-22  { width: 22% !important; }
.w-25  { width: 25% !important; }
.w-30  { width: 30% !important; }
.w-33  { width: 33% !important; }
.w-40  { width: 40% !important; }
.w-45  { width: 45% !important; }
.w-49  { width: 49% !important; }
.w-50  { width: 50% !important; }
.w-60  { width: 60% !important; }
.w-70  { width: 70% !important; }
.w-75  { width: 75% !important; }
.w-80  { width: 80% !important; }
.w-90  { width: 90% !important; }
.w-95  { width: 95% !important; }
.w-96  { width: 96% !important; }
.w-99  { width: 99% !important; }
.w-100 { width: 100% !important; }

.w-fill {
  width: -webkit-fill-available;
  width: -moz-available;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p-0,
.p-0 > .ui-dataview-content {
  padding: 0 !important;
}
.p-0-1cm      { padding: 0.1cm !important;        }

.pt-0         { padding-top: 0 !important;        }
.pt-0-25cm    { padding-top: 0.25cm !important;   }
.pt-0-5cm     { padding-top: 0.5cm !important;    }
.pt-1cm       { padding-top: 1cm !important;      }
.pt-2cm       { padding-top: 2cm !important;      }
.pt-3cm       { padding-top: 3cm !important;      }

.pr-8px       { padding-right: 8px !important;    }
.pr-20px      { padding-right: 20px !important;   }

.pb-0         { padding-bottom: 0 !important;     }
.pb-0-5cm     { padding-bottom: 0.5cm !important; }

.pl-0         { padding-left: 0 !important;       }
.pl-8px       { padding-left: 8px !important;     }
.pl-12px      { padding-left: 12px !important;    }
.pl-20px      { padding-left: 20px !important;    }
.pl-24px      { padding-left: 24px !important;    }

.mt-13px      { margin-top: 13px !important;      }
.mt-26px      { margin-top: 26px !important;      }
.mt-n-0-45cm  { margin-top: -0.45cm !important;   }
.mt-0         { margin-top: 0 !important;         }
.mt-0-1cm     { margin-top: 0.1cm !important;     }
.mt-0-2cm     { margin-top: 0.2cm !important;     }
.mt-0-25cm    { margin-top: 0.25cm !important;    }
.mt-0-4cm     { margin-top: 0.4cm !important;     }
.mt-0-5cm     { margin-top: 0.5cm !important;     }
.mt-0-65cm    { margin-top: 0.65cm !important;    }
.mt-0-75cm    { margin-top: 0.75cm !important;    }
.mt-0-8cm     { margin-top: 0.8cm !important;     }
.mt-1cm       { margin-top: 1cm !important;       }
.mt-1-3cm     { margin-top: 1.3cm !important;     }
.mt-1-5cm     { margin-top: 1.5cm !important;     }
.mt-1-75cm    { margin-top: 1.75cm !important;    }
.mt-2cm       { margin-top: 2cm !important;       }
.mt-3cm       { margin-top: 3cm !important;       }
.mt-3-5cm     { margin-top: 3.5cm !important;     }
.mt-4cm       { margin-top: 4cm !important;       }

.mr-0-5cm     { margin-right: 0.5cm !important;   }
.mr-1-5cm     { margin-right: 1.5cm !important;   }
.mr-2-5cm     { margin-right: 2.5cm !important;   }
.mr-5cm       { margin-right: 5cm !important;     }

.mb-0         { margin-bottom: 0 !important;      }
.mb-1         { margin-bottom: 0.5em !important;  }
.mb-2         { margin-bottom: 1em !important;    }
.mb-3         { margin-bottom: 1.5em !important;  }
.mb-4         { margin-bottom: 2em !important;    }
.mb-5         { margin-bottom: 2.5em !important;  }
.mb-6         { margin-bottom: 3em !important;    }
.mb-14px      { margin-bottom: 14px !important;   }
.mb-28px      { margin-bottom: 28px !important;   }
.mb-40px      { margin-bottom: 40px !important;   }
.mb-0-1cm     { margin-bottom: 0.1cm !important;  }
.mb-0-75cm    { margin-bottom: 0.75cm !important; }
.mb-1cm       { margin-bottom: 1cm !important;    }
.mb-1-15cm    { margin-bottom: 1.15cm !important; }
.mb-2cm       { margin-bottom: 2cm !important;    }
.mb-6pt       { margin-bottom: 6pt !important;    }
.mb-12pt      { margin-bottom: 12pt !important;   }

.ml-n-30px    { margin-left: -30px !important;    }
.ml-n-8px     { margin-left: -8px !important;     }
.ml-n-0-25cm  { margin-left: -0.25cm !important;  }
.ml-5px       { margin-left: 5px !important;      }
.ml-8px       { margin-left: 8px !important;      }
.ml-10px      { margin-left: 10px !important;     }
.ml-30px      { margin-left: 30px !important;     }
.ml-35px      { margin-left: 35px !important;     }
.ml-65px      { margin-left: 65px !important;     }
.ml-0-2cm     { margin-left: 0.2cm !important;    }
.ml-0-5cm     { margin-left: 0.5cm !important;    }
.ml-0-7cm     { margin-left: 0.7cm !important;    }
.ml-0-75cm    { margin-left: 0.75cm !important;   }
.ml-1cm       { margin-left: 1cm !important;      }
.ml-1-5cm     { margin-left: 1.5cm !important;    }
.ml-3cm       { margin-left: 3cm !important;      }
.ml-4cm       { margin-left: 4cm !important;      }
.ml-5cm       { margin-left: 5cm !important;      }
.ml-15cm      { margin-left: 15cm !important;     }
.ml-10cm      { margin-left: 10cm !important;     }

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mellekletUpload .ui-fileupload-buttonbar {
    border: 0;
    padding: 0;
}

.mellekletUpload > .ui-fileupload-content {
    border: 0;
    padding: 0;
}

.ertekeloLapUpload > .ui-fileupload-content {
    border: 0;
    padding: 0;
}

.intezmenyDokumentumUpload .ui-fileupload-content {
    border: 0;
    padding: 0;
}

.intezmenyDokumentumUpload .ui-widget-header {
    border: none;
    background: transparent;
}

.bizonylatOsszerendelesTablazatSor {
    border-top: 1px solid #999 !important;
}

.ui-dialog-title {
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
}

.notification-info {
    background-color: #ffe500;
    color: var(--bga-color-text-dark);
}

.xhtmlCheckboxContainer {
  float: right;
  text-align: center;
}

.word-break {
  word-wrap:break-word;
}

.noCounter .tc {
	display: none;
}

.no-resizable {
	resize: none !important;
}

.preformatted {
	white-space: pre-wrap !important;
}

.iktatoszam {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

div.ubrMezo.iratFajlnev.iratFajlnev {
  overflow-wrap: anywhere;
}

.ui-inputNum input {
    text-align: right;
    outline-offset: -2px;
    float: left;
}

.span-5 .ui-inputNum input {width: 178px;}
.span-4 .ui-inputNum input {width: 138px;}
.span-3 .ui-inputNum input {width: 98px;}
.span-2 .ui-inputNum input {width: 48px;}


.no-horizontal-scroll.ui-datatable .ui-datatable-scrollable-body {
    overflow-x: hidden !important;
}

.default-cursor {
    cursor: default;
}

.tablaScroll {
    overflow-x: scroll;
}

#urlapHibaAttekintes {
    position: fixed;
    top:20px;
    left:20px;
    width:301px;
    margin-top: 0;
    z-index: 10;
    opacity: 0.85;
}

.popup-scroll {
    max-height: 80%;
    overflow-y: scroll;
    z-index: 900 !important;
}

.kozepKozep {
	float: none;
	vertical-align:middle;
}

.align-middle {
    vertical-align: middle !important;
}

.rejtettFejlec thead {
	display:none;
}

.pirosSzoveg {
    color: red !important;
    font-size: 100% !important;
}

.hosszuSzovegMintCimke {
    font-weight: bold !important;
    background: none !important;
    border: none !important;
    resize: none !important;
    text-align: justify !important;
}

.gorgetosPopup .ui-dialog-content.ui-widget-content {
    max-height: 85vh;
    top: 20px;
}

.gorgetosPopup {
    top: 20px !important;
}

.kisPaddingTable.ui-datatable thead th, .kisPaddingTable.ui-datatable tbody td, .kisPaddingTable.ui-datatable tfoot td, .kisPaddingTable.ui-datatable tfoot th {
    padding: 4px 4px;
}

table.ui-panelgrid.ui-widget.alsoPanelGrid {
	margin-top: 0;
	border-top: 0;
}

table.ui-panelgrid.ui-widget.felsoPanelGrid {
	margin-bottom: 0;
	border-bottom: 0;
}

.responsive-dataTable {
  min-width: 1030px;
  overflow-wrap: anywhere
}

.file-upload-background-none .ui-widget-header, .file-upload-background-none .ui-widget-content{
    background: none;
    border: none;
}

.resizable-dialog {
    overflow-y: auto;
    margin:10px;
    padding: 10px;
}

.resizers {
    position:absolute;
    top: 10px;
    left: 10px;
    width: inherit;
    height: inherit;
    z-index: -1;
}

.resizers .resizer {
    position: absolute;
    z-index: 100;
}

.resizers .edge-resizer {
    width: 30px;
    height: 30px;
    z-index: 101;
}

.ui-dialog .resizer.ui-resizable-se {
    right: -5px;
    bottom: -5px;
}

.responsive-dataTable .ui-datatable-scrollable-body{
    min-height: 100px;
    max-height: 250px;
}

.min-span-1 {min-width:29px;}
.min-span-2 {min-width:59px;}
.min-span-3 {min-width:89px;}
.min-span-4 {min-width:119px;}
.min-span-5 {min-width:149px;}

.ui-inputNum.span-4.right {
    margin: 0;
}

.ui-inputNum.span-4.right .ui-inputfield {
    width:100px;
    float: right;
    margin: 0;
}

.span-2fel {
	width: 90px
}

.min-width-40 {
    min-width: 40px;
}

.left-negative-25 {
    position: relative;
    left: -25px;
}
.select-many-listbox-style {
    height: 100px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px;
    color: #333333;
}

.rejtett-elonezet .cke_bottom a {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: grey;
}

/* Olyan mezőkre, ahol nincs pdfElonezet dialógus: a link ne is jelenjen meg */
.nincs-elonezet .cke_bottom a {
  display: none;
}


/* CSS */
.sidebar {
  height: 100%;
  width: 30vw;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 10px 2px 0 2px;
  display: none;
  flex-direction: column;
}

.sidebar h2 {
  padding: 10px;
  text-align: center;
  margin-top: 0;
  color: white;
}

.sidebar .closebtn {
  position: absolute;
  top: 20px;
  right: 20px;
}

button.openbtn {
  font-size: 20px;
  padding: 5px 5px;
  position: fixed;
  right: 0;
}

.backdrop {
  display: none;
  position: fixed;
  width: 70vw;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1040;
}

.ubrMezo.pi[class*="span-"]:before {
  display: block;
  width: inherit;
  padding-left: 0;
  padding-right: 0;
}

.ubrUrlap .tablazatKiemeltSor.sotet {
  background: var(--bga-color-primary-dark) !important;
}

.xtable .tablazatKiemeltSor.sotet td {
  border-color: var(--bga-color-primary-dark) !important;
}

.ubrHibauzenet {
  white-space: pre-line;
  color: var(--ubr-color-error-text, red);
  display: block;
}

.ubrFigyelmeztetes {
  white-space: pre-line;
  color: var(--ubr-color-warning-text, yellow);
  display: block;
}

.ubrMezo.egyszerre-egy-hiba > .ubrHibauzenet + .ubrHibauzenet,
.ubrMezo.egyszerre-egy-hiba > .ubrHibauzenet + .ubrFigyelmeztetes,
.ubrMezo.egyszerre-egy-hiba > .ubrFigyelmeztetes + .ubrFigyelmeztetes,
.ubrMezo.hibak-elrejtve > .ubrHibauzenet,
.ubrMezo.hibak-elrejtve > .ubrFigyelmeztetes {
  display: none;
}

.tablazatSor .ubrMezo select[class*="span-"] {
  box-sizing: border-box;
}

.tablazatSor .ubrMezo[class*="span-"] > div {
  width: inherit;
}

.ubrUrlap .ui-datatable .ubrMezo.info  label:before,
.ubrUrlap .info .ui-float-label > label:before,
.ubrUrlap .ui-datatable .ubrMezo.infoAfter label:after,
.ubrUrlap label.info:after {
  font-family: "primeicons", serif;
  content: "\e924";
  font-size: 1.1em;
  position: relative;
  display: inline-block;
  margin: 0 0.4em;
  color: unset;
}

.info-ikon:after {
  font-family: "primeicons", serif;
  content: "\e924";
  position: absolute;
  margin-top: -1px;
  margin-left: 8px;
}

.ubrUrlap .pi {
  font-family: 'primeicons', serif !important;
  line-height: normal;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.flex-end {
  justify-content: flex-end;
}

.flex-center {
  justify-content: center;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
    height: 16px !important;
}

.ui-dialog.flex-content > .ui-dialog-content {
  display: flex;
  flex-direction: column;
}

.ui-progressbar.animated-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  overflow: hidden;
  z-index: 1;
}

@keyframes move {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}

.ui-progressbar.with-label {
  height: 2em;
  position: relative;
}

.ui-progressbar .ui-progressbar-value.ui-widget-header {
  background-color: var(--bga-color-primary);
  *background-color: var(--bga-color-primary-gradient-end);
  background-image: -moz-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--bga-color-primary-gradient-start)), to(var(--bga-color-primary-gradient-end)));
  background-image: -webkit-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
  background-image: -o-linear-gradient(top, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
  background-image: linear-gradient(to bottom, var(--bga-color-primary-gradient-start), var(--bga-color-primary-gradient-end));
}

.ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value.ui-widget-header {
  background-image: none;
}

.ui-progressbar.with-label .ui-progressbar-value {
  height: 100%;
  position: initial;
}

.ui-progressbar.with-label .ui-progressbar-label {
  color: var(--bga-color-text-dark);
  display: block !important;
  font-size: 1em;
  line-height: 2em;
  text-align: center !important;
  min-width: max-content;
}

.ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value:before,
.ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value:after {
  background-color: var(--bga-color-primary) !important;
}

.ui-progressbar.ui-progressbar-indeterminate.with-label .ui-progressbar-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  min-width: 0;
  background: transparent;
}

.adatlapVan .ui-progressbar {
  height: 10px;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.ui-datatable-reflow .ui-datatable-data tr td[role="gridcell"],
.ui-datatable-reflow .ui-treetable-data tr td[role="gridcell"],
.ui-datatable-reflow thead tr th[role="columnheader"] .ui-column-title {
  overflow-wrap: break-word;
  white-space: unset;
}

.ui-treetable .ui-treetable-toggler[style="visibility:hidden"] {
  display: none !important;
}

.ui-treetable .ui-treetable-data .ui-treetable-indent {
  width: 1.5rem;
}

.ui-toolbar {
  gap: 2em;
  padding: 0.7em;
  align-items: flex-start;
}

.ui-toolbar .ui-toolbar-group-left,
.ui-toolbar .ui-toolbar-group-right {
  gap: 5px;
}

.ui-toolbar .ui-toolbar-group-right {
  max-width: 60%;
  justify-content: flex-end;
}

.ui-toolbar.ui-toolbar-transparent {
  background: none;
  border: none;
  box-shadow: none;
}

.pi:before {
  font-family: 'primeicons', serif !important;
  line-height: normal;
}

.password-policy {
  display: flex;
  flex-direction: column;
  font-size: 1.1em;
}

.password-policy-label {
  font-family: inherit;
  line-height: 1.7em;
}

.password-policy-label.pi:before {
  display: inline-block;
  margin-right: 5px;
  width: 1.1em;
}

.password-policy-label.pi.pi-check:before {
  color: green;
}

.password-policy-label.pi.pi-times:before {
  color: red;
}

.bold, .boldLabel {
  font-weight: bold;
}

.normalLabel {
  font-weight: normal;
}

table.defaultTableStyle.teljesitesigazolas {
  text-align: center;
}

.kisPaddingTable.child-margin > .ui-datatable-tablewrapper {
  margin-right: 6px;
}

.ugylettipus-valaszto {
  > div {
    display: flex;

    > div {
      width: 45%;

      > div.ui-radiobutton {
        margin-right: 30px;
      }
    }
  }
}

div[id*='ujBizonylatInclude'] span[id*='megtettTavolsag'],
div[id*='ujBizonylatInclude'] span[id*='atlagFogyasztas'],
div[id*='ujBizonylatInclude'] span[id*='amortizacio'],
div[id*='ujBizonylatInclude'] span[id*='osszeg'],
div[id*='ujBizonylatInclude'] span[id*='nettoOsszegEredetiDevizaban'],
div[id*='ujBizonylatInclude'] span[id*='bruttoOsszegEredetiDevizaban'] {
  display: block;
}

/* Editorhoz köthető css szabályok */
.sun-editor .sun-editor-editable table th {
  background: inherit;
}

.sun-editor .sun-editor-editable li {
  list-style-type: inherit;
}

.sun-editor .sun-editor-editable p {
  text-align: justify;
}

.sun-editor .sun-editor-editable .flex {
  display: flex;
}

.sun-editor button.editor-toolbar-btn .page-break-before,
.sun-editor button.editor-toolbar-btn .page-break-after,
.sun-editor button.editor-toolbar-btn .pdfFejlecLeft,
.sun-editor button.editor-toolbar-btn .pdfFejlecCenter,
.sun-editor button.editor-toolbar-btn .pdfFejlecRight,
.sun-editor button.editor-toolbar-btn .pdfLablecLeft,
.sun-editor button.editor-toolbar-btn .pdfLablecCenter,
.sun-editor button.editor-toolbar-btn .pdfLablecRight,
.sun-editor .sun-editor-editable .page-break-before:before,
.sun-editor .sun-editor-editable .page-break-after:after,
.sun-editor .sun-editor-editable .pdfFejlecLeft:before,
.sun-editor .sun-editor-editable .pdfFejlecLeft:after,
.sun-editor .sun-editor-editable .pdfFejlecCenter:before,
.sun-editor .sun-editor-editable .pdfFejlecCenter:after,
.sun-editor .sun-editor-editable .pdfFejlecRight:before,
.sun-editor .sun-editor-editable .pdfFejlecRight:after,
.sun-editor .sun-editor-editable .pdfLablecLeft:before,
.sun-editor .sun-editor-editable .pdfLablecLeft:after,
.sun-editor .sun-editor-editable .pdfLablecCenter:before,
.sun-editor .sun-editor-editable .pdfLablecCenter:after,
.sun-editor .sun-editor-editable .pdfLablecRight:before,
.sun-editor .sun-editor-editable .pdfLablecRight:after {
  text-align: center;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #0000001A;
}

.sun-editor .sun-editor-editable .pdfFejlecLeft:before,
.sun-editor .sun-editor-editable .pdfFejlecCenter:before,
.sun-editor .sun-editor-editable .pdfFejlecRight:before,
.sun-editor .sun-editor-editable .pdfLablecLeft:before,
.sun-editor .sun-editor-editable .pdfLablecCenter:before,
.sun-editor .sun-editor-editable .pdfLablecRight:before {
  display: block;
  margin-top: 2em;
  border-bottom: none;
}

.sun-editor .sun-editor-editable .pdfFejlecLeft:after,
.sun-editor .sun-editor-editable .pdfFejlecCenter:after,
.sun-editor .sun-editor-editable .pdfFejlecRight:after,
.sun-editor .sun-editor-editable .pdfLablecLeft:after,
.sun-editor .sun-editor-editable .pdfLablecCenter:after,
.sun-editor .sun-editor-editable .pdfLablecRight:after {
  display: block;
  margin-bottom: 2em;
  border-top: none;
}

.sun-editor .sun-editor-editable .pdfFejlecLeft:before,
.sun-editor .sun-editor-editable .pdfFejlecCenter:before,
.sun-editor .sun-editor-editable .pdfFejlecRight:before {
  content: "Fejléc eleje";
}

.sun-editor .sun-editor-editable .pdfFejlecLeft:after,
.sun-editor .sun-editor-editable .pdfFejlecCenter:after,
.sun-editor .sun-editor-editable .pdfFejlecRight:after {
  content: "Fejléc vége";
}

.sun-editor .sun-editor-editable .pdfLablecLeft:before,
.sun-editor .sun-editor-editable .pdfLablecCenter:before,
.sun-editor .sun-editor-editable .pdfLablecRight:before {
  content: "Lábléc eleje";
}

.sun-editor .sun-editor-editable .pdfLablecLeft:after,
.sun-editor .sun-editor-editable .pdfLablecCenter:after,
.sun-editor .sun-editor-editable .pdfLablecRight:after {
  content: "Lábléc vége";
}

.sun-editor .sun-editor-editable .page-break-before:before,
.sun-editor .sun-editor-editable .page-break-after:after {
  content: "Oldaltörés";
  display: block;
  margin: 2em 0;
}

.sun-editor .se-container .se-component.se-image-container {
  width: max-content;
  float: left;
  outline: none;
}

.sun-editor .se-container .se-component.se-image-container:has(+ *:not(.se-image-container)) {
  float: none;
}

.sun-editor * {
  white-space: pre-line;
}

.sun-editor .sun-editor-editable table.defaultTableStyle td,
.sun-editor .sun-editor-editable table.defaultTableStyle th {
  border: 1px solid black;
  border-collapse: collapse;
}

.CodeMirror {
  max-width: unset !important;
}

.font-13px {
  font-size: 13px !important;
}

.font-12px {
  font-size: 12px !important;
}

.ui-dataview-row + .ui-dataview-row {
  margin-top: 1em;
}

.ui-tag {
  background-color: var(--bga-color-primary);
  color: var(--bga-color-text-light);
  font-weight: 700;
  padding: .25rem .4rem;
  border-radius: 4px;
}
