@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic);

body {
	background: #ffffff;
	font-size: 12px;
	font-family: 'Roboto';
}

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
	z-index: 1000;
}
#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.container-fluid {
	padding-right: 0 !important;
    padding-left: 0 !important;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
}

.center {
	text-align: center !important;
}

.fejlec {
	width: 100%;
	height: 80px;
}

.fejlec .logo {
	margin: 11px 0 0 0;
}

.fejlec .btn-logout {
	margin: 30px 0 0 0;
}

.fejlec .uzenoFal {
	width: 100%;
	margin: 30px 0 0 0;
}

.datumHeader {
	height: 40px;
	line-height: 40px;
	background: rgba(254, 122, 11, 1);
	padding: 0px;
	color: #ffffff;
}

.jarmuListaFejlec {
    width: 100%;
	height: auto; /*70px*/
	margin: 0 0 20px 0;
    background-color: #f1f1f1;
	border-bottom: 1px solid #c0c0c0;
}

.jarmuListaFejlec.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 200;
}

.jarmuListaFejlecUres {

}

.jarmuListaFejlecUres.stick{
	width: 100%;
	height: 70px;
}

.jarmuAdatok {
	position: relative;
	background: #ffffff;
	width: 100%;
	height: auto; /*60px*/
	border: 1px solid #c0c0c0;
	margin: 5px 0 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding: 4px;	
}

.jarmuAdatok .pikt {
	max-height: 25px;
}

.elemDatum {
	font-size: 18px;
}
.elemOra {
	font-size: 12px;
	line-height: 30px;
	border-bottom: 1px solid #c0c0c0;
}
.jarmuListaFejlec .jarmuBox {
    width: 100%;
	height: 60px;
	margin: 5px 0 5px 0;
	border: 1px solid #c0c0c0;
}

.jarmuListaBox {
	position: relative;
	width: 100%;
	min-height: 300px;
	background-color: #fafafa;
	margin: 0px 0 20px 0;
	padding: 10px;
	background: url('/pics/naptarbg.jpg') no-repeat top center;
}

.elem {
	padding-left: 0 !important;
	padding-right: 5px !important;
}

.jarmuListaBox .elem .idopont {
	position: relative;
	background: #ffffff;
	width: 100%;
	height: 60px;
	border: 1px solid #c0c0c0;
	margin: 4px 0 4px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding: 4px;
	overflow: hidden;
}
.allapotKesz {
	background: #86e560 !important;
}
.allapotJovahagyva {
	background: #69ccfa !important;
}
.allapotSzallitas {
	background: rgba(254, 122, 11, 1) !important;
}
.allapotBajvan {
	background: #e51818 !important;
}
.jarmuListaBox .elem .idopont .megrendelo {
	font-size: 11px;
	font-weight: 400;
}
.jarmuListaBox .elem .idopont .username {
	font-size: 11px;
	font-weight: 700;
}

.jarmuListaBox .elem .idopont .tools {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 23px;
	background: rgba(254, 122, 11, 1);
	padding: 4px;
	display: none;
}

.jarmuListaBox .elem .idopont .kijelzo {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: auto;
	height: 20px;
	z-index: 50;
}
.jarmuListaBox .elem .idopont .elemKijelzo {
	float: left;
	width: 20px;
	height: 20px;
	padding: 4px;
	cursor: help;
	color: #ffffff;
	background: rgba(254,122,11, 0.5);
}
.jarmuListaBox .elem .idopont .elemKijelzoNarancs {
	float: left;
	width: 20px;
	height: 20px;
	padding: 4px;
	cursor: help;
	color: #ffffff;
	background: rgba(255,165,0, 0.9);
}
.jarmuListaBox .elem .idopont .elemKijelzoPiros {
	float: left;
	width: 20px;
	height: 20px;
	padding: 4px;
	cursor: help;
	color: #ffffff;
	background: rgba(255,0,0, 0.9);
}
.jarmuListaBox .elem .idopont .elemKijelzoZold {
	float: left;
	width: 20px;
	height: 20px;
	padding: 4px;
	cursor: help;
	color: #ffffff;
	background: rgba(0,176,0, 0.9);
}
.jarmuListaBox .elem .idopont .elemKijelzoLila {
	float: left;
	width: 20px;
	height: 20px;
	padding: 4px;
	cursor: help;
	color: #ffffff;
	background: rgba(188,22,229, 0.9);
}
.jarmuListaBox .elem .idopont .sorrend {
	float: left;
	width: 12px;
	height: 15px;
	margin: 0 7px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .info {
	float: left;
	cursor: pointer;
	color: #ffffff;
	margin: 0 7px 0 0;
}
.jarmuListaBox .elem .idopont .modositas {
	float: left;
	width: 12px;
	height: 15px;
	margin: 0 7px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .torles {
	float: left;
	width: 12px;
	height: 15px;
	margin: 0 7px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .duplikal {
	float: left;
	width: 12px;
	height: 15px;
	margin: 0 0px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .add {
	display: block;
	width: 100%;
	height: 60px;
	text-decoration: none;
	cursor: pointer;
}
.jarmuListaBox .elem .idopont .add span {
	display: block;
	font-size: 24px;
	margin: 0px 0 0 0px;
	padding: 10px 0 0 0;
	text-decoration: none;
	cursor: pointer;
	color: rgba(254, 122, 11, 1);
}
.placeholder {
	position: relative;
	width: 100%;
	height: 50px;
	background: #f1f1f1;
	margin: 10px 0 10px 0;
	border: 1px solid #c0c0c0;
}

.i_ido_ora {
	line-height: 35px;
	font-size: 12px;
}

.rogzito {
	line-height: 35px;
	font-size: 14px;
}
.rogzitesideje {
	line-height: 35px;
	font-size: 12px;
}


.ui-menu .ui-menu-item a {
  font-size: 12px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1510 !important;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}
#modalIns{
    width: 500px;
}

.logo {
	font-size: 30px;
	text-align: left;
}


@media screen and (min-width: 1200px){

.jarmuListaFejlec .elem {
	width: 115px;
}
.jarmuListaBox .elem {
	width: 114px;
}

}

@media screen and (min-width: 1400px){

.jarmuListaFejlec .elem {
	width: 135px;
}
.jarmuListaBox .elem {
	width: 134px;
}

}

@media screen and (max-width: 1200px){


}

@media screen and (max-width: 768px){

.contactBox {
	margin: 0;
}

.logo {
	font-size: 30px;
	text-align: center;
}

.jarmuListaBox .elem .idopont .tools {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
	background: rgba(254, 122, 11, 1);
	padding: 4px;
	display: none;
}
.jarmuListaBox .elem .idopont .sorrend {
	float: left;
	width: 24px;
	height: 15px;
	margin: 0 7px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .info {
	float: left;
	cursor: pointer;
	color: #ffffff;
	margin: 0 15px 0 0;
}
.jarmuListaBox .elem .idopont .modositas {
	float: left;
	width: 24px;
	height: 15px;
	margin: 0 15px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .torles {
	float: left;
	width: 24px;
	height: 15px;
	margin: 0 15px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .duplikal {
	float: left;
	width: 24px;
	height: 15px;
	margin: 0 0px 0 0;
	cursor: pointer;
	color: #ffffff;
}
.jarmuListaBox .elem .idopont .sorrend span {
	font-size: 24px;
}
.jarmuListaBox .elem .idopont .info span {
	font-size: 24px;
}
.jarmuListaBox .elem .idopont .modositas span {
	font-size: 24px;
}
.jarmuListaBox .elem .idopont .torles span {
	font-size: 24px;
}
.jarmuListaBox .elem .idopont .duplikal span {
	font-size: 24px;
}

}