buttbody, html{
	width:100%;
	padding: 0;
	margin:0;
}
body {
	font-family:verdana;
	font-size:12px;
    font-family: Arial, Helvetica;
    font-size: small;
}

.main {position: relative;}
#wrapper {}

input:disabled {background:#ccc;}
input[disabled] {background:#ccc;}
.clear {clear:both;}
.err {float:right;padding:10px;color:red;font-weight:bold;}
.mobile th {width:30px !important;}
.red {color:red;font-weight: bold;}
.bold{font-weight:bold;}
.kisbetu {font-size:75% !important;}
.rem {font-size:75%;padding-top:10px;}.right {text-align:right;font-size:80%;}
#right {text-align:right;}
.f_elso {width:150px !important;}
#pix50 {width:50px;}
.pix50 {width:50px;}
.pix75 {width:75px;}
#pix90 {width:90px;}
#date {width:70px;}
#fej {background-color:#445A89;text-align:center;font-style:italic;font-weight:bold;color:#fff;padding:2px 0;font-size:75%;}
#m {width:200px;}
#xxl {width:335px;}
#rovarea {width:400px;height:100px;}
tr.padx > th{padding:0 8px;font-size:10px;}
.cen {text-align:center;}
.rovid {width:80px;}
.pad10 {padding:10px !important;}
.er th, .er td {border:none !important;font-size:100% !important;}
.er select {width:100px !important;font-size:100% !important;}
.er input#go {width:50px !important;}
 tr.szin > td {background:#bad0ff;}
 tr.green > td {background:#9f9;}
 tr.yellow > td {background:#ff9;}
 tr.kek > th {background:#8aa0cf;padding:3px 0;}
 .hidden{visibility:hidden;}
 .curtain{padding:0 3px;}
 .r {text-align:right;}

.tbs {padding: 60px 0 15px 0;}

#tab1 input[type="text"]{
    height: 26px;
    margin-top: -5px;
    width: 240px;
}

.sor input[type="text"]{
   border: none;
 }


#tab1 input[type="checkbox"]{
  width: 20px;
  height: 20px;
}

#tab2 {padding: 5px;}

 
td input {text-align:left;}
td.gomb {width:90px;text-align:center;}
#gomb {text-align:center;padding: 6px;width: 70px;}
button.gomb {height:18px;text-align:center;width:70px;font-size:80%}

td#rov {width:80px;text-align:center}
form {padding:0;margin:0;}
.center {text-align:center;}

input[type="text"].blue {
  background-color : #c1c1ff; 
}
.searchbutton {margin-left:20px;}
.task {
    border: 1px solid #8080809b;
    border-radius: 8px;
    background: #8080802b;
    margin: 4px;
    padding: 10px;
    min-height: 236px;
    color: dimgray;
}

.task li {padding-top:5px;}

#task1 {float:left;width:310px;}
#task1 li a {text-decoration:none;color:blue;margin-top:6px;}
#task1 li a:hover {text-decoration:none;color: navy;font-weight: bold;}
#task2 {float:left;width:310px;}
#task3 {float:left;width:310px;}
#task4 {float:left;width:310px;}
.task h3, .task h4 {text-align: center;color: dimgray;}

#uploadButton {text-align: center;}

table.keszlet {border-spacing: 3px;padding-top: 5px;}
.keszlet th {background-color: #e4e4e4;color: #1a401d;font-size: 90%;}
.keszlet td, .keszlet th {border:1px solid grey;padding: 0px 2px; white-space: nowrap;text-align: center;}

.keszlet a {
    text-decoration: none;
    color: blue;
}

.keszlet a:hover {
    color: navy;
}

div.napok {float:left;}
div.utvonal{float:left;}
.ivaros {width:86px;}
.varos {width:86px;}
td.datum {width:50px !important;border:1px solid red;}
table.hetilista{}
.hetilista td, .hetilista th {border:1px solid #555;padding:3px;}
table.planmod{padding-top:10px;}
.planmod td, .planmod th {border:1px solid #555;padding:3px;}
.planmod tr > th {margin-top:10px;background:#acf;}
.planmod input#button {font-size:120%;}

div.jklist {float:left;width:300px;padding:10px 0;}
.jklist select {width:200px;font-size:75%;}
.jklist a {font-size:100%;text-decoration:none;}
.jklist td#f_ceg {width:210px;}
.jklist td#f_date {width:110px;}
.jklist table {border-collapse:collapse;}
.down {width:30px;padding:0 0 5px 55px;}
.feltol {margin-top:-19px;}
 tr.kek > td {background:#f5f5f5;padding:3px 0;}
 
.csv_upl_table {padding:10px;background: #eee;}
.elsosor tr>td{margin-bottom:15px;}
.csv_upl_table tr>td{background:#eee;}
 
.keresoDiv {padding-left: 5px}
.keresoform {margin: 0;}
.keresoRadio {float:left;height: 38px;}
.talalatFejlec {clear:both;padding: 20px 0 10px;font-size: 140%;text-align: center;}

h1 {font-size:12px;}
h2 {font-size:16px;padding:5px 0 0 5px;text-align: center;max-width: 1138px;}
h3 {margin:10px 0;padding:0;}

a.ikon1 {
    border: 1px solid #444444;
    background: #98fc99;
    text-decoration: none;
    padding: 5px 20px;
}
a.ikon2 {border:1px solid grey;background:#bbffbb;text-decoration:none;}
.ikon3 {border:1px solid #444444;background:#ffffbb;text-decoration:none;padding: 2px 5px;margin-left: 3px;cursor: pointer;}

a:hover.ikon1 {background:#3ad98f ;text-decoration:none;}
a:hover.ikon2 {background:#00ff00 ;text-decoration:none;}
.ikon3:hover {background:#ffff00 ;text-decoration:none;}

.undo {border:none;padding:0;margin:0 0 -4px 0;width:20px;opacity:.5;}
.undo:hover {opacity: 1;}
.edit {border:none;width:20px;padding:0;margin:0;opacity: .5;}
.edit:hover {opacity: 1;}

input[readonly="readonly"] {background-color:#ccc;}

div.partnerbutton {text-align:center;}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    visibility: visible;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.popup {
	font-family:verdana;
    background-color: #def9fd;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 1;
    padding: 15px;
    width: 300px;
    height: 300px;
    font-size: 17px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: visible;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
}
.popup input[type="text"], .popup input[type="password"] {
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 10px;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
    border-color: #555 #888 #888;
}
.submdiv {float:left;width:172px;}
.submdiv1 {text-align: center;margin-top: 22px;}

.homaly {position:absolute;top:20px;left:20px;width:97%;height:95%;background-color:rgba(0, 0, 0, 0.55);z-index:3;}

#tblDiv {
    clear: left;
}

.tbldelconf {
  position:relative;
  z-index:4;
  background:#fff;
  border:1px solid red;margin:10px auto;
  width: 400px;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}


#content {
  position: relative;
  margin: 0 auto;
  border: 0px solid blue;
  background: #fff;
  z-index: 2; 
  overflow: auto;
  min-height: 310px; /* hogy a mobil menü látszódjon */
  display: table; /* hogy ne legyen page width széles és lehessen 0 auto */
}
#about {float:left;padding-left: 50px;}
#logout {float:right;width:200px;}
#about , #logout{
    color: #777;
	margin:10px 0 0 5px;
}

#about a, #logout a:hover {
    color: #66a;
}

.eltSel {width: 100px;}

#logout a {color:#999;text-decoration:none;cursor:pointer;}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: 0 15px 15px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggler {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}
.toggler:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .toggler {
  background-color: #0087f4;
}

input:focus + .toggler {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggler:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.yellow {background-color: #ff9;}
.szurke {background-color: #1a05f70f;}
.importantForCSS { background-color: blue !important; }

/* use for any tag on your page */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
/* box for title text */
[data-title]:after {
    content: attr(data-title);
    /* position for title view box */
    position: absolute;
    top: 30px;      
    right: 30px;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
    /* stilization */
    background-color: #98fc99;
    color: #111;
    font-size: 130%;
    padding: 5px;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
}
[data-title] {
    position: relative;
}
.entry{
overflow-y: auto;
    padding: 5px;
    background: #25536873;
    margin: 10px auto;
    border-radius: 8px;
}
.blokk {float:left;width:100%;}
.blokk input {width:100%;border: 1px solid #7589754d;}
.blokk select {border: 1px solid #7589754d; width: 100%;height: 25px;}
.sor {
     margin: 0 15px;
    background-color: white;
    padding: 8px;
    height: 25px;
    border-radius: 3px;
}
.head {
    padding: 5px;
    margin: 3px;
}
.dis {background-color: #f7f7f7 !important;opacity: .8;}
.gombok {padding: 5px 6px 0;}

.header {
  background-color: #fff;
  /*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
  position: absolute;
  z-index: 3;
  width: 100%; /* csak mobil módban ennyi */
}
.desktopMobileButton {}
#desktopButton {position: absolute;right:25px;top:18px;cursor: pointer;opacity:.3;}
#desktopButton:hover {opacity: 1;}
#mobileButton {position: absolute;right:12px;top:3px;cursor: pointer;opacity:.3;}
#mobileButton:hover {opacity: 1;}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
  font-size: 16px;
}

.header li  {
  background: #f1f1f1;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #fafafa;
  color: #747577;
}
#current {background: white;}


/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}


.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  padding: 28px 20px;
  float: left;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


@media (min-width: 1420px) {
  #tab2 {width: 1400px;}
}

@media (min-width: 768px) {
  #content{min-width: 620px;}
  .keszlet td, .keszlet th {width: 75px;}
  .popup {width: 385px;}
  .header{
    position: relative;
	width: 713px;
	overflow: auto;
	margin: 0 auto;
  }
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: left;
    max-height: none;
    width: 100%;
  }
  .header .menu-icon {
    display: none;
  }
  .tbs {padding: 10px 10px 15px;overflow: auto;}
  .tabs {overflow: auto;}
  #tab3, #tab4 {max-width: 695px;}
  .entry {width: 600px;}
  .blokk {width: 290px;}
  .kerCimTD {width: 260px;}
}

/* csak mobil eszközön, szélesen is  */
@media all and (max-device-width: 768px){
	.tbs {
		padding: 60px 0 15px;
	}
  #tab1 {zoom: 1;}
}

.task select, .ell select, .telj select {
  background-color: white;
  padding: 5px;
  border: 2px solid #00cec9;
  margin-top: 5px;
}
.task select {width: 100%;}

input[type=file]::file-selector-button, input[type=submit], .niceButt {
  border: 2px solid #00cec9;
  padding: 6px 7px;
  margin-top: 5px;
  border-radius: .2em;
  background-color: #f1ecec;
  transition: .5s;
  cursor: pointer;
}

input[type=file]::file-selector-button:hover, input[type=submit]:hover, .niceButt:hover {
  background-color: #a1cccc;
  border: 2px solid #00cec9;
}

.footer {clear: left;overflow: auto;width: 100%;padding-top: 50px;}

/* Custom RADIO button */

.radiocont {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 16px;
  opacity: .6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 21px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocont:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocont input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocont .checkmark:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.clickTR {border: 2px solid white;background-color: #aeeaff;cursor: pointer;}

.teljTable, .ellTable {border-collapse: collapse; width: 100%;}
.teljTable td, .teljTable th, .ellTable td, .ellTable th {
  padding: 10px 4px;
  text-align: left;
  font-size: 14px;
}
.teljTable tr {border: 2px solid white;}
.teljTable td:nth-child(2), .teljTable th:nth-child(2) {text-align: center;}
.teljTable td:nth-child(3), .telj td:nth-child(4), .teljTable th:nth-child(3), .telj th:nth-child(4) {text-align: right;}
.teljTable .b {font-weight: bold;}

.ell, .telj {
    padding: 8px;
    background: #def9fd;
    border-radius: 5px;
}
.arak {margin: 15px 0 25px 15px;}
.hiddenRow {display: none;background: #def9fd;}
.arInp {width:32px;background:#e0e0e0;}
.ellDelTd {padding-top: 12px !important;
    font-size: 20px !important;
    color: red;
    font-weight: bold;
}

#fotoJkGombokTxt {
    opacity: .6;
    width: 150px;
    position: absolute;
    top: 3px;
    left: 50px;
}
#fotoJkGombok {padding-left: 15px;}