/* Always set the map height explicitly to define the size of the div
     * element that contains the map. */
     #map {
        height: 100%;
      }
      
      .map {
        height:calc(100vh - 60px);
		position: relative;
      }
.login {
	height: calc(100vh);
	position: relative;
	background: url(land-bg.jpg) no-repeat bottom right transparent;
	background-size: cover;
	overflow:hidden;
}
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

      *, ::after, ::before {
        box-sizing: border-box;
    }
body {
    font-family: 'skoda_next',SkodaNEXT,SkodaPro,Tahoma,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a4a4a;
    text-align: left;
    font-size: 18px;
	min-width: 1150px;
}
body a, body a:hover {
	text-decoration: none;
}
body a {
	color: #4ba82e;
}

.login h1 {
	margin: 0;
	color: #78FAAE;
	display: inline-block;
	font-size: 60px;
	width: 100%;
	line-height: 100px;
	padding-top: 3%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
}
.login h3 {
	margin:0;
}
#loginForm {
	display: inline-block;
	width: 25%;
	background: #fff;
	margin-left: 5%;
	margin-right: 5%;
	padding: 30px;
	position: absolute;
	top: 30%;
	left: 32%;
	border-radius: 8px;
}

input.form-control {
	outline: none;
	border: none;
	border-bottom: 1px solid;
	height: 40px;
	padding: 5px 10px;
	width: 100%;
	background: #F1F1F1 !important;
	border-bottom-color: #5A5B5C;
	padding: 10px;
}


.text-danger.field-validation-error {
	font-size: 13px;
}

.form-group {
	padding-bottom: 15px;
}

.buttons {
	text-align:center;
}
.btn {
	border: 1px solid;
	text-align: center;
	width: 150px;
	height: 35px;
	color: #fff;

	font-weight: bold;
	font-family: 'skoda_next',SkodaNEXT,SkodaPro,Tahoma,Helvetica,sans-serif;
	border-radius: 35px;
	cursor: pointer;
	display: inline-block;
	line-height: 35px;
	font-size: 11px;
	color: #000;
	border-color: #ccc;
	margin: 0px 10px;
}

	.btn.btn-default {
		color: #161718;
		background-color: #78FAAE;
		border-color: #78FAAE;
	}
	.btn.btn-simple {
		color: #fff;
		background-color: #474748;
		border-color: #474748;
	}

.validation-summary-errors.text-danger ul {
	list-style: none;
	padding: 0;
	color: #aa0000;
	margin:0;
}


.header {
    position: relative;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    height: 60px;
}
.subheader {
	position: absolute;
	z-index: 999;
	width: 100%;
	background-color: #fff;
	/*height: 100px;*/
	top: 60px;
	display: none;
	padding-bottom: 30px;
}
.subheader.active {
	display: block;
}
.navbar-top {
	height: 60px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	line-height: 117%;
	font-size: 12px;
    padding: 0 22px;
    display: flex;
    position: relative;
    align-items: center;
}
.subheader .navbar-top {
	height: auto;
	align-items: start;
	padding: 0 30px;
	min-width: 1150px;
	
	padding-bottom: 10px;
}
.navbar-top .logo {
	margin-right: 26px;
	width: 330px;
	height: 100%;
	padding: 17px 0;
	padding-top: 22px;
}
.navbar-top .logo .logo-wrapper {
	height: 100%;
	position: relative;
}
.header .logo-wrapper a {
	font-size: 1.7rem;
	align-self: center;
	display: flex;
	margin-top: 1px;
}


.nav-links {
    display: inline-block;
    height: 100%;
	min-width: 400px;
}
.navbar-top .nav-links ul {
	height: 100%;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	display: flex;
	margin-bottom: 0;
}
.navbar-top .nav-links ul li.nav-link {
	cursor: pointer;
	height: 100%;
	margin-right: 15px;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 130%;
	font-weight: normal;
}
	.navbar-top .nav-links ul li.nav-link a {
		color: inherit;
		display: flex;
		height: 100%;
		align-items: center;
		padding: 0 10px;
		font-weight: bold;
	}
.subheader .nav-links {
	min-width:0;
	width:25%;
}
.subheader .nav-links h3 {
	text-transform:uppercase;
}
.subheader .navbar-top .nav-links ul {
	display: block;

}
#js-company-scroll {
	display: block;
	max-height: 333px;
	overflow: auto;
}
	.subheader .navbar-top .nav-links ul li.nav-link {
		height: 30px;
		display: block;
	}
		.subheader .navbar-top .nav-links ul li.nav-link a {
			
		}

.subheader .navbar-top .nav-links.balls ul {
	display: flex;
}

.link-highlight-green {
	display: none;
	position: absolute;
	background-color: #308C5D;
	width: calc(100% - 10px);
	height: 3px;
	top: 51px;
	left: 5px;
	z-index: 9;
}

.js-company-all .nav-link-text, .js-company-none .nav-link-text,
.js-kraj-all .nav-link-text, .js-kraj-none .nav-link-text {
	color: #419468;
}
.link-highlight-green {
	width: calc(100% - 8px);
	top: 57px;
	left: 4px;
}
.navbar-top .nav-links ul li.nav-link:hover .link-highlight-green {
	display: block;
}
.navbar-top .nav-links ul li.nav-link.active .link-highlight-green {
	display: block;
}
.hamburger-button.active .link-highlight-green {
	display: block;
}
.hamburger-button:hover .link-highlight-green {
	display: block;
}
.separator-horizontal {
	background-color: #373737;
	height: 1px;
	width: 100%;
	opacity: .2;
	z-index: 999999999;
	position: absolute;
}

.navbar-top .right-box {
	position: absolute;
	display: flex;
	top: 0;
	right: 10px;
	height: 100%;
	align-items: center;
}

.hamburger-button {
	width: 54px;
	height: 54px;
	display: inline-block;
}
.hamburger-button .link-highlight-green {
	width: calc(100% - 20px);
	top: 57px;
	left: 4px;
	position: static;
	margin-left: 10px;
}

.hamburger-button .hamburger {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	text-align: center;
}
.hamburger-button .hamburger img {
	display: inline-block;
	margin: 10px auto;
}


.nav-link a .checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(check-none2.svg) no-repeat center center transparent;
	margin-right: 10px;
	flex-basis: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	background-size: contain;
}


.nav-link.active a .checkbox{
	background: url(check2.svg) no-repeat center center transparent;
}

.navbar-top .nav-links ul li.nav-link.inactive {
	cursor: default;
	font-weight: bold;
}
.navbar-top .nav-links.balls ul li.nav-link {
	
}
	.navbar-top .nav-links.balls ul li.nav-link a {
		width: 50px;
		padding: 0 5px;
	}

.navbar-top .nav-links.balls ul li.nav-link a .nav-link-text {
	display: inline-block;
	/*margin-top: -35px;*/
	text-align: center;
	font-size: 90%;
	width: 100%;
}

.navbar-top .nav-links.balls ul li.nav-link a .ball {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	margin: auto;
	background: #C4C4C4;
	left: 25px;
	top: 30px;
	border-radius: 10px;
	z-index: 1;
}
	.navbar-top .nav-links.balls ul li.nav-link.active a .ball {
		background: #419468;
	}

.navbar-top .nav-links.balls ul li.nav-link a .ball::before {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	/* background: #4BA82E; */
	background: #C4C4C4;
	position: absolute;
	z-index: 0;
	right: 5px;
	top: 4px;
}
.navbar-top .nav-links.balls ul li.nav-link.first a .ball::before {
	content: "";
	display: none;

}
	.navbar-top .nav-links.balls ul li.nav-link.active a .ball::before {
		background: #419468;
	}



.si-content-wrapper {
	padding: 20px;
}
.si-content h1 {
	margin: 0;
	font-size: 15px;
}
.si-content p {
	margin: 3px 0;
}
.si-content h1 {
	font-family: 'skoda_next',SkodaNEXT,SkodaPro,Tahoma,Helvetica,sans-serif;
}
.info-logo {
	width: 80px;
	height: 80px;
	float: right;
	margin-left: 20px;
	background: url(ico_charging.svg) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-cez{
	background: url(logo-cez.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-pre{
	background: url(logo-pre.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-eon-energie-as{
	background: url(logo-eon.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-eon-ceska-republika-s-r-o {
	background: url(logo-eon.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-delaerska-sit-skoda-auto-as{
	background: url(logo-skoda.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-ionity{
	background: url(logo-ionity.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-polyfazer{
	background: url(logo-polyfazer.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-olife{
	background: url(logo-olife.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-innogy{
	background: url(logo-innogy.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-skoenergo{
	background: url(logo-skoenergo.png) no-repeat center center transparent;
	background-size: contain;
}
.info-logo.info-logo-ostatni{
	background: url(logo-ostatni.png) no-repeat center center transparent;
	background-size: contain;
}
	.info-logo.info-logo-estation {
		background: url(logo-estation.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-chargeup {
		background: url(logo-chargeup.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-lidl {
		background: url(logo-lidl.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-mol {
		background: url(logo-mol.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-olife-energy-net-as {
		background: url(logo-olife-energy-net-as.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-polyfazer {
		background: url(logo-polyfazer.jpg) no-repeat center center transparent;
		background-size: contain;
	}
	.info-logo.info-logo-teplarny-brno {
		background: url(logo-teplarny-brno.jpg) no-repeat center center transparent;
		background-size: contain;
	}
.info-txt {
	float: left;
	padding-right: 20px;
	border-right: 1px solid #C4C4C4;
}
.search-results {
	background: white;
	width: 25%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -25%;
	box-shadow: none;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.search-results.active {
	left: 0;
	box-shadow: 5px 0px 3px -3px #999;
}

.search-results .handle {
	position: absolute;
	width: 40px;
	height: 60px;
	right: -40px;
	top: 100px;
	box-shadow: 5px 0px 3px -3px #999;
	cursor: pointer;
	background: #fff;
	display: none;
}
.search-results .handle .in {
	width: 100%;
	height: 100%;
	background: url(ic-arrow.svg) no-repeat center center #fff;
	transform: scaleX(-1);
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.search-results.active .handle .in {
	transform: scaleX(1);
}

.search-results .reslist {
	
}

#searchbox {
	width: 90%;
	height: 60px;
	margin: 0px;
	line-height: 30px;
	border: none !important;
	outline: none !important;
	padding: 0 10px;
	padding-left: 40px;
	background: url(ic-search.svg) no-repeat left center;
}
.nav-links.search {
	width: 50%;
}

.search-results .reslist {
	overflow-y: auto;
	height: 100%;
}

.search-results .reslist .item {
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 80%;
	margin: 10px;
	padding: 10px;
	padding-top: 0;
}
.search-results .reslist .item .info-txt {
	float: none;
	padding-right: 60px;
	border: none;
}
.search-results .reslist .item .info-logo {
	width: 50px;
	height: 50px;
	margin: 0;
}
.search-results .reslist .item p {
	margin: 0;
}
.search-results .reslist .item h1 {
	margin: 0;
	font-size: 16px;
}
.search-results .reslist .item .dist {
	color: #999;
}
.navbar-top .nav-links ul li.nav-link a.button {
	border: 1px solid;
	height: 40px;
	font-size: 80%;
	border-radius: 40px;
	padding: 0 30px;
}
.navbar-top .nav-links ul li.nav-link a.button:hover{
	color: #ffffff;
	background-color: rgb(74, 74, 74);
	border-color: rgb(74, 74, 74);
}

.hamburger-button.export .hamburger img {
	display: inline-block;
	margin: 15px auto;
}

.hamburger-button.export .hamburger span {
	display: inline-block;
	margin: 20px auto;
	vertical-align: bottom;
	margin-right: 10px;
}