@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	background: #ece8d6;
	font-size: 13px;
	line-height: 110%;
}


article {
	padding: 10px;
	padding-top: 6px;
	background: #f8f8ec;
	border: 1px solid #b0b0b0;
	border-top: 0;
	margin: 0;
	outline: 0;	
}  

footer {
	padding: 5px 20px 5px 10px;
	border: 1px solid #b0b0b0;
	border-top: 0;
	margin: 0;
	outline: 0;		
  background: #ffea9f;
	height: 20px;
	text-align: left;
}  

header {
	height: 80px;
	margin: 0;
	border: 0;
	outline: 0;
}

a { 
  color: #804020;
  text-decoration: underline;
} 

a:hover, a:focus { 
  color: #b08040;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif; 
	font-weight: normal;
}

h1 { 
  font-size: 16px; 
  margin-top: 0px;
  margin-bottom: 8px;  
  color: #404040;
}

h2 { 
  font-size: 15px; 
  margin-top: 4px;
	margin-left: 10px;
  margin-bottom: 8px;  
  color: #404040;
  /* text-shadow: 0px 0px 1px #c0c0c0; */
}

h3 { 
	font-family: Arial, Helvetica, sans-serif;
  font-size: 15px; 
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 6px;  
  color: #202020;
  /* text-shadow: 0px 0px 1px #c0c0c0; */
}	

h4 { 
  font-family: 'Times New Roman',Times,serif; 
  font-size: 16px; 
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 2px; 
	margin-left: 10px;
  color: #404040;
  text-shadow: 2px 1px 4px #c0c0a0;
}

h5 { 
  font-size: 15px; 
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 6px;  
  color: #f0f0c0;
  text-shadow: 0px 0px 3px #a0a0a0; 
	text-align: center;
}	

p { 
  margin-top: 3px;
  margin-bottom: 6px;
  text-align: justify;
  line-height: 130%;
}

td {
	font-size: 13px;
}	

input, select {
  background: #fcfac0;
  border: 1px solid #c0bc90;
  font-size: 12px;
  font-weight: normal;	
}	

input[type=button], input[type=submit] {
	cursor: pointer;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9px #fcfac0;
}

input[type=text], input[type=password], select { 
  padding: 2px 4px 2px 4px;
	color: #202020;
	margin-bottom: 4px;
 }

input[type="radio"], input[type="checkbox"] {
  accent-color: #606040;
}

textarea { 
  background: #ffea9f;
	line-height: 18px;
  border: 1px solid #c0bc90;
	font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 2px 4px 2px 4px;
	color: #404040;
	margin-left: 5px;
	margin-bottom: 5px;
 }

label {
	color: #808080;
	font-size: 12px;
}	

/* --- DIVs --- */

#container {
  margin: 0 auto;
} 

#loginbox {
  width: 300px;
  margin: 0 auto;
  background: #f0f0e8;
  border: 1px solid #c0bc90;
  text-align: center;
  padding: 10px;
 }
 
.cent {
	text-align: center;
 }
 
.but {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px 8px 2px 8px;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  background: #ffffff;
  cursor: default;
  box-shadow: inset 0 -2px 6px #dcdcd0;
}

.but2 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  background: #ffffff;
  cursor: default;
  box-shadow: inset 0 -2px 6px #dcdcd0;
}
	
.but3 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px 8px 2px 8px;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  background: #e0e0e0;
  cursor: default;
  box-shadow: inset 0 -2px 6px #8c8c80;
}
		
	
	
.but:focus, input:focus, select:focus,textarea:focus {
	 /* outline:1px solid #c0c080; */
	 outline: none;
	 border: 1px solid #a0a040;
	 box-shadow: 0px 0px 6px 1px #d0d0d0; 
}

.but:disabled {
	box-shadow: none;
	cursor: not-allowed;
}	


#sum {
	font-size: 14px;
	color: #808080;
	font-weight: bold;
}	

 #msg {
	 color: #c00000;
	 font-weight: bold;
 }

 #menu {
	 position: relative;
	 top: -30px;
	 right: 0px;
	 padding-right: 10px;
	 text-align: right;	
 }
 
  #fmenu {
	 text-align: left;
   margin-top: 3px;	 
	 margin-left: 10px;
 }
 
 .menuitem {
	 margin-right: 2px;
	 margin-left: 2px;
	 padding: 2px 10px 2px 10px;
	 background: #3b5120;
	 color: #ffea9f;
	 cursor: pointer;
 }	 

 .mact {
	 background: #ffea9f;
	 color: #3b5120;
	 cursor: default;
	 font-weight: bold;
	 padding: 2px 4px 2px 4px;
 }	 
 
 .logininfo {
	 margin-right: 20px;
	 color: #808080;
	 font-size: 12px;
 }	 

 
 .w360 {
	 width: 360px;
 }	 
 
  .w980 {
	 width: 980px;
	 margin: 0 auto;
 }	 
 
 .w1280 {
  width: 1280px;	 
 }	 

 #consol {
	 margin-left: 30px;
	 margin-right: 30px;
	 padding: 20px;
	 border: 1px solid #c0bc90;
	 background: #fcfca0;
	 font-size: 12px;
 }
 
/* munkaido.asp ----------------- */
/* naptár */
 
 .naptar {
	 margin-left: 10px;
	 float: left;
}

.naptar table {
	 margin-left: 0px;
	 margin-top: 4px;
	 border: 2px solid #707070;
	 border-collapse: collapse;
	 text-align: center;
	 color: #202020;
	 background: #fcfcfc;
}		
		
.naptar td {
	border: 1px solid #909090;
	padding: 2px 6px 2px 6px;
	cursor: pointer;
	background: #fcfc50;
	font-size: 12px;
}				

.naptar td.inact {
	background: #e0e0e0;
	cursor: default;
}				

.naptar td.sel {
	border: 4px solid #c00000;
	color: #000000;
	font-weight: bold;
	cursor: default;
}	

.naptar td.edit {
	background: #bef680;
}	

.naptar td.act {
	background: #74c90d;
}	


.readonly {
	background: #fcfc50;
}
	
.inact {
	background: #e0e0e0;
	cursor: default;
}				

.edit {
	background: #bef680;
}				

.act {
	background: #74c90d;
}	

.jelm {
	margin-left: 40px;
	float: left;
}	

.jelm span {
	padding: 0px 8px 0px 8px;
	border: 1px solid #a0a0a0;
	font-size: 11px;
}

.hsep {
	clear: both;
}

/* szerv.egys. választó */

.vszerv {
	margin-left: 10px;
	margin-top: 10px;
}

.vszerv select {
  background: #fcfac0;
  border: 1px solid #a09c70;
  font-size: 11px;
  font-weight: normal;
	padding: 2px;	
}	

/* munkatársak táblázat */

#mtsak {
	margin-top: 8px;
	margin-left: 10px;
}	

#tfix {
  position: relative;	
	left: 0px;
	top: 4px;
	z-index: 10;
}	

table.tfix {
	margin: 0;
	border: 2px solid #707070;
	border-collapse: collapse;
	text-align: center;
	color: #202020;
	background: #fcfcfc;	
	white-space: nowrap;		 
}		
				
table.tfix th {
	border: 1px solid #b0b0b0;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
	font-size: 11px;
	background: #3b5120;
	color: #ffea9f;
	font-weight: normal;
}			
	
table.tfix th.nhn {
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	width: 20px;
	background: #404040;
	color: #e8e8e0;
	font-weight: normal;
}			

table.tfix th.npn {
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	width: 20px;
	background: #404040;
	color: #29d1fd;
}

table.tfix th.nmsz {
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	width: 20px;
	background: #404040;
	color: #ff3020;
}

table.tfix td {
	border: 0.5px solid #b0b0b0;
	padding: 2px;
	font-size: 11px;
}			

table.tfix td.px1 {
	border: 1px solid #b0b0b0;
	padding: 2px;
	font-size: 11px;
}		

table.tfix th.act {
	color: #ffffff;
}	

.clk {
	cursor: pointer;
}

.mo4 {
	background: #f9898b;
}

.mo6 {
	background: #ffeb84;
}	

.mt-k {
	color: #d5af53;
	font-weight: bold;
}

.mt-r {
	color: #d55300;
}



table.thscroll td {
	border: 1px solid #a0a0a0;
	padding: 2px;
	font-size: 11px;
}	

.al {
	text-align: left;
}

tr.sep5  td {
	border-bottom: 0.5px solid #707070;
}	

.k0 {
	background: #fcfac0;
	color: #202020;
}	

.k-M {
	background: #e4e4e4;
}	

.k-O {
	background: #f0e0c4;
}	

.k-T {
	background: #f0d0b0;
}	


.k-MSZ {
	background: #ff6060;
}	

.k-PN {
	background: #9ecdf2;
}

.k-SZ {
	background: #c8fb61;
}

.k-ESZ {
	background: #77c214;
}

.k-RSZ {
	background: #8ee69c;
}

.k-TP {
	background: #4c9cbe;
}

.k-FN {
	background: #bf69ff;
}

.k-IT {
	background: #ffd965;
}

.k-TK {
	background: #efe7ad;
}

.k-TSZ {
	background: #fcf690;
} 

.k-ASZ {
	background: #e1fc46;
}

.k-TEM {
	background: #000000;
	color: #fcf690;
}

.k-BK {
	background: #fc90d0;
}

.k-KK {
	background: #e860e8;
}

.k-UT{
	background: #ecac9a;
}

.k-CSD {
	background: #2c99e8;
}

.k-GYT {
	background: #a3ecf3;
}

.k-OM {
	background: #f8f8f8;
}

.k-IG {
  	background: #ffff00;
}

.k-M-SZ {
  	background: #d0d8dc;
}

.k-MSZ-SZ {
  	background: #f02020;
}


.mi-sz {
	color: #a0a0a0;
}

.mi-z {
  background: #f0f0f0;
  color: #30a000;
	font-weight: bold;
}

.mi-p {
  background: #f0f0f0;
	color: #c04000;
	font-weight: bold;
}	

.mi-l {
  background: #f0f0f0;
	color: #8000f0;
	font-weight: bold;
}	
	
.mi-f {
  background: #f0f0f0;
	color: #000000;
	font-weight: bold;
}

.mio-sz {
	color: #808080;
}

.mio-z {
  color: #208000;
	font-weight: bold;
}

.mio-p {

	color: #b02000;
	font-weight: bold;
}	

.mio-l {
	color: #6000d0;
	font-weight: bold;
}	
	
.mio-f {
	color: #000000;
	font-weight: bold;
}
	
	
.ures {
	background: #808080;
}	

/* mio.asp ---------------- */

#mid_valaszto {
	padding: 6px;
	padding-top: 10px;
	background: #f8f8ec;
	border: 1px solid #b0b0b0;
	border-top: 0;
	margin: 0;
	outline: 0;
}	

.usw {
	 margin-top: 8px;
	 padding: 3px 6px 3px 6px;
	 background: #3b5120;
	 color: #ffea9f;
	 cursor: pointer;
}	 

#mny { 
  background: #404040;
}  

table.tmny {
	margin: 0;
	margin-top: 4px;
	border: 2px solid #707070;
	border-collapse: collapse;
	text-align: center;
	color: #202020;
	background: #fcfcfc;
	white-space: nowrap;
}		
 
.tmny th {
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	width: 20px;
	background: #404040;
	color: #e8e8e0;
	font-weight: normal;
}		
 
.tmny td { 
 	border: 0.5px solid #a0a0a0;
	padding: 2px;
	font-size: 12px;
}	

tr.ract td.mio_dt {
	border: 2px solid red;
}	

.mio_dt {
	background: #404040;
	min-width: 25px;
}

.mio_kod { 
  min-width: 25px;
} 

.mio_PN {
	color: #29d1fd;
}

.mio_MSZ {
	color: #ff3020;
}

.mio_M {
	color: #e8e8e8;
}

.mio_b { 
  min-width: 31px;
	line-height: 140%;
} 

.mio_bmi { 
  min-width: 30px;
	line-height: 140%;
} 

.mio_v {
	background: #fcfac0;
	min-width: 31px;
	line-height: 140%;
}

.mio_vmi {
	background: #fcfac0;
	min-width: 30px;
	line-height: 140%;
}


.mio_edit {
	background: #404040;
}


/* sliders ------------ */

#sliders {
	width: 320px;
	padding: 19px;
	padding-top: 12px;
	background: #f8f8ec;
	border: 1px solid #b0b0b0;
	border-top: 0;
	margin: 0;
	outline: 0;
	min-height: 80px;
}

.less  .noUi-connect { 
	background: #e02000;
} 
  
.equ .noUi-connect{  
	background: #f0f000;
} 

.more .noUi-connect{
	background: #80d000;
}

.green { 
	color: #80d000;
} 

.red { 
	color: #e02000;
}	
 

#sliders select {
  background: #fcfac0;
  border: 1px solid #a09c70;
  font-size: 13px;
  font-weight: normal;
	padding: 3px;	
	border-radius: 2px;
}	

#sliders select option {
	background: #f0f0f0;
}

.slide_info {
	color: #707070;
}

.slide_val {
	color: #202020;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
	
.click {
	cursor: pointer;
}	


/* kalkulációk ------------ */

#kalk {
	padding: 6px;
	padding-top: 10px;
	background: #f8f8ec;
	border: 1px solid #b0b0b0;
	border-top: 0;
	margin: 0;
	outline: 0;
}	

.mlabel {
	font-size: 12px;
	color: #808080;
}

.mval {
	color: #000000;
	font-weight: bold;
}

.mi-z2 {
  color: #90c000;
	font-weight: bold;
}	

.mi-p2 {
	color: #f02000;
	font-weight: bold;
}	
	
.rmsz { 
	background: #c0f060;
	padding: 2px 6px 2px 6px;
}
	
	
#szerk_mane {
	 margin-left: 10px;
	 margin-top: 10px;
	 padding: 0px;
	 width: 1200px;
} 
	
#nevsor {
	 line-height: 18px;
	 font-size: 13px;	 
	 font-style: normal;
	 font-weight: normal;
	 margin-left: -0px;
	 margin-top: 0px;
	 padding: 10px;
	 background: #fcfce0;
	 border: 1px solid #c0c0c0;
	 color: #686020;
	 clear: left;
	 overflow: auto;
	 position: sticky;
	 top: 20px;
	 width: 220px;
	 float: left;
}

#nevsor2 {
	 line-height: 18px;
	 font-size: 13px;	 
	 font-style: normal;
	 font-weight: normal;
	 margin-left: -0px;
	 margin-top: 0px;
	 padding: 10px;
	 background: #fcfce0;
	 border: 1px solid #c0c0c0;
	 color: #686020;
	 clear: left;
	 overflow: auto;
	 position: sticky;
	 top: 4px;
	 width: 280px;
	 float: left;
}

#szerk_naptar {
   line-height: 20px;
	 font-size: 14px;	 
	 font-style: normal;
	 font-weight: normal;
	 margin-left: 260px;
	 margin-top: 10px;
	 padding: 10px;
	 background: #fcfcfc;
	 border: 1px solid #c0c0c0;
	 color: #202020;
	 width: 956px;
}  

.cmenu {
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px #000000 solid;
  background-color: #fcfcf0;
	box-shadow: 1px 1px 14px #606060;
  color: #000000;
  overflow:auto;
  padding: 6px; 
  display: none;
  z-index: 100;	
}	

.cmenu div {
  border: 1px #b0b0a0 solid;
  padding: 8px; 
	padding-bottom: 3px;
	padding-top: 3px;
  margin: 2px;
	cursor: pointer;
 }
 
 .cmenu div.bez {
  border: 0;
  padding: 2px; 
	padding-bottom: 1px;
	padding-top: 6px;
  margin: 2px;
	text-align: right;
 }
 
  .cmenu td {
  border: 1px #000000 solid;
	background: #406020;
	color: #fcfce0;
  padding: 4px; 
	padding-bottom: 2px;
	padding-top: 2px;
  margin: 2px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;	
 }
 
  .mkfo {
	background: #f8f8e8;
	font-weight: bold;	
 }	
 
 .ossz-ora {
	background: #f8ece8;
	font-weight: bold;	
 }	
 
  .ossz-ora2 {
	background: #ecf8e8;
	font-weight: bold;	
 }	
 
  .ossz-szolg {
	background: #e8ecf8;
	font-weight: bold;	
 }	
 
   .o-mkfo {
	background: #fcfcc0;
	font-weight: bold;	
 }	
 
 .o-ossz-ora {
	background: #fcccc0;
	font-weight: bold;	
 }	
 
  .o-ossz-ora2 {
	background: #ccfcc0;
	font-weight: bold;	
 }	
 
  .o-ossz-szolg {
	background: #c0d0fc;
	font-weight: bold;	
 }	

  .o-M {
	background: #c8c8c8;
	font-weight: bold;	
 }	

   .o-M-SZ {
	background: #acb8bc;
	font-weight: bold;	
 }	

 
 .w {
	color: #ffffff;
 }
 
 td.ossz {
	font-size: 14px;	
	padding-bottom: 4px;
	padding-top: 4px;
 }
 
 .inp td { 
  padding: 1px; 
} 
 
 .inp input {
  font-weight: bold;
  margin: 0px;
  text-align: center;
  width: 36px;  
  border: 0;
}

.io {
  background: transparent;
	border: transparent;
	padding: 1px;
}  

.cp {
	cursor: pointer;
}

.fixhead {
	 position: sticky;
	 top: -1px;
}