@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,600;1,700&family=Titillium+Web:ital,wght@0,300;1,400&display=swap');
:root {
	--vmkGR: #96BA40;/*vmk-green*/
	--vmkDGR:#61BB46;/*vmk-dark-green*/
	--vmkLGR:#DAF7A6;/*vmk-light-green*/
	--vmkXLGR:#EDFCD9;/*vmk-extra-light-green*/
	
	--vmkG:#777777;/*vmk-grey*/
	--vmkDG:#343434;/*vmk-dark-grey*/
	--vmkLG:#B4BAC0;/*vmk-light-grey*/
	--vmkXLG:#EFEFEF;/*vmk-extra-light-grey*/
	
	--vmkRED:#F72020;/*vmk-red*/
	--vmkDRED:#8C0404;/*vmk-dark-red*/
	--vmkLRED:#f59A9A;/*vmk-light-red*/
	--vmkXLRED:#F7E4E4;/*vmk-extra-light-red*/
	
	--vmkYW:#FFDF75;/*vmk-yellow*/
	--vmkDYW:#C7A418;/*vmk-dark-yellow*/
	--vmkLYW:#F2DFA0;/*vmk-light-yellow*/
	--vmkXLYW:#FFF4D1;/*vmk-extra-light-yellow*/
	
	--vmkLBlue:#D0F2FF;
	--error:#78130c;/*error text color*/
	--inBG:#E7FFB3;/*registrar inbound (odd)*/
	--inBGEven:#D4EBA4;/*registrar inbound (even)*/
	--outBG:#82C9BB;/*registrar outbound (odd)*/
	--outBGEven:#54BFBE;/*registrar outbound (even)*/
	--w:200px;/*width*/
	--h:20px;/*height*/
	--lh:26px;/*line-height*/
	--pada:0px;/*padding*/
	--padl:0px;/*padding-left*/
	--padr:0px;/*padding-right*/
	--padt:0px;/*padding-top*/
	--padb:0px;/*padding-bottom*/
	--mrga:0px;/*margin*/
	--mrgl:0px;/*margin-left*/
	--mrgr:0px;/*margin-right*/
	--mrgt:0px;/*margin-top*/
	--mrgb:0px;/*margin-bottom*/
	--brdl:0px;/*border-left*/
	--brdr:0px;/*border-right*/
	--brdt:0px;/*border-top*/
	--brdb:0px;/*border-bottom*/
	--brad:0px;/*border-radius*/
	--brad-tl:0px;/*border-top-left-radius*/
	--brad-tr:0px;/*border-top-right-radius*/
	--brad-br:0px;/*border-bottom-right-radius*/
	--brad-bl:0px;/*border-bottom-left-radius*/
	--brdc:#777777;/*border-color*/
	--fg:1;/*flex-grow*/
	--fs:1rem;/*font-size*/
	--indent:0px;
	--shtop:0;
	--shindex:10;
}
*{margin:0; padding:0; cursor:default}
*:focus{outline:none !important}
::-webkit-scrollbar{width: 10px}
::-webkit-scrollbar-track{border-radius: 8px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)}
::-webkit-scrollbar-thumb{border-radius: 8px; background: var(--vmkLGR); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}
::-webkit-scrollbar-thumb:hover{ background: var(--vmkGR); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7)}

body{font:14px/16px 'Open Sans',sans-serif !important}
body.dark{background:var(--vmkG);color:var(--light)}
body.light{background:var(--white);color:var(--vmkDG)}

h4{font-size:1.4rem !important;margin:0px;padding-bottom:0.5rem}
h6{margin:0px;padding-bottom:5px}
label{margin:0 !important}
form{display:inline !important}
select,input,button,textarea{font:14px/16px 'Titillium Web',sans-serif !important;color:var(--vmkDG);background:var(--white);box-sizing:border-box;margin:0;letter-spacing:1px;height:24px;padding:2px;border-radius:4px !important;border:1px  solid  var(--vmkLG);border-bottom:1px  solid  var(--vmkDGR)}
input{padding:2px 5px 2px 5px !important;cursor:text}input[disabled]{cursor:default}
input.dark,button.dark,textarea.dark{background:var(--vmkG);color:var(--light);border:1px solid var(--vmkG)}
input.red,button.red,textarea.red{background:var(--danger);color:var(--light)}
input.delbtn{background:var(--danger);color:var(--light);padding:2px 1px 2px 1px !important;text-align: center}
input.cancelbtn{padding:2px 1px 2px 1px !important;text-align: center}
input.norm{height:24px !important}
input[type=file]{height:auto !important}
input[type=number]{text-align: right}
::placeholder{color:var(--vmkLG)}
input[required]::placeholder {color:var(--red) !important}
select[disabled],input[disabled]{background:lightgrey}
input[type=checkbox],input[type=radio]{vertical-align: middle;position:relative;bottom:1px}

.textcenter{white-space:normal; text-align:justify; text-align-last:center}

.h{height:var(--h)} .w{width:var(--w) !important} .lh{line-height:var(--lh)} .bold{font-weight:bold} .fs{font-size:var(--fs)}
.pada{padding:var(--pada)} .padl{padding-left:var(--padl)} .padr{padding-right:var(--padr)} .padt{padding-top:var(--padt)} .padb{padding-bottom:var(--padb)}
.mrga{margin:var(--mrga)} .mrgl{margin-left:var(--mrgl)} .mrgr{margin-right:var(--mrgr)} .mrgt{margin-top:var(--mrgt)} .mrgb{margin-bottom:var(--mrgb)} .fg{flex-grow:var(--fg)}
.fl{float:left} .fr{float:right} .clr{clear:both;margin:0;padding:0}
.brdl{border-left:solid var(--brdl)} .brdr{border-right:solid var(--brdr)} .brdt{border-top:solid var(--brdt)} .brdb{border-bottom:solid var(--brdb)} .brdc{border-color:var(--brdc) !important}
.brad{border-radius:var(--brad)}
.brad-tl{border-top-left-radius:var(--brad-tl)} .brad-tr{border-top-right-radius:var(--brad-tr)} .brad-br{border-bottom-right-radius:var(--brad-br)} .brad-bl{border-bottom-left-radius:var(--brad-bl)}
.cp{cursor:pointer}
.ovfh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activerow:hover{background-color:var(--outBG) !important}

.row{justify-content:center;margin:0}
.row2{display:flex; justify-content:center; align-items:stretch}
.col2{flex:1;padding:0px}

.bgvmk{background-color:var(--vmkLGR)}
.bgdvmk{background-color:var(--vmkGR)}
.bglvmk{background-color:var(--vmkLGR)}
.bgxlvmk{background-color:var(--vmkXLGR)}

.bgg{background-color:var(--vmkG)}
.bgdg{background-color:var(--vmkDG)}
.bglg{background-color:var(--vmkLG)}
.bgxlg{background-color:var(--vmkXLG)}

.bgred{background-color:var(--vmkRED)}
.bgdred{background-color:var(--vmkDRED)}
.bglred{background-color:var(--vmkLRED)}
.bgxlred{background-color:var(--vmkXLRED)}

.bgyw{background-color:var(--vmkYW)}
.bgdyw{background-color:var(--vmkDYW)}
.bglyw{background-color:var(--vmkLYW)}
.bgxlyw{background-color:var(--vmkXLYW)}

.bglight{background-color:var(--light)}
.bgwh{background-color:var(--white)}
.bgorange{background-color:var(--orange)}
.lbbg{background-color:lightBlue;}

.bgerr{background:var(--vmkLRED) !important;color:var(--light)}
.inactive{background:var(--vmkXLRED) !important;color:var(--vmkDG)}

/* IKTATÓ */
.inbg{background-color:var(--inBG)}
.inbgeven{background-color:var(--inBGEven)}
.inbgnth:nth-child(odd){background-color:var(--inBG)}
.inbgnth:nth-child(even){background-color:var(--inBGEven)}

.outbg{background-color:var(--outBG)}
.outbgeven{background-color:var(--outBGEven)}
.outbgnth:nth-child(odd){background-color:var(--outBG)}
.outbgnth:nth-child(even){background-color:var(--outBGEven)}

/* jobregisitry grey*/
.jobrow:nth-child(even){background-color:var(--vmkXLG)}
.jobrow:nth-child(odd){background-color:var(--white)}
.jobrow:hover{background-color:var(--vmkLG)}
/* jobregisitry green */
.jobrowgreen:nth-child(even){background-color:var(--vmkLGR)}
.jobrowgreen:nth-child(odd){background-color:var(--vmkXLGR)}
.jobrowgreen:hover{background-color:var(--vmkGR)}
/* jobregisitry yellow */
.jobrowyellow:nth-child(even){background-color:var(--vmkLYW)}
.jobrowyellow:nth-child(odd){background-color:var(--vmkXLYW)}
.jobrowyellow:hover{background-color:var(--vmkYW)}

.cred{color:var(--red)}
.cdred{color:var(--vmkDRED)}
.clred{color:var(--vmkLRED)}
.cxlred{color:var(--vmkXLRED)}

.cvmkgr{color:var(--vmkGR)}
.cvmkdgr{color:var(--vmkDGR)}
.cvmklgr{color:var(--vmkLGR)}
.cvmkxlgr{color:var(--vmkXLGR)}

.cgrey{color:var(--vmkG)}
.cdgrey{color:var(--vmkDG)}
.clgrey{color:var(--vmkLG)}
.cxlgrey{color:var(--vmkXLG)}

.cgreen{color:var(--green)}
.cnorm{color:var(--vmkDG)}
.cvmk{color:var(--vmkGR) !important}
.cdvmk{color:var(--vmkDGR) !important}
.cwh{color:var(--white)}

.loginmenu.loginbg {width:100%;margin-top:150px;padding:40px;background:var(--vmkGR);text-align:center}
.loginmenu div {line-height:30px}
.loginmenu div input {display:inline-block;width:200px;font-weight:normal}
.loginmenu div input[type="text"],.loginmenu div input[type="password"]{height:25px}
.loginH{font-size:18px;margin-bottom:20px}

.opa05{opacity:0.7}

.big-text{font-size:2em !important}
.gmr-text{font-size:1.3em !important}
.gr-text{font-size:1.2em !important}
.g-text{font-size:1.1em !important}
.n-text{font-size:1em !important}
.s-text{font-size:0.9em !important}
.sm-text{font-size:0.8em !important}
.smr-text{font-size:0.7em !important}
.upper{text-transform:uppercase}

.indent{text-indent: calc(-1*var(--indent));margin-left:var(--indent)}

.lnk{color:var(--vmkGR);font-weight:bold}.lnk:hover{color:var(--vmkGR)}

/* Select2 custom css*/
.select2-container--default .select2-selection--single{font:14px/16px 'Titillium Web',sans-serif !important;color:var(--vmkDG);background:var(--white);box-sizing:border-box;margin:0;letter-spacing:1px;height:24px;padding:2px;border:1px  solid  var(--vmkLG);border-bottom:1px  solid  var(--vmkDGR);border-radius:4px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:20px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:20px !important}
.select2{ width: 100% !important; }

/* koroknay*/
.atlogas{color:brown !important;background:lightgrey !important}
.packlist{cursor:pointer}

.sorB{background-color:#A7E381 !important}
.sorK{background-color:#9CFA9C !important}
.storno{background-color:#C97575 !important;color:white !important}

/* popup window*/
.w100sz{width:100%;}
.ui-widget-overlay{!important;position:fixed !important}
.ui-widget{font-family:'Open Sans', sans-serif !important;position:fixed !important}
.ui-widget-header{border:none !important;background:var(--vmkGR) !important;padding:2px !important;text-align:center}
.ui-widget-content{background: none;background-color:var(--light) !important}
.ui-dialog .ui-dialog-title{float:none}
.ui-dialog .ui-dialog-content{padding: 0em 1em !important}
.ui-button{position:relative !important}
.ui-dialog-titlebar-close{display:none !important}

/* jövedék vevőnyilvántartás*/
.highlight{background-color:var(--vmkXLG)}

/* sticky header*/
.stickyheader{position:sticky;top:var(--shtop);width:100%;z-index:var(--shindex); }

.material-symbols-rounded{ display:inline-flex;vertical-align:middle;padding-bottom:3px }
.materialbtn{ background-color: transparent; border: none; }
.responsible{ max-width: 100%;height: auto; }