body {
	margin: 0;
	height: 100%;
	width: 100%;
}

.navbar-input-group input {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.navbar-input-group .btn {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0px;
	margin-left: -4px;
}

.main {
	background-color: white;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	margin-bottom: 20px;
}

#wrapper {
	padding: 0 9px;
}

div#loginbutton {
	cursor: pointer;
	height: 40px;
	position: absolute;
	right: 10%;
	top: -11px;
	width: 219px;
}

.navbar-fixed-top2 {
	position: fixed;
	width: calc(100% - 50px);
	z-index: 1050;
	top: 5px;
	background-color: rgba(55, 55, 55, 0.90);
}

.header-fill {
  background: #fff;
  height: 45px;
}

@media (min-width: 768px) {
	.navbar-fixed-top2 {
		width: 700px;
	}

	.navbar-label {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-fixed-top2 {
		width: 920px;
	}

	.navbar-label {
		display: inline;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 100%;
	}
	.navbar-fixed-top2 {
		width: calc(100% - 50px);
	}
}

.table > tbody > .tr-double-border > td {
	border-top-width: 4px;
	border-top-style: double;
}

.table .text-middle {
	vertical-align: middle;
}

.text-middle {
	vertical-align: middle;
}

.btn-group-vertical-separated, .btn-group-vertical > .btn:first-child:not(:last-child) {
	border-radius: 4px;
	margin-bottom: 4px;
}
.btn-group-vertical-separated, .btn-group-vertical > .btn:last-child:not(:first-child) {
	border-radius: 4px;
}
.btn-group-vertical-separated, .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
	border-radius: 4px;
	margin-bottom: 4px;
}


.tree-panel {
	border-top: 1px solid #dddddd;
}

.tree-panel-item {
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px
}

.tree-panel-body {
	padding: 0px;
	margin: 0px
}

.nevezes-item {
	padding: 5px;
	margin: 5px;
	background-color: #efffef;
	border: 2px #ccddcc solid;
	border-radius: 5px;
	cursor: pointer;
}

.nevezes-item .row {
	display: flex;
	align-items: center;
	min-height: 40px;
}

.nevezes-head {
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.modal .form-group {
	margin-bottom: 10px;
}

.modal .form-group label {
	padding-right: 0px;
}

.modal input[type="radio"],
.modal input[type="checkbox"] {
	margin-top: 0;
}

.modal .col-sm-1,
.modal .col-sm-2,
.modal .col-sm-3,
.modal .col-sm-4,
.modal .col-sm-5,
.modal .col-sm-6,
.modal .col-sm-7,
.modal .col-sm-8,
.modal .col-sm-9,
.modal .col-sm-10,
.modal .col-sm-11,
.modal .col-sm-12 {
	padding-left: 10px;
	padding-right: 10px;
}

.popover {
	z-index:100000000;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

#mapcontainer {
	height:600px;
}

#m {
	width:100%;
	height:100%;
}

.hiddenDiv {
	padding: 0 !important;
}

.nevezotree:hover {
	cursor: pointer;
}

div.fieldset {
	/*background-color: inherit !important;*/
	background-color: #eeeeee !important;
	padding-bottom: .35em;
}

div.legend {
	display: inline;
	padding: 0px 5px;
	position: relative;
	top: 10px;
	left: 10px;
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
	white-space: nowrap;
	color: #666666;
	font-weight: bold;
}

div.nev-legend {
	display: inline;
	padding: 5px 5px;
	margin: 5px;
	position: relative;
	top: -5px;
	left: 10px;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #ffffff;
	white-space: nowrap;
	color: #666666;
	font-weight: bold;
}

div.nev-legend.active {
	padding: 6px 5px;
	top: -3px;
	color: #000000;
	background-color: #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

div.nev-legend:hover {
	background-color: #efefef;
	cursor: pointer;
}

.overlay {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	z-index: 1411;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
		bottom:0;
		right:0;
	width: 100%;
}

.overlay > .fa {
	color: #000;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
}

.loading-img {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	background: url("../img/ajax-loader-big.gif") no-repeat scroll 50% 50% transparent;
	z-index: 1060;
}

.nevezesinfo-noselect .nav-tabs {
	border-bottom: none;
}

.nevezesinfo-noselect .nav-tabs>li>a {
	border: 1px solid #ccc;
	border-radius: 4px 4px 4px 4px;
}

.nevezesinfo-select .nav-tabs {
	border-bottom: 1px solid #ccc;
}

.nevezesinfo-select .nav-tabs>li.active>a, .nevezesinfo-select .nav-tabs>li.active>a:hover, .nevezesinfo-select .nav-tabs>li.active>a:focus {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-bottom-color: transparent;
}

.nevezesinfo-select .nav-tabs>li.error>a, .nevezesinfo-select .nav-tabs>li.error>a:hover, .nevezesinfo-select .nav-tabs>li.error>a:focus {
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	border-bottom-color: transparent;
}

.nevezestab {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	padding: 6px 10px;
	line-height: 19px;
	margin-bottom: 0px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nevezestab.error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.st-sort-ascent:before{
	content: '\25B2';
}

.st-sort-descent:before{
	content: '\25BC';
}

.linethrough {
	text-decoration: line-through !important;
}

#map {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#m {
	width:100%;
	height:100%;
}

.hiddenDiv {
	padding: 0 !important;
}

.nevezotree:hover {
	cursor: pointer;
}

div.fieldset {
	/*background-color: inherit !important;*/
	background-color: #eeeeee !important;
	padding-bottom: .35em;
}

div.legend {
	display: inline;
	padding: 0px 5px;
	position: relative;
	top: 10px;
	left: 10px;
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
	white-space: nowrap;
	color: #666666;
	font-weight: bold;
}

div.nev-legend {
	display: inline;
	padding: 5px 5px;
	margin: 5px;
	position: relative;
	top: -5px;
	left: 10px;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #ffffff;
	white-space: nowrap;
	color: #666666;
	font-weight: bold;
}

div.nev-legend.active {
	padding: 6px 5px;
	top: -3px;
	color: #000000;
	background-color: #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

div.nev-legend:hover {
	background-color: #efefef;
	cursor: pointer;
}

.overlay {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	z-index: 1411;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
		bottom:0;
		right:0;
	width: 100%;
}

.overlay > .fa {
	color: #000;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
}

.loading-img {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	background: url("../img/ajax-loader-big.gif") no-repeat scroll 50% 50% transparent;
	z-index: 1060;
}

.nevezesinfo-noselect .nav-tabs {
	border-bottom: none;
}

.nevezesinfo-noselect .nav-tabs>li>a {
	border: 1px solid #ccc;
	border-radius: 4px 4px 4px 4px;
}

.nevezesinfo-select .nav-tabs {
	border-bottom: 1px solid #ccc;
}

.nevezesinfo-select .nav-tabs>li.active>a, .nevezesinfo-select .nav-tabs>li.active>a:hover, .nevezesinfo-select .nav-tabs>li.active>a:focus {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-bottom-color: transparent;
}

.nevezesinfo-select .nav-tabs>li.error>a, .nevezesinfo-select .nav-tabs>li.error>a:hover, .nevezesinfo-select .nav-tabs>li.error>a:focus {
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	border-bottom-color: transparent;
}

.nevezestab {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	padding: 6px 10px;
	line-height: 19px;
	margin-bottom: 0px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nevezestab.error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.st-sort-ascent:before{
	content: '\25B2';
}

.st-sort-descent:before{
	content: '\25BC';
}

.linethrough {
	text-decoration: line-through !important;
}

#map {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

input:focus, textarea:focus, select:focus, .ui-select-bootstrap .btn-default-focus > span {
	background-color: #fcf8e3;
}

.clickable {
	cursor: pointer;
}

.b {
	font-weight: bold;
}
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-32 { font-size: 32px; }
.size-48 { font-size: 48px; }
.size-64 { font-size: 64px; }
.size-96 { font-size: 96px; }

.popup-fb-profile {
	text-align: left;
	padding-right: 5px;
}

.popup-fb-td {
	vertical-align: top;
}

.badge-notify {
	position: relative;
	float: right;
	background: red;
	top: -38px;
	right: 2px;
	font-size: 8px;
}

.sidebar-content, .sidebar-tabs {
	opacity: 0.9;
}

.sidebar.sidebar-large.collapsed {
  width: 40px; }

.sidebar.sidebar-large {
	width: calc(100% - 60px);
}

#map {
	height: 100%;
}

.sidebar {
	position: relative;
	top: 0px;
	right: 0px;
	height: calc(100% - 20px);
	max-width: calc(100% - 60px);
	z-index: 900 !important;
}

.leaflet-top {
	height: 100%;
	width: 100%;
}

.bottom-align-text {
  position: absolute;
  bottom: 0;
  right: 0;
}

.table-header-rotated {
  border-bottom: 1px solid #dddddd;
}

.table-header-rotated th.row-header,
.table-header-rotated td.row-header {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  text-align: left;
  border-right: 2px solid #ddd;
}

.table-header-rotated td {
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45{
  height: 100px;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 50px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 40px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -32px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  /* width: 100%;*/
  width: 113px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap; *//*whether to display in one line or not*/
}

td.passtime {
	min-width: 50px;
}

td.passtime:first {
	background: #abc;
}

.red {
	color: red !important;
}

.grid-content {
	position: relative;
	overflow: hidden;
	top: 5px;
}

.grid-view {
	position: relative;
}

.grid-bdiv {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.grid-frozen-hdiv {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
	background: #fff;
	overflow: hidden;
}

.grid-frozen-hdiv table {
	position: relative;
	left: 0px;
	top: 0px;
}

.grid-frozen-bdiv {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
	background: #fff;
}

.grid-frozen-bdiv table {
	position: relative;
	left: 0px;
}

.grid-frozen {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
	width: 300px;
	overflow: hidden;
}

.grid-frozen table {
	position: relative;
	left: 0px;
}

#trapezoid {
	position: absolute;
	left: 0px;
	top: 0px;
}