html, body {
	height: 100%;
}

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

.open-galery {
	opacity: 0;
}
.open-galery:hover {
	opacity: 0.8 !important;
}

.gallery-preview {
	outline:1px solid silver;
	width: 100px;
	height: 100px;
	background-size: cover;
}

.jslogo {
	display: inline-block;
	background-image: url('images/logo.png');
	width: 40px;
	height: 40px;
}

.bukslogo {
    display: inline-block;
    background-image: url('images/logo-buks.png');
    width: 140px;
    height: 122px;
}

.isHidden {
	visibility: hidden;
}

.leaflet-control-largermap {
	display: none;
}

.leaflet-control-largermap a,
.leaflet-control-largermap a:hover,
.leaflet-control-largermap a:focus {
    width: auto !important;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: inherit;
    outline: inherit;
    color: inherit;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	outline: none;
}

.btn-toggle-layer {
}

.dropdown-toggle {
	border-top: 0;
}

.btn_caption_left { text-align: left; }
.btn_caption_left i { margin-right: 10px; }


.calendarControlBar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.calendarControlBar a,
.calendarControlBar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.calendarControlBar a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}
.calendarControlBar a:hover {
	background-color: #f4f4f4;
	}
.calendarControlBar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.calendarControlBar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.calendarControlBar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .calendarControlBar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


.btn-red, .btn-red:hover, .btn-red:focus {background-color: #fdf7f6; border-color: #f4d2cc; color: #9a2d1f;}
.btn-red:active, .btn-red.active {background-color: #c53927; border-color: #9a2d1f; color: #fff;}
.btn-orange, .btn-orange:hover, .btn-orange:focus {background-color: #fefaf6; border-color: #f9e0c8; color: #bd6f1c;}
.btn-orange:active, .btn-orange.active {background-color: #e0892c; border-color: #bd6f1c; color: #fff;}
.btn-green, .btn-green:hover, .btn-green:focus {background-color: #fafdf7; border-color: #e0f3ce; color: #466b17;}
.btn-green:active, .btn-green.active {background-color: #619520; border-color: #466b17; color: #fff;}
.btn-blue, .btn-blue:hover, .btn-blue:focus {background-color: #f7fbfd; border-color: #cee7f3; color: #257192;}
.btn-blue:active, .btn-blue.active {background-color: #2f90bb; border-color: #257192; color: #fff;}
.btn-purple, .btn-purple:hover, .btn-purple:focus {background-color: #fcf8fb; border-color: #edd4e7; color: #7b316d;}
.btn-purple:active, .btn-purple.active {background-color: #a03f8d; border-color: #7b316d; color: #fff;}
.btn-cadetblue, .btn-cadetblue:hover, .btn-cadetblue:focus {background-color: #f8fbfb; border-color: #d8e8e8; color: #2b434c;}
.btn-cadetblue:active, .btn-cadetblue.active {background-color: #3d606d; border-color: #2b434c; color: #fff;}
.btn-darkpurple, .btn-darkpurple:hover, .btn-darkpurple:focus {background-color: #f9f8fb; border-color: #ddd8e8; color: #372b4c;}
.btn-darkpurple:active, .btn-darkpurple.active {background-color: #4e3d6d; border-color: #372b4c; color: #fff;}
.btn-darkred, .btn-darkred:hover, .btn-darkred:focus {background-color: #fdf7f7; border-color: #f3cece; color: #7a2729;}
.btn-darkred:active, .btn-darkred.active {background-color: #a13336; border-color: #7a2729; color: #fff;}
.btn-darkgreen, .btn-darkgreen:hover, .btn-darkgreen:focus {background-color: #fcfdf7; border-color: #edf3ce; color: #444d15;}
.btn-darkgreen:active, .btn-darkgreen.active {background-color: #677520; border-color: #444d15; color: #fff;}
.btn-darkblue, .btn-darkblue:hover, .btn-darkblue:focus {background-color: #f5fbff; border-color: #c2e7ff; color: #003555;}
.btn-darkblue:active, .btn-darkblue.active {background-color: #005588; border-color: #003555; color: #fff;}
.btn-gray, .btn-gray:hover, .btn-gray:focus {background-color: #f9f9f9; border-color: #dfdfdf; color: #3b3b3b;}
.btn-gray:active, .btn-gray.active {background-color: #555555; border-color: #3b3b3b; color: #fff;}
.btn-buks-purple, .btn-buks-purple:hover, .btn-buks-purple:focus {background-color: #fef6fd; border-color: #f9c8f3; color: #601058;}
.btn-buks-purple:active, .btn-buks-purple.active {background-color: #8c1780; border-color: #601058; color: #fff;}
.btn-buks-red, .btn-buks-red:hover, .btn-buks-red:focus {background-color: #fff5f5; border-color: #ffc2c2; color: #7a0200;}
.btn-buks-red:active, .btn-buks-red.active {background-color: #ad0300; border-color: #7a0200; color: #fff;}
.btn-buks-green, .btn-buks-green:hover, .btn-buks-green:focus {background-color: #fbfef6; border-color: #e7f9c8; color: #638912;}
.btn-buks-green:active, .btn-buks-green.active {background-color: #83b618; border-color: #638912; color: #fff;}
.btn-buks-yellow, .btn-buks-yellow:hover, .btn-buks-yellow:focus {background-color: #fffbf5; border-color: #ffe7c2; color: #c27406;}
.btn-buks-yellow:active, .btn-buks-yellow.active {background-color: #f39108; border-color: #c27406; color: #fff;}

.prop-icons
{
	color: gray;
	margin-right: 5px;
	width: 12px;
	text-align: center;
}

.info-name
{
	color: gray;
	text-decoration: underline;
}

.fa-futbol
{
	font-size: 1.30em;
}

.fa-home
{
	font-size: 1.44em;
}
.fa-home-marker
{
	font-size: 1.44em !important;
	margin-top: 8px !important;
}

.fa-university
{
	font-size: 1.21em;
}
.fa-university-marker
{
	font-size: 1em !important;
	margin-left: 1px;
}

.fa-compass
{
	font-size: 1.48em;
}

.leaflet-top {
	z-index: 1001;
}

.dropdown-menu-right {
    right: -1px;
}

.leaflet-control-buttons {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.leaflet-km-icon {
	background: transparent;
	border: none;
}

.leaflet-marker-icon .number {
	position: relative;
	top: -18px;
	font-size: 10px;
	color: white;
	width: 20px;
	text-align: center;
}

.leaflet-popup-scrolled {
    border: 0;
}

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.toggle-button {
  background: url("../../images/toggle32x32.png") center white;
  background-size: 29px 29px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  position: absolute;
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;  
}

@media screen and (max-width: 200px) , screen and (max-height: 200px) {
	.jslogo {
		width: 20px;
		height: 20px;
		background-size: 100% 100%;
	}
    
    .bukslogo {
        width: 70px;
        height: 61px;
        background-size: 100% 100%;
    }
	.leaflet-control-jslogo {
		margin-left: 8px !important;
		margin-bottom: 3px !important;
	}
	.leaflet-control-zoom {
		display: none;
	}
}

@media screen and (max-width: 400px) , screen and (max-height: 400px) {
	.leaflet-control-largermap {
		display: block;
	}
}

@media all and (max-width: 600px) and (orientation: portrait) {
	.leaflet-control-buttons.leaflet-control {
		visibility: hidden;
	}

  .toggle-button {
    visibility: visible;
  }
}

@media all and (max-width: 900px) and (orientation: landscape) {
	.leaflet-control-buttons.leaflet-control {
		visibility: hidden;
	}

  .toggle-button {
    visibility: visible;
  }
}

@media all and (min-width: 601px) and (orientation: portrait) {
  .leaflet-control-buttons.leaflet-control {
		visibility: visible !important;
    top: 0 !important;
	}

  .toggle-button {
    visibility: hidden;
  }
}

@media all and (min-height: 460px) and (orientation: landscape) {
  .leaflet-control-buttons.leaflet-control {
    visibility: visible !important;
    top: 0 !important;
  }

  .toggle-button {
    visibility: hidden;
  }
}