@charset "UTF-8";
/*!
 * VO-KA iskalnik pitne vode — slogi.
 *
 * Prevzeto iz Drupal 7 modula: voka_iskalnik/css/_voka_iskalnik.css
 *
 * Spremembe ob migraciji na WordPress:
 *  - odstranjen vgrajen base64 "sourceMappingURL" komentar (~164 KB), ki je kazal
 *    na izvorne SCSS datoteke, ki niso del vtičnika;
 *  - `.page-node-7397 .autocomplete-suggestion` → `.autocomplete-suggestions
 *    .autocomplete-suggestion` (Drupalov razred telesa strani vozlišča v WP ne
 *    obstaja, slog pa je bil namenjen prav spustnemu seznamu samodokončanja);
 *  - odstranjen prazen Drupalov blok `#block-voka_iskalnik-voka_iskalnik`
 *    (edina deklaracija v njem je bila zakomentirana);
 *  - odstranjen `@import url(https://fonts.googleapis.com/…Open+Sans…)`. Slog je
 *    ob vsakem prikazu vtičnika prenesel pisavo s tujega strežnika — to zadrži
 *    izris, obiskovalčev IP pa odide tretji osebi. Vsi zapisi `font-family`
 *    še vedno najprej navedejo "Open Sans" (če jo stran naloži sama, je izris
 *    nespremenjen), sicer pa padejo na sistemsko verigo neogrotesknih pisav
 *    (SF Pro / Segoe UI / Helvetica / Arial), ki je po značaju blizu
 *    naročnikovi "aktiv-grotesk";
 *  - globalni Meyerjev reset omejen na ovoj vtičnika, da ne posega v temo —
 *    podrobnosti so zapisane ob pravilu samem.
 *

 * IZOLACIJA SLOGOV (ta korak):
 *  - odstranjen cel mrežni sistem iz Drupalove teme (`.container`, `.row`,
 *    `.col-N`, `.offset-N`, `.push-N`, `.pull-N`, vključno s ponovitvami v
 *    `@media`) — podrobnosti in dokaz o neuporabi so ob mestu, kjer je bil;
 *  - vsi preostali selektorji so omejeni na ovoj `.voka-iskalnik`, ki ga izriše
 *    `templates/iskalnik.php`. Predpona gre vedno PRED del selektorja, tudi pri
 *    `:hover`, `::before` in podobnih, in znotraj blokov `@media`;
 *  - spustni seznam samodokončanja se z možnostjo `appendTo` ustvari znotraj
 *    ovoja, sicer bi ga omejitev pustila brez sloga (knjižnica ga privzeto pripne
 *    na `body`, torej izven ovoja).
 *
 * Preoblikovanje je opravila skripta (razčlenjevalnik CSS), ne roka — selektorjev
 * je bilo preveč za ročno delo, hkrati pa je bilo treba paziti na dele selektorjev,
 * ki so mrežne razrede delili z našimi (mešanica clearfix).
 *
 * Poti do slik ostajajo relativne `../img/` — razmerje med mapama je v novi
 * strukturi enako kot v izvirniku (assets/css/ → assets/img/).
 */
/*
	@file:
		main.scss

	@description: 
		Handles the import of all SASS snippets	

*/
/*
	@file:
		_variables.scss

	@description: 
		SASS variables used and shared amongst all the
		individual files/functions
	
	@implementation:
		File is included in the main.scss file via the 
		@include function

	@naming:
		All variables should be named logically in
		order to avoid confusion and conflicts.

		Good example:
		$primary-color: #000;

		Bad example:
		$black-color: #000;
*/
/*
	@file:
		functions.scss

	@description: 
		SASS custom functions used and shared amongst all the
		individual files/functions
	
	@implementation:
		File is included in the main.scss file via the 
		@include function
*/
/*
	@function:
		em( $value, $base )

	@description
		Simple function that converts pixels to em's

	@arguments:
		$value : The pixel value
		$base  : The base font size

	@implementation:		
		em( 25px )

*/
/*
	@function:
		rem( $value, $base )

	@description
		Simple function that converts pixels to rem's

	@arguments:
		$value : The pixel value
		$base  : The base font size

	@implementation:		
		rem( 25px )

*/
/*
	@function:
		z-index( $layer, $z-layers )

	@description
		Simple function that generates a z-index value based on the key 
		values from a list

	@arguments:
		$layer : The desired value to be taken from the list
		$z-layers : List that contains the z-index values

	@implementation:		
		z-index( 'modal' )

*/
/*
	@file:
		_placeholders.scss

	@description: 
		SASS custom placeholders used as abstract classes for
		extending purposes
	
	@implementation:
		File is included in the main.scss file via the 
		@include function
*/
/*
	@placeholder:
		clearfix

	@description
		Classic clearfix approach, just the SASS way :)

	@implementation:		
		.selector { @extend %clearfix; }

*/
.voka-iskalnik #voka-iskalnik-form, .voka-iskalnik #voka-iskalnik-form .app-inputs-wrapper, .voka-iskalnik #voka-iskalnik-form .app-inputs-radios {
  *zoom: 1; }
.voka-iskalnik #voka-iskalnik-form:before, .voka-iskalnik #voka-iskalnik-form .app-inputs-wrapper:before, .voka-iskalnik #voka-iskalnik-form .app-inputs-radios:before, .voka-iskalnik #voka-iskalnik-form:after, .voka-iskalnik #voka-iskalnik-form .app-inputs-wrapper:after, .voka-iskalnik #voka-iskalnik-form .app-inputs-radios:after {
  content: '';
  display: table; }
.voka-iskalnik #voka-iskalnik-form:after, .voka-iskalnik #voka-iskalnik-form .app-inputs-wrapper:after, .voka-iskalnik #voka-iskalnik-form .app-inputs-radios:after {
  clear: both; }

/*
	@file:
		_mixins.scss

	@description: 
		SASS custom mixins used and shared amongst all the
		individual files/functions
	
	@implementation:
		File is included in the main.scss file via the 
		@include function
*/
/*
	@mixin:
		rem( $property, $values )

	@description
		A REM-PX mixin that converst pixels to proper rem values.
		It also includes a fallback for older browsers (IE8 cough...)

	@arguments:
		$property : the property you want to apply a value to
		$values   : the values you want to apply to $property

	@implementation:		
		@include rem(font-size, 1.5rem);
  		@include rem(padding, 20px 10px);

	@credits
		CodePen: http://codepen.io/HugoGiraudel/pen/xsKdH
		Article: http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/

*/
/*
	@mixin:
		em( $property, $values )

	@description
		A EM-PX mixin that converst pixels to proper em values.
		It also includes a fallback for older browsers (IE8 cough...)

	@arguments:
		$property : the property you want to apply a value to
		$values   : the values you want to apply to $property

	@implementation:		
		@include em(font-size, 1.5em);
  		@include em(padding, 20px 10px);

*/
/*
	@mixin:
		retina( $query, $file, $type, $width, $height )

	@description
		Pretty cool mixin to generate a background image for retina display

	@arguments:
		$query  : Media query to trigger retina image
		$file   : File that will be used
		$type   : Filetype
		$width  : Width to scale the original image
		$height : Height to scale the original image

	@implementation:		
		@include retina('images/video', 'png', 50%, 50%);

*/
/*
	@mixin:
		font-smoothing( $value )

	@description
		Pretty cool mixin for font smoothing

	@arguments:
		$value: Defines the algorythm for the smoothing

	@implementation:		
		@include font-smoothing();

*/
/*
	@mixin:
		keyframes( $animation-name )

	@description
		Defines the keyframes for the animation

	@arguments:
		$animation-name: Animation name

	@implementation:		
		@include keyframes(slide-down) {
			0% { opacity: 1; }
			90% { opacity: 0; }
		}

*/
/*
	@mixin:
		animation(
			$animation-name,
			$animation-duration,
			$animation-iteration-count,
			$animation-direction,
			$animation-timing-function,
			$animation-fill-mode,
			$animation-delay

		)
	@description
		Implements the animation based on pre-defined
		keyframes

	@arguments:
		$animation-name: Name of animation,
		$animation-duration: Pass time parameter do declare animation duration,
		$animation-iteration-count: Pass string or integer to declare animation count
		$animation-direction: Pass string to declare animation direction
		$animation-timing-function: Pass easing string to declare animation easing
		$animation-fill-mode: Pass string to declare animation fill
		$animation-delay: Pass time parameter to declare animation delay

	@implementation:		
		@include animation('slide-down');

*/
/*
$button-font        : $primary-font;
$button-font-size   : em(14px);
$button-line-height : em(45px);
$button-margin      : 0;
$button-padding     : 0 em(30px);
$button-radius      : em(45px);
*/
/*
	@mixin:
		button( 
			$speed,
			$perspective
		)

	@description
		Creates a custom button by request

	@arguments:
		$background: Defines the background of the button
		$border: Defines the border
		$color: Define the color of the font

	@implementation:		
		@include button( #000, #111, #fff );

*/
/*@mixin button(

	$background : none,
	$border     : $black,
	$colour     : $black

) {

	font-size: $button-font-size;
	font-family: $button-font;
	font-weight: $regular;
	color: $colour;
	line-height: $button-line-height;
	margin: $button-margin;
	padding: $button-padding;
	border: 2px solid $border;
	background: $background;
	border-radius: $button-radius;
	display: inline-block;
	transition: all .3s ease-in-out;
	outline: none;

	&:hover {

		background: $border;
		color: #fff;

	}

}*/
/*
	@mixin:
		flip3d( 
			$speed,
			$perspective
		)

	@description
		Creates a neat 3D flip effect

	@arguments:
		$speed: Transition speed
		$perspective: Defines the flip perspective

	@implementation:		
		@include flip3d()

*/
/*
 * OB MIGRACIJI ODSTRANJENO — mrežni sistem iz Drupalove teme.
 *
 * Izvirnik je na tem mestu imel prevedeni izpis datoteke `_grid.scss`:
 * razrede `.container`, `.row`, `.col-1`…`.col-12`, `.offset-1`…`.offset-12`,
 * `.push-1`…`.push-12` in `.pull-1`…`.pull-12`, skupaj s ponovitvami v
 * prelomnih točkah `@media`. To je 50+ povsem splošnih imen razredov.
 *
 * V Drupalu je bilo neškodljivo, ker je iste razrede lastovala ista tema. V
 * WordPressu pa se slog vtičnika naloži poleg teme in ti razredi neposredno
 * trčijo z njenimi (Bootstrap in podobni jih uporabljajo z istimi imeni) —
 * vtičnik je tako prepisoval postavitev elementov, ki niso njegovi.
 *
 * Naša koda mreže ne uporablja nikjer: preverjeno z grepom po `templates/`,
 * `includes/`, `lib/` in `assets/js/voka-iskalnik.js` — noben razred
 * iz družine `container`, `row`, `col-N`, `offset-N`, `push-N` ali `pull-N`
 * se ne pojavi. Edini zadetek je
 * `app-search-map-container`, kar je drugo ime.
 *
 * Ohranjena je le mešanica clearfix (zgoraj), ker jo `#voka-iskalnik-form`
 * dejansko uporablja — iz njenega seznama selektorjev je odstranjen samo `.row`.
 */

/*
 * OB MIGRACIJI DODANO — ovoj vtičnika.
 *
 * Vsi selektorji v tej datoteki so omejeni na `.voka-iskalnik`, da slogi
 * vtičnika ne uhajajo v temo. Ovoj izriše predloga `templates/iskalnik.php`.
 *
 * `position: relative` ni okrasek: knjižnica samodokončanja (devbridge) svoj
 * spustni seznam pripne z možnostjo `appendTo` v ta ovoj (glej
 * `assets/js/voka-iskalnik.js`), seznam pa je postavljen absolutno. Ovoj mora
 * zato biti njegov `offsetParent`, sicer se seznam postavi glede na napačen
 * element in odplava stran od vnosnega polja.
 *
 * Sicer je pravilo za izris nevtralno — `position: relative` brez odmikov
 * elementa ne premakne.
 */
.voka-iskalnik {
  position: relative; }

/*
	@file:
		_reset.scss

	@description: 
		Reset/normalize styles used to clean out the DOM
	
	@implementation:
		File is included in the main.scss file via the 
		@include function

	@copyright:
		http://meyerweb.com/eric/tools/css/reset/ 
   		v2.0 | 20110126

*/
/*
 * OB MIGRACIJI SPREMENJENO — globalni reset je omejen na vtičnik.
 *
 * Izvirnik je na tem mestu imel nespremenjen Meyerjev reset (v2.0), zapisan z
 * golimi imeni elementov: `html, body, div, span, … h1…h6, p, ul, ol, li,
 * table, header, footer, nav …`. Ker se slog naloži na celotni strani, je
 * reset veljal tudi za temo in ji odvzel:
 *   – zunanje in notranje robove vseh naslovov in odstavkov (`margin: 0`),
 *   – pisavo naslovov (`font: inherit`),
 *   – oznake seznamov (`ol, ul { list-style: none }`),
 *   – višino vrstice telesa (`body { line-height: 1 }`).
 * Na temi Twenty Twenty-Five to ni bilo opazno, ker njena pravila uporabljajo
 * `:root :where(…)` in so bolj specifična; na klasični temi z golimi selektorji
 * (`h2 { … }`, `ul { … }`) pa je reset zmagal in razsul postavitev strani.
 *
 * Nadomestilo spodaj naredi isto znotraj ovoja vtičnika (in v seznamu
 * samodokončanja, ki ga knjižnica pripne na `body`), zunaj njega pa nič.
 * Zemljevid je namenoma izpuščen: pravila Leafleta so razreda `.leaflet-*` in
 * bi jih bolj specifičen reset premagal.
 *
 * Meritev pred spremembo in po njej: edina razlika v izrisu vtičnika je bil
 * 9 px roba nad in pod pravnim besedilom, ki ga je dodala tema — zato je
 * `margin: 0` spodaj ohranjen prav za ta odstavek.
 *
 * @copyright izvirnika: http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 */
.voka-iskalnik .app-search-wrapper,
.voka-iskalnik .app-search-wrapper .app-search-header,
.voka-iskalnik .app-search-wrapper .app-search-content,
.voka-iskalnik .app-search-wrapper .app-search-box,
.voka-iskalnik .app-search-wrapper .app-search-legal,
.voka-iskalnik .app-search-wrapper .app-inputs-wrapper,
.voka-iskalnik .app-search-wrapper .app-inputs-radios,
.voka-iskalnik .app-search-wrapper .form-item,
.voka-iskalnik .app-search-wrapper form,
.voka-iskalnik .app-search-wrapper p,
.voka-iskalnik .app-search-wrapper fieldset,
.voka-iskalnik .app-search-wrapper legend,
.voka-iskalnik .autocomplete-suggestions {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

.voka-iskalnik .app-search-wrapper a,
.voka-iskalnik .app-search-wrapper label,
.voka-iskalnik .app-search-wrapper strong,
.voka-iskalnik .app-search-wrapper b,
.voka-iskalnik .app-search-wrapper em,
.voka-iskalnik .app-search-wrapper i,
.voka-iskalnik .app-search-wrapper small,
.voka-iskalnik .autocomplete-suggestions .autocomplete-suggestion {
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

.voka-iskalnik .app-search-wrapper ol,
.voka-iskalnik .app-search-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.voka-iskalnik .app-search-wrapper table {
  margin: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0; }

/*
	@file:
		_base.scss

	@description: 
		Base related rules
	
	@implementation:
		File is included in the main.scss file via the 
		@include function
*/
/*
	@file:
		_typography.scss

	@description: 
		Typography related rules
	
	@implementation:
		File is included in the main.scss file via the 
		@include function
*/
.voka-iskalnik .app-search-wrapper {
  width: 100%;
  max-width: 43.75rem;
  box-sizing: border-box;
  /*margin: 50px auto;*/ }

.voka-iskalnik .autocomplete-suggestions .autocomplete-suggestion {
  font-size: 11px !important;
  padding: 10px 0 0 20px !important;
}

.voka-iskalnik #app-input-search-parcela {
  border: 0 !important;
  position: relative;
  top: -1px;
  
}

.voka-iskalnik .app-search-header {
  position: relative;
  z-index: 10;
  background-color: #007bb5;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }
  @media (min-width: 20em) {
    .voka-iskalnik .app-search-header {
      height: 150px; } }
  @media (min-width: 32.5em) {
    .voka-iskalnik .app-search-header {
      height: 150px; } }
  @media (min-width: 50.625em) {
    .voka-iskalnik .app-search-header {
      height: 75px; } }
  @media (min-width: 60.625em) {
    .voka-iskalnik .app-search-header {
      height: 75px; } }
  .voka-iskalnik .app-search-header a {
    display: inline-block;
    color: #8bc1dc !important;
    font-size: 1.125rem;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
    font-weight: 300;
    text-decoration: none !important;
    line-height: 4.6875rem; }
    .voka-iskalnik .app-search-header a:hover {
      text-decoration: none !important; color: #8bc1dc;}
    @media (min-width: 20em) {
      .voka-iskalnik .app-search-header a {
        display: block;
        margin-left: 40px; text-decoration: none !important;
        font-size: 14px!important} }
    @media (min-width: 32.5em) {
      .voka-iskalnik .app-search-header a {
        display: block;
        margin-left: 40px;text-decoration: none !important; } }
    @media (min-width: 50.625em) {
      .voka-iskalnik .app-search-header a {
        display: inline-block; text-decoration: none !important;}
        .voka-iskalnik .app-search-header a:first-of-type {
          margin-left: 40px;
          float: left; }
        .voka-iskalnik .app-search-header a:last-of-type {
          margin-right: 40px;
          margin-left: 20px;
          float: right; } }
    @media (min-width: 60.625em) {
      .voka-iskalnik .app-search-header a {
        display: inline-block; }
        .voka-iskalnik .app-search-header a:first-of-type {
          margin-left: 40px;
          float: left; }
        .voka-iskalnik .app-search-header a:last-of-type {
          margin-right: 40px;
          margin-left: 20px;
          float: right; } }
  .voka-iskalnik .app-search-header .active-tab-link {
    color: #fff !important;
    position: relative; }
.voka-iskalnik .app-search-header .active-tab-link:hover {
    color: #fff;
    position: relative; }
    .voka-iskalnik .app-search-header .active-tab-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid; }
    @media (min-width: 20em) {
      .voka-iskalnik .app-search-header .active-tab-link::after {
        bottom: 25px;
        left: -40px;
        border-width: 13px 0 13px 10px;
        border-color: transparent transparent transparent #ffffff; } }
    @media (min-width: 32.5em) {
      .voka-iskalnik .app-search-header .active-tab-link::after {
        bottom: 25px;
        left: -40px;
        border-width: 13px 0 13px 10px;
        border-color: transparent transparent transparent #ffffff; } }
    @media (min-width: 50.625em) {
      .voka-iskalnik .app-search-header .active-tab-link::after {
        bottom: 0;
        left: 50%;
        border-width: 0 13px 10px 13px;
        border-color: transparent transparent #ffffff transparent;
        margin-left: -13px; } }
    @media (min-width: 60.625em) {
      .voka-iskalnik .app-search-header .active-tab-link::after {
        bottom: 0;
        left: 50%;
        border-width: 0 13px 10px 13px;
        border-color: transparent transparent #ffffff transparent;
        margin-left: -13px; } }

.voka-iskalnik .app-search-content {
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 10px 0px #c8c8c8;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  min-height: 400px; }

.voka-iskalnik #app-search-result {
  padding: 0.9375rem;
  width: 82%; 
  margin: 0 auto;
  color: #007bb5;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif; }
  .voka-iskalnik #app-search-result b {
    font-weight: 700; }
  .voka-iskalnik #app-search-result a {
    color: #007bb5;
    font-weight: 700; }
  @media (min-width: 20em) {
    .voka-iskalnik #app-search-result {
      width: 82%; } }
  @media (min-width: 32.5em) {
    .voka-iskalnik #app-search-result {
      width: 82%; } }
  @media (min-width: 50.625em) {
    .voka-iskalnik #app-search-result {
      width: 82%; } }
  @media (min-width: 60.625em) {
    .voka-iskalnik #app-search-result {
      width: 82%; } }

.voka-iskalnik .app-search-legal p {
  color: #858585 !important;
  font-size: 0.5625rem !important;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif !important;
  font-weight: 400!important;
  text-align: justify !important;
  padding: 1.25rem!important;
  padding-bottom: 0.625rem !important;
  padding-left: 3.75rem!important;
  position: relative; }
  .voka-iskalnik .app-search-legal p::before {
    position: absolute;
    left: 15px;
    top: 22px;
    content: '';
    width: 34px;
    height: 35px;
    background-image: url('../img/logo-voka.png');
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .voka-iskalnik .app-search-legal p::before {
        background-image: url('../img/logo-voka@2x.png');
        background-size: 2.125rem, 1.5rem; } }

.voka-iskalnik .app-inputs-wrapper {
    /*position: relative;*/
}
.voka-iskalnik #app-input-search-parcela {
    height: 49px !important;
}
.voka-iskalnik #voka-iskalnik-form div.app-inputs-wrapper:first-of-type, .voka-iskalnik #voka-iskalnik-form .app-inputs-radios {
  width: calc(50% - 50px);
  min-width: 300px;
  margin: 35px auto 25px;
  box-shadow: 0px 0px 10px 0px #c8c8c8; max-height:100px}
.voka-iskalnik #voka-iskalnik-form .app-inputs-radios {
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center; display: none }
   
  .voka-iskalnik #voka-iskalnik-form .app-inputs-radios div {
    margin-top: 10px !important; }
    @media (min-width: 20em) {
      .voka-iskalnik #voka-iskalnik-form .app-inputs-radios div {
        display: block;
        margin: 0; } }
    @media (min-width: 32.5em) {
      .voka-iskalnik #voka-iskalnik-form .app-inputs-radios div {
        display: block;
        margin: 0; } }
    @media (min-width: 50.625em) {
      .voka-iskalnik #voka-iskalnik-form .app-inputs-radios div {
        display: inline-block; } }
    @media (min-width: 60.625em) {
      .voka-iskalnik #voka-iskalnik-form .app-inputs-radios div {
        display: inline-block; } }
.voka-iskalnik #voka-iskalnik-form input[type=text] {
  float: left;
  margin: 0 !important;
  font-size: 1.125rem !important;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  color: #858585 !important;
  width: calc(100% - 90px)!important;
  height: 50px !important;
  padding: 0 20px !important;
  outline: 0;
  border: 0; !important; 
  border-radius: 0 !important;}
.voka-iskalnik #voka-iskalnik-form input[type=submit] {
  float: left;
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  background-color: #007bb5 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-image: url('../img/icon-search.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;;
  cursor: pointer; }
.voka-iskalnik #app-input-search {
  border: 0 !important;
  border-radius: 0 !important;
}
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .voka-iskalnik #voka-iskalnik-form input[type=submit] {
      background-image: url('../img/icon-search@2x.png');
      background-size: 2.125rem, 1.5rem; } }
.voka-iskalnik #voka-iskalnik-form input[type=radio] {
  display: none; }
.voka-iskalnik #voka-iskalnik-form label {
  position: relative;
  padding-left: 45px;
  font-size: 1rem;
  line-height: 26px;
  color: #858585;
  font-weight: 300;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  text-align: left; }
  .voka-iskalnik #voka-iskalnik-form label::before {
    content: '';
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #e5e5e5; }
@media (min-width: 20em) {
  .voka-iskalnik #voka-iskalnik-form label[for="search-type-kataster"] {
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 32.5em) {
  .voka-iskalnik #voka-iskalnik-form label[for="search-type-kataster"] {
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 50.625em) {
  .voka-iskalnik #voka-iskalnik-form label[for="search-type-kataster"] {
    margin-right: 50px; } }
@media (min-width: 60.625em) {
  .voka-iskalnik #voka-iskalnik-form label[for="search-type-kataster"] {
    margin-right: 50px; } }
.voka-iskalnik #voka-iskalnik-form input[type=radio]:checked + label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #007bb5; }

.voka-iskalnik .search-info {
  text-align: center !important; }

.voka-iskalnik #edit-app-search-submit {
    border-radius: 0;
}

.voka-iskalnik .form-item-app-input-radio {
    display: inline;
}

.voka-iskalnik #voka-iskalnik-form div.app-inputs-wrapper:nth-of-type(2) {
    width: 82%;  
    margin: 0 auto;
}

.voka-iskalnik .form-item div.form-item-app-input-radio:first-of-type {
    margin-right: 50px;
}
.voka-iskalnik .form-item div.form-item-app-input-radio {
    float: left;
}
.voka-iskalnik .form-item-app-input-radio {
    display: none;
}

.voka-iskalnik .submit-double-size {
    float: none !important;
    height: 100px !important;
}

/* ajax throbber */
.voka-iskalnik .app-search-wrapper .ajax-progress {
/*  display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);*/
 display: inline-block;
  *display: inline;
  *zoom: 1;
    min-width: 210px;
}

.voka-iskalnik .app-search-wrapper .ajax-progress .message {
    font-size: 0.8rem;
    line-height: 26px;
    color: #858585;
    font-weight: 300;
    position: relative;
    top: 5px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
}

.voka-iskalnik .app-search-wrapper .ajax-progress .throbber {
  background: transparent url(../img/gps.gif) no-repeat 0px 0px; /* tweak this according to your gif */
  float: left;
  height: 26px; /* tweak this according to your gif */
  width: 26px; /* tweak this according to your gif */
  margin: 4px;
}

.voka-iskalnik #app-input-search-parcela {
    border-top: 1px solid #eee !important;
    display: none;
}

/* Autosuggestion styling */
.voka-iskalnik .autocomplete-suggestions {
  /*border: 1px solid #e6e6e6;*/
  box-shadow: 0px 0px 10px 0px #c8c8c8;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #fff;    
}

.voka-iskalnik .autocomplete-suggestion {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  font-weight: 400;
  color: #858585; 
  padding: 4px 0 0 20px;
    cursor: pointer
}
  .voka-iskalnik .autocomplete-suggestion strong {
    color: #007bb5; font-weight: 500; }

/* MAP shadow */
.voka-iskalnik #app-search-map {
  width: inherit;
  height: inherit; }

.voka-iskalnik .app-search-map-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 20rem; }

.voka-iskalnik .app-search-map-container:before, .voka-iskalnik .app-search-map-container:after, .voka-iskalnik #app-search-map:before, .voka-iskalnik #app-search-map:after {
  position: absolute;
  display: block;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  content: '';
  z-index: 5; }

.voka-iskalnik .app-search-map-container:before {
  top: -5px;
  left: 0;
  right: 0;
  height: 5px; }

.voka-iskalnik .app-search-map-container:after {
  right: -5px;
  top: 0;
  bottom: 0;
  width: 5px; }

.voka-iskalnik #app-search-map:before {
  bottom: -5px;
  left: 0;
  right: 0;
  height: 5px; }

.voka-iskalnik #app-search-map:after {
  left: -5px;
  top: 0;
  bottom: 0;
  width: 5px; }

.voka-iskalnik #map {
  width: inherit;
  height: inherit; }