@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400|Roboto:300,400,600&display=swap');
@import url('sprites.css');

html {
  scroll-padding-top: 100px; /* height of sticky header */
}

body {
	font-family: "Roboto Condensed", "Oxygen", "Ubuntu", "Cantarell", 
    "Fira Sans", "Droid Sans", "Helvetica Neue", 
    sans-serif;
	font-weight:300;
    /*color: #555;*/
    -webkit-tap-highlight-color: #222;
	font-size: 1.05em;
    top:0;
	text-rendering: optimizeLegibility;
	height:100%;
	min-height:100vh;
}



.wrapper {
   min-height: calc(100vh - 96px);
}

.avaleht .wrapper {
  min-height: calc(100vh - 332px);
}

.flex-fill {
   flex:1 1 auto;
}

footer {
	background-image: linear-gradient(to bottom, #fefcf21f 0%,rgba(0, 119, 192, 0.26) 100%);
}

footer h4, footer h6 {
    color:#fff;
}


/* workaround modal-open padding issue */
body.modal-open {
    padding-right:0 !important;
}
#content,#sisu {
	font-family: 'Roboto', sans-serif;
}


#content a,#sisu a {font-weight:400;/*text-decoration:underline*/}


hr.light {
    border-color: rgba(255,255,255,0.8);
}

hr.primary {
    border-color: #007FFF;
    opacity: 1;
}

a {
	color: #0077c0;
	-webkit-transition: .25s all;
	transition: .25s all;
}

a:hover,
a:focus {
    color: #900;
    /*outline: 0;*/
}

footer a.text-decoration-underline {
	text-decoration:underline;
}

.page-item a.page-link {
	border: 1px solid rgb(92, 157, 197);
	color:#0077c0 !important;
}

.page-item.active a.page-link {
	background-color: rgb(92, 157, 197);
	border-color: #0077c0;
	color: #fff !important;
}


.wide-space {
    letter-spacing: 1.6px;
}

.icon-lg {
    font-size: 50px;
    line-height: 18px;
}

.bg-primary {
    background-color: #007FFF;
}

.bg-alt {
    background-color: #fff;
}

.text-faded {
    color: rgba(245,245,245,0.7);
}

.text-dark {
    color: #001A33;
}

.text-light {
    color: #fff;
}

.text-light:hover,.text-light:focus {
    color: #eee;
    text-decoration:none;
}

.text-primary {
    color: #007FFF;
}

.vasakpealkiri {
	font-weight:bold;
	font-size:0.8em;
	white-space:nowrap;
}


aside {
    padding: 45px 0;
}

.navbar {
	border: 1px solid #e5e5e5;
	padding-top:0;
	padding-bottom:0;
	background: #fff;
}

.navbar-brand {
    color: #007FFF;
    padding: 1px;
    line-height: 1.90em;
    -webkit-transition: padding .2s ease-in;
    -moz-transition: padding .2s ease-in;
    transition: padding .2s ease-in;
    float:none;
}

.navbar-text a {
	color: #000;
	font-size:125%;
}


.navbar-brand:hover,
.navbar-brand:focus {
    color: #007FFF;
}

.navbar .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #001A33;
}
.navbar .navbar-toggle, .navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar .navbar-nav > li>a,
.navbar .navbar-nav>li>a:focus {
    font-size: 18px;
    color: #001A33;
    text-transform: uppercase;
	font-weight:400;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
    color: #900 !important;
	    background-color: transparent;
	background-image: linear-gradient(#900,#900);
	background-size: 0.5em 2px;
	background-repeat: repeat-x;
	background-position: 0% 85%;

	 -webkit-transition: .5s all;
	 transition: .5s ease-in;
}


.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.active:focus {
    color: #0077c0 !important;
    background-color: transparent;
	background-image: linear-gradient(#0077c0,#0077c0);
	background-size: 0.5em 2px;
	background-repeat: repeat-x;
	background-position: 100% 85%;
}


/* xs, phones */
@media (max-width: 575px) {
	.kaardisakk .card-title {
		font-size: 1.3em;
	}
	#menu-left {
		padding-top:20px;
	}
}

/* small/landscape-phone */
@media (min-width: 576px) and (max-width: 767px) {
	.kaardisakk .card-title {
		font-size: 1.1em;
	}
	#menu-left {
		padding-top:20px;
	}
}

/* medium/tablet */
/* Vähendame ülamenüü fondi suurust 4:3 ekraani huvides */
@media (min-width: 768px) and (max-width: 991.98px) {

	.navbar .navbar-nav > li>a,
	.navbar .navbar-nav>li>a:focus {
		font-size: 14px;
		padding-bottom: 15px;
	}

	#sidebar {
		display:none;
	}

	.kaardisakk .card-title {
		font-size: 1em;
	}
}

/* large/desktop */
@media (min-width: 992px) and (max-width: 1199.98px) {
	#sidebar {
		/*font-size: 0.85em;*/
	}
	.kaardisakk .card-title {
		font-size: 1.0em;
	}
}

/* normal large/desktop */
@media (min-width: 1200px) {
	div.leivapururida {
		height: 50px;
	}
	.kaardisakk .card-title {
		font-size: 1.2em;
	}

}
@media (min-width: 1500px) {
	.kaardisakk .card-title {
		font-size: 1.5em;
	}

	#content.mw {
		max-width: 1140px;
		/*border: 1px dotted #f00;*/
	}
}

/* responsive nav */
@media(max-width:48em) {

	div.leivapururida {
		height: 50px;
	}
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav {
        float:none !important;
    }
	/* Peidame vasaku menüüpuu */
	#sidebar {
		display:none;
	}
	/* Leivapururida kitsamaks */
	.breadcrumb {
		padding: .15rem .15rem;
	}
	/* Kiirviited peitu */


	/* Pealkirjad pisemaks */

	h1 {font-size:1.5rem;}
	h2 {font-size:1.4rem;}

	.carousel-caption h2 a {font-size: 1.3rem;}

	.dropdown-menu.lang {
		position:absolute;
	}

	.peamenyy.roboto {
		font-size: 90%;
	}

	.navbar-brand img {
		min-height:76px;
		height: 90px;
		width: 200px;
		margin-left:10px;
	}
	
}/* \pisike ekraan */

@media(min-width:48em) {

	
	
    .navbar {
        border-color: transparent;
        min-height: 60px;
    }

    .navbar-brand {
        color: #007FFF;
        float: left;
    }

	.navbar-brand img {
		height: 90px;
		width: 200px;
		margin-left:10px;
	}

	nav.is-sticky .navbar-brand img {
		height: 72px;
		width: 151px;
	}

    .navbar .navbar-brand:hover,
    .navbar .navbar-brand:focus {
        color: #001A33;
    }
    
    .navbar .navbar-nav > li > a,
    .navbar .navbar-nav> li > a:focus {
        color: #001A33;
        letter-spacing: 1.1px;
    }

    .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus:hover {
        color: #001A33;
    }

}/*@media(min-width:48em) {*/



@media(min-width:81em) {
	/*div.col-lg-3.col-sm-4.pb-2.menu-left {*/
	#menu-left {
		padding-top: 30px;
		float:right;
		width:300px;
	}

}


@media(min-width:993px) {
	a.sidebar_toggler {display:none;}
}
@media(max-width:992px) {
	a.sidebar_toggler {display:inline-block;}
}

/*
.list-group-item, .card-footer {
    background-color:transparent;
}*/

textarea {
    resize: none;
}


.fade-in {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

.fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.hero-geoportaal {
	background-image: url('../../gfx/hero-hybriid-0.5o.jpg');
	background-size:cover;
	background-position: 0 0;
	font-family: 'Roboto Condensed', sans-serif;
}

.intro {
    background-color: rgba(255,255,255, 0.7);
    text-shadow: 1px 1px #ccc;
}
.bg-half {
	 background-color: rgba(0,0,0, 0.5);
	 color: rgba(255,255,255, 0.8); 
	 text-shadow: none;
}
.bg-hero {
	background-color: rgba(15,30,20, 0.5);
	color: rgba(255,255,255, 1); 
	text-shadow: none;
	border-radius: 10px;
}
.hero-geoportaal_,.hero-small {
	background-color: rgba(0,0,0, 0.3);
}


.tiny .list-group-item {font-size:85%;padding: .15rem .25rem;}
.navbar-nav .nav-item	{white-space:nowrap;}
.invis {display:none;}
.inaadressSearchContainer {	z-index: 2000;}




.hero-geoportaal a.kaardiserver {
	background-color: rgba(92, 157, 197,0.8);
	/*background-color: rgba(0, 110, 181, 0.8);*/
	color:#fff !important;
	font-size:150%;
	-moz-appearance: button;
}

.hero-geoportaal .dropdown-menu.show {
	background-color: rgb(92, 157, 197);
	z-index:11111
}
.hero-geoportaal .dropdown-menu.show a.dropdown-item	{
  color: rgb(255,255,255);
/*
  background-color: rgba(15,30,20, 0.8);
  border: 1px solid rgba(15,30,20, 0.8);
  */
  background-color: rgb(92, 157, 197);
  border: 1px solid rgb(92, 157, 197);
}

.hero-geoportaal .dropdown-menu a.dropdown-item:hover	{
	color:#fff;
	border: 1px solid rgba(255,255,255, 0.8);
}

/*
.hero-geoportaal .ehak_vorm  a {color: rgba(216,216,216,1.0);font-weight:bold;}
.hero-geoportaal .ehak_vorm a:hover {color: rgba(95,196,228,1.0)}
*/

.hero-geoportaal .btn-group a.kaardiserver {
	color: rgba(23,162,184,1.0);
	text-transform:uppercase;
	font-variant: small-caps;
}

.hero-geoportaal .btn-info {
    color: #fff;
    background-color: rgb(92, 157, 197);
    border-color: rgba(92, 157, 197,0.5);
}

.hero-geoportaal .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: rgba(15,30,20, 0.6);
    border-color: #10707f;

}



.navbar-nav {font-family:'Roboto Condensed', sans-serif;}

.card.news {
	border: 1px solid rgba(170,170,137,0.5);
}

.card.news .card-footer {
	padding:.15rem;
}

@media(max-width:48em) {
	.page-link {
		padding: .25rem .45rem;
	}
}

*, *::before, *::after { 
box-sizing: border-box; 
min-height: .01px; }

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,1.0);
}


.list-group.tree .list-group-item {
	background:transparent; /*#e9ecef*/
	border-radius: 0px;
	border:none;
	padding-right:0px;
	margin-right: -5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight:300;
}


.list-group.tree .list-group-item .collapse.show {
	padding-left: 10px;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 5px;
	border:0;
	border-top: 1px solid #aabdcf;
	border-left: 1px solid #aabdcf;
}

.list-group.tree .list-group-item .list-group-item .collapse.show {
	padding-left: 10px;
	border:0;
	border-left: 1px solid #aabdcf;
}

.list-group.tree .list-group-item .list-group-item .list-group-item .collapse.show {
	padding-left: 10px;
	border:0;
	border-left: 1px solid #aabdcf;
}


.list-group.tree .list-group-item .list-group-item .list-group-item .list-group-item .collapse.show {
	padding-left: 10px;
	border:0;
	border-left: 1px solid #aabdcf;
}



.list-group.tree a.clicked.active {
	text-decoration:none;
}

.list-group.tree a.active {
	text-decoration:underline;
}

.list-group.tree a.clicked {
	color: #900 !important;
	text-decoration:underline;
}



.list-group.tree .list-group-item a.icon-switcher,button span.icon-switcher {
	display: inline-block;
	font-family: "FontAwesome", sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	padding-right: 10px;
	font-size: 16px;
	text-decoration:none;
	padding-left: 6px;
	/*float:right;*/
}


.list-group.tree .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .05s ease;
       -o-transition: height .05s ease;
          transition: height .05s ease;
}
.list-group.tree .list-group-item a.icon-switcher[aria-expanded="false"]::after,button[aria-expanded="false"] span.icon-switcher::after  {
	content:"\f067";
	color: rgb(92, 157, 197);
}
.list-group.tree .list-group-item a.icon-switcher[aria-expanded="true"]::after,button[aria-expanded="true"] span.icon-switcher::after {
	content:"\f00d";
	color: rgb(92, 157, 197);
}


.turn90deg {
	transform: rotate(90deg);
}

.breadcrumb-item + .breadcrumb-item::before {
	font-family: "FontAwesome", sans-serif !important;
	content:"\f105";
}

.dropdown-menu.lang .dropdown-item.active {
	color: #333;
    font-weight: 500;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: .4rem .6rem;
    background-size: .75rem .75rem;
  }


 .flag {
	width: 16px;
	height: 11px;
	background:url('../../gfx/flags.png') no-repeat
}
.flag.flag-est {background-position: -192px -33px}
.flag.flag-eng {background-position: -176px -44px}

.roboto {font-family: 'Roboto Condensed', sans-serif;}

.peamenyy .btn {
	border: 1px solid rgba(170,170,137,0.5);
}


#pagesearch .input-group {
	box-shadow: 0px 0px 0px 3px transparent;
	transition: box-shadow 0.6s linear;
}


#pagesearch .input-group.hilite {
	box-shadow: 0px 0px 0px 5px #ccc;
}
#pagesearch button {color:#fff;}

#pagesearch label {margin-bottom:0}

.breadcrumb {
	background:transparent;
    padding: 1.75rem 1rem;
    margin-bottom: 1rem;
	font-size: 0.9rem;
	font-weight:400;
}



/*.sticky-wrapper {height: 65px !important;}*/

nav.navbar.sticky {
-webkit-box-shadow: 0px -6px 36px 0px rgba(170,170,170,0.9);
-moz-box-shadow: 0px -6px 36px 0px rgba(170,170,170,0.9);
box-shadow: 0px -6px 36px 0px rgba(170,170,170,0.9);
border:none;
}

.sec-nav .otsing {
	/*background-color: rgba(170,170,137,1);*/
	/*background-color: rgba(226, 226, 196,1);*/
	background-color: rgb(92, 157, 197);
	border-radius: 5px;
	margin-left: 10px;
}
.sec-nav .otsing .btn-secondary {background: transparent;border-color: rgba(248, 249, 250, 0.3);}

.sec-nav u i {font-size:70%}

.prim-nav {position:relative;top:30px;}
.sec-nav  {position:relative;top:16px}

.sec-nav a {color: #555;}
.navbar.sec-nav {background:transparent;border:none}

/* android/chrome jaoks nihutamine */
@media(max-width:48em) {
	.prim-nav {
		padding-bottom:20px;
	}
}

figure.text-overlay {position:relative;}

.image-heading {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
	color: #fff;
	background-color: rgba(15,30,20, 0.5);
	padding: 0.5rem;
	text-shadow: 1px 1px 5px #000;
	border-radius: 0.5rem;
}
div.card.geoportaal .card-footer {
	padding-top:0.1rem;
	padding-bottom:0.1rem;
	padding-left: 0.5rem;
}
div.card.geoportaal.border-brown {
	border: 1px solid rgba(170,170,137,0.5);
}
.card-img-top {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

div.card.geoportaal:focus, .card:hover, div.gp-alam:focus {
 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

/*
div.geoportaal.card div.suum {
	position:relative;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	overflow: hidden;
 }

div.geoportaal.card:hover div.suum img.card-img-top {
	display:block;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
*/
.list-inline.social a {
	display:block;
	font-size: 1.7rem;
	border: 2px solid #aabdcf;
	width: 3rem;
	height: 2.8rem;
	text-align:center;
	border-radius: 1.5rem;
}



h1,h2,h3,h4,h5,h6 {margin-top:1.5rem;margin-bottom:0.5rem;color: #00396f;font-weight:600;}
h2 {font-size:1.7rem;}
h3 {font-size:1.5rem;}

.paneel h2 {font-size:1.3rem;margin-top:1.3rem;}
.paneel h2:first-of-type {margin-top:0}
.paneel h3 {font-size:1.11rem;margin-top:1.1rem;}
.paneel h4 {font-size:1.06rem;}

.peamenyy.roboto {
	/*color: #555;*/
	color: #00396f;
	font-size: 1.85em;
}

.kast-info span {color: #00396f}

.list-group.shortcut .btn.btn-secondary {
	 /*background:rgb(170, 170, 137);*/
	 background:none;
	 color:#333;
}
.list-group.shortcut .list-group-item {
	font-size:90%;
	border: 1px solid rgba(170,170,137,0.5);
	background:#fefdf4;
}

table.sebra,table.mahe,table.roosa,table.roheline,table.kollane,table.sinine {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.11), 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}

table.sebra tr td {border: 1px solid #000;padding:0.5rem}
/*table.mahe tr td {padding:0.5rem}*/
table.sebra.p5px tr td,table.sebra.p5px tr th {padding:5px;}

table.sebra tr:nth-child(odd) {background-color: #ddd;}
table.sebra tr:nth-child(even) {background-color: #ccc;}


table.roheline tr th {background-color:  #c1de94;border:1px solid #fcfff3}
table.roheline tr td {/*background-color:  #fcfff3;*/border:1px solid #c1de94}

table.sebra.roheline tr:nth-child(odd) td {background-color:  #f5fae4;border: 1px solid #dee6c2}
table.sebra.roheline tr:nth-child(even) td {background-color: #e5eccb;border: 1px solid #dee6c2}


table.roosa tr th {background-color: #f5c8aa;border:1px solid #fff9f4}
table.roosa tr td {/*background-color: #fff9f4;*/border:1px solid #f5c8aa}

table.kollane tr th {background-color: #faf0af;border:1px solid #fffdf0}
table.kollane tr td {/*background-color: #fffdf0;*/border:1px solid #faf0af}


table.sinine tr th {background-color: rgb(178, 213, 234);border:1px solid #f4faff;}
table.sinine tr td {/*background-color: #f4faff;*/border:1px solid rgb(178, 213, 234)}

.table-hover.sinine tr:hover td {
  background-color: rgba(178, 213, 234, 0.75);
}


/*.punane {color:#f00;}*/

#sidebar .list-group-item a {
	color: #001A33;
}
#sidebar .list-group-item a.active {
	color: #0077c0;
	font-weight:400;
}
#sidebar .list-group-item a:hover {color: #900;}
.row.nomargin {
	margin-left:0 !important;
	margin-right:0 !important;
}
.row.nomargin.erand {
	margin-left:-20px !important;
	margin-right:-20px !important;
}
.badge-primary {
	background-color: #0077c0;
}

.gp-alam .card-text {
	font-size: 0.9em;
}

/* Avaandmete osa */

 a.nav-link.andmed {
	display:block;
	width: 108px;
	height:107px;
	float:left;
	margin-left: 5px;
	padding-top:5px;
	padding-left: 5px;
	background: transparent;
	border: 1px solid rgba(170, 170, 137,0.7);
	border-radius: 10px 10px 0px 0px;
}

a.nav-link.andmed.active {
	background-color: rgb(170, 170, 137);
	border: 1px solid rgb(170, 170, 137);
	border-radius: 10px 10px 0px 0px;
	/*border-bottom: 1px solid transparent;*/
}

fieldset.transparent {
	border: 1px solid transparent;
}
.andmelevi-otsing {width:100%;}
#andmelevi-otsing .buttons .positive.r5px.hilite {background: #D7D38B;}
fieldset.andmed {
	width:100%;
}

h2.andmestik {
	color: #fff;
	line-height: 140%;
}
.andmelevi-pais {
	/*background-color:rgb(170, 170, 137);*/
	background-color: rgb(92, 157, 197);
	width:100%;
	float:left;
	top:-3px;
	position:relative;
	border-radius: 10px 10px 0px 0px;
	text-indent:10px;
}
.lh230pc	{
	line-height:230%;
}

fieldset.lb {
	border: 1px solid #ccc !important;
	border-radius: 0.9em;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: .25s box-shadow;
	transition: .25s box-shadow;
	padding-left: 1.1em;
	padding-right: 1.1em;
	padding-bottom: 1.1em;
	padding-top:none;
}
fieldset.lb legend {
	font-size: calc(0.5vw + 2vh);
	margin-left: 0.5em;
	margin-top: 0.5em;
    width:inherit; /* Or auto */
    padding:0 0.9em; /* To give a bit of padding on the left and right */
    border-bottom:none;
	background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	border-radius: 0.5rem;
}

/* \Avaandmed */

.rukkilill {
    background-image: url('../../gfx/rukkilillejoon.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    clear: both;
    height: 23px;
    margin: 30px -20px;
        margin-right: -20px;
        margin-left: -20px;

}
.viidete-paneel {
	box-shadow: 0px 5px 25px 0px rgba(170,170,170,0.7);
}


.carousel-caption h2 a, .carousel-caption {color:#fff;text-shadow:1px 1px 10px #555, 1px 1px 10px #000, 1px 1px 10px #000;}

.carousel-caption h2 a:hover{
	text-decoration:none;
    background-color: transparent;
	background-image: linear-gradient(#fff,#fff);
	background-size: 1.5em 0.08em;
	background-repeat: repeat-x;
	background-position: 100% 95%;
	transition:none
}

a.carousel-control-prev .carousel-control-prev-icon,a.carousel-control-next .carousel-control-next-icon {
	padding:20px;
}

a.carousel-control-prev:hover .carousel-control-prev-icon,a.carousel-control-next:hover .carousel-control-next-icon {
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}


.container.teemad h2 {font-size:1.6rem;}
.container.uudisepaneel h3 {font-size: 1.4rem;}
.teemad .teema {padding-top: 1rem;}
.teemad .teema:hover {cursor:pointer;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.teemad .teema a {text-decoration:none;}
.teemad .teema a p {color: rgb(33, 37, 41);font-weight:300;}

#content a.external:after {
	display: inline-block;
	font-family: "FontAwesome", sans-serif !important;
    content:"\f08e";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	padding-left: 5px;
	text-decoration: none;
	/*color: #555;*/
}


.relative {
	position:relative;
}


.kaardisakk .card-img-overlay {
	top:auto;
}
.kaardisakk.uus .card-img-overlay {
top: 0px;
}

.kaardisakk .card-img-author-overlay {
	position:absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
	color: #fff;
	background-color: rgba(0,0,0,0.25);
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	text-shadow: 1px 1px 10px #000, 1px 1px 10px #000;
}

.kaardisakk .card-title {
	background-color: rgba(254, 253, 250, 0.7);
	color:rgb(85,85,85);
	/*color: #00396f;*/
	text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	position:relative;
	bottom:-25px;
}

.kaardisakk.uus .card-title-sub {
	text-align:center;
	position:relative;
	top:12px;
	background-color: rgba(254, 253, 250, 0.7);
	color:rgb(85,85,85);
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

blockquote.oluline {
  background: #f9f9f9;
  border-left: 10px solid #f00;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

blockquote.sinine {
	border-left: 10px solid rgb(178, 213, 234);
	background-color: #f4faff;
}

blockquote.roheline {background-color: #fcfff3;border-left: 10px solid #c1de94}
blockquote.roosa {background-color: #fff9f4;border-left: 10px solid #f5c8aa}
blockquote.kollane {background-color: #fffdf0;border-left: 10px solid #faf0af}



.tab-shadow .nav-item .nav-link.active {box-shadow: 3px -3px 5px 0px rgba(50, 50, 50, 0.55);}
#dp-sisu li,#yp-sisu li {border-bottom:1px solid #ccc;margin-bottom:1em}

.struktuur {padding:0.4em;white-space:nowrap;}

.struktuur.juhtkond	{
	margin-left: 10px;
	margin-right: 10px;
	background: #00396f;
	color: #fff;
}

.struktuur.teenistus {
	margin-left: 20px;
	margin-right: 20px;
	background: #00396f;
	color: #fff;
}

.struktuur.osakond	{
	margin-left: 30px;
	margin-right: 30px;

}
.struktuur.byroo	{
	margin-left: 50px;
	margin-right:50px;

}

.struktuur.ankur:target::before {
	content: "";
	display: block;
	padding-top:90px;
}

.ml-10px {margin-left:20px;}
.ml-20px {margin-left:40px;}
.ml-30px {margin-left:60px;}
.ml-40px {margin-left:80px;}

#mrstatistika .table-sm td,#mrstatistika .table-sm th {
	padding:.1rem;
	font-size:80%;
}
.nowrap {white-space:nowrap}

.card.kasulikku {
	float:right;
	width:33%;
	margin-left:1em;
	/*border:none;*/
}

/* xs */
@media (max-width: 575px) {
	.card.kasulikku {
		width:100%;
	}
	.allalaadimised {
		font-size: 80%;
	}
}

/* small/landscape-phone */
@media (min-width: 576px) and (max-width: 767px) {
	.card.kasulikku {
		width:45%;
		font-size:0.9em;
	}
}
.card.kasulikku:hover {
	box-shadow:none;
}
.card.kasulikku .card-header {
	background: transparent;
	font-weight:600;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	/*border:none;*/
}
.nav-tabs.sinine li a {
	background-color: #eee;
}

.nav-tabs.sinine {border-bottom:none;}


.nav-tabs.sinine li a:hover {
	background-color: rgba(92, 157, 197,0.5);
}

.nav-tabs.sinine li a.nav-link.active {
	background-color: rgb(92, 157, 197);
	color: #fff;
}

h4.modal-title {
	margin-top:0;
}
.modal-header {
	border-bottom:none;
}

.smartform span.label {
	display:inline-block;
	padding-right: 0.6em;
}

/*Sisupuu stiilid*/
.list-group.tree.sitemap .list-group-item {
	border-radius: 0px;
	padding-right:0px;
	margin-right: -5px;
	padding-left: 25px;
	font-weight:300;
}

.list-group.tree.sitemap .list-group-item .collapse.show {
	background:transparent;
	border:0;
	padding-left: 15px;
	margin-left: -20px;
}

.list-group.tree.sitemap .list-group-item .list-group-item .collapse.show {
	padding-left: 20px;
	margin-left: -15px;
	margin-right: -15px;
	border:0;
	background: transparent !important;
}

.list-group.tree.sitemap .list-group-item .list-group-item .list-group-item .collapse.show .list-group-item  {
	padding-left: 20px;
	border-top:0px solid rgba(170,170,137,0.5);
}


.list-group.tree.sitemap .list-group-item .list-group-item .list-group-item .list-group-item .collapse.show {
	background:transparent !important;
	padding-left: 20px;
	margin-left: -20px;
	border:0;
}

.ajaxloader {
    background: transparent url('../../gfx/spinner.gif') 50% 15% no-repeat;
	min-height:31px;
}
a.leheotsing:after{
    display: inline-block;
	font-family: "FontAwesome", sans-serif !important;
	speak: none;
	content:"\f0da";
	padding-left: 0.5em;
}

a.leheotsing.active:after {
    display: inline-block;
	font-family: "FontAwesome", sans-serif !important;
	speak: none;
	content:"\f0d7";
	padding-left: 0.5em;
}

.list-group-item.tree-priv {
	background-color: rgba(0,0,0, 0.1) !important;
	text-shadow: 1px 1px yellow;
}
.list-group-item.tree-del {
	background-color: rgba(0,0,0, 0.1) !important;
	text-shadow: 1px 1px red;
}
b,strong {
	font-weight:bold;
}
.table,.table-sm {
	color: #555;
}
.kasulikviide {
	font-size:100%;
}
.btn-primary {
	background-color: #0077c0;
	border-color: #0077c0;
}
.semibold {
	font-weight:400;
}
/* iexplorer ei söönud inline-block-i */
.figure {display:inline;}
.figure .figure-caption {padding-bottom: 1em;}

/* iexplorer11 lightbox */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .ekko-lightbox .modal-dialog {
      flex: 100%!important;
      margin-left: 0;
      margin-right: 0;
      overflow: hidden;
      -ms-overflow-style: none;
    }
}
.f95 {font-size:95%;}
.f90 {font-size:90%;}

ul {padding-left:20px}

.meie-sinine {
	color: rgb(92, 157, 197);
}
.tume-sinine {
	color: #00396f;
}


.valem {
	background: white;
}
.raamiga {
	border: 1px solid #ccc;
}

/*#geoportaali-otseviited a.otseviide {font-size:1.05rem;}*/

.geoportaali-lingid a,.geoportaali-otseviited a {font-weight:300 !important}


/* Ümargused nupud ikoonide tarbeks */

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  text-indent:2px;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/*Sisu esiletoomiseks callout */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 4px;
  margin-left: 2vw;
}

.bs-callout.taandeta {
	margin-left:0px !important;
}
.bs-callout.keskele {
	margin-left:2vw !important;
	margin-right:2vw !important;
}

.bs-callout-xl {
  margin-left: 0px;
}
.bs-callout-lg {
  margin-left: 50px;
}
.bs-callout-md {
  margin-left: 100px;
}
.bs-callout-sm {
  margin-left: 150px;
}
.bs-callout-xs {
  margin-left: 200px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 4px;
}

code {
	color: rgb(186,67,42);
}

.bs-callout-default,.bs-callout.hall {
  border-left-color: #777;
  /*background-color: #f7f7f9;*/
}

.bs-callout-primary,.bs-callout.sinine {
  border-left-color: #428bca;
}

.bs-callout-success,.bs-callout.roheline {
  border-left-color: #5cb85c;
  /*background-color: #efffe8;*/
}

.bs-callout-danger,.bs-callout.punane {
  border-left-color: #d9534f;
  /*background-color: #fcf2f2;*/
}
.bs-callout-warning,.bs-callout.kollane {
  border-left-color: #f0ad4e;
  /*background-color: #fefbed;*/
}
.bs-callout-info {
  border-left-color: #5bc0de;
  background-color: #f0f7fd;
}
.varjuga {box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.11), 0 4px 15px 0 rgba(0, 0, 0, 0.08);}


#content hr {
    border: none;
    height: 5px;
    background: transparent url('../../gfx/nav_dots.gif') repeat-x bottom left;
}



.fa-fw {

    text-align: center;
    width: 1.25em;

}

.btn-outline-primary {
	color: #006EB5;
	border-color: #006EB5
}
.btn-outline-primary:hover,.btn-primary {
	border-color: #006EB5;
	background-color: #006EB5;
	color: #fff;
}
.btn-primary:hover {
	background-color: #3366B5;
	border-color: #006EB5
}

/* WMS kihtide stiil */
ul.wms-ul {list-style-type:none;padding-left:0}
ul.wms-ul li:before	{
	background:transparent url('../../gfx/sprite.png') no-repeat top left;
	background-position: -220px -40px;
	display:block; 
	float:left;
	width: 20px;
	height:20px;
	position:relative;
	content: " ";
	margin-right:4px;
}
ul.wms-ul li ul {padding-left:16px;text-indent:none}
ul.wms-ul li ul li {text-indent:0;margin-left:20px;}
ul.wms-ul li ul li:before {width:0px;height:0px;}
/* \WMS kihtide stiil */

.cookie-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.bg-secondary {
    background-color: #0077c0 !important;
}


.tooltip {z-index:11111}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #0077c0 !important;
}

.tooltip > .tooltip-inner {background-color: #0077c0 !important;}
a.back-to-top {
	position:fixed;
	right:1em;
	bottom:1em;
	display:none;
	background:#fff;
	border: 2px solid #aabdcf;
	font-size: 1.2rem;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 1.1rem;
	padding-left:0.35em;
	padding-top:0.1em;
}

ul.linnuke li,ul.linnutu {
	list-style-type:none;
}
ul.linnuke li:before {    
    font-family: "FontAwesome", sans-serif !important;
    content: '\f00c';
    margin:0 5px 0 -15px;
}

ul.linnutu li:before {    
    font-family: "FontAwesome", sans-serif !important;
    content: '\f147';
    margin:0 5px 0 -15px;
}

table caption.caption-top {
	caption-side: top;
}

.parallax {

  /* Set a specific height */
  min-height: 300px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-checkbox .custom-control-input.red-checkbox:checked~.custom-control-label::before {
    background-color:#dc3545;
}

/* Koosseisu tabeli üle kahe rea sebratriibutus */
.container.struktuur div.row:nth-child(4n+1), .container.struktuur div.row:nth-child(4n+2) {
 background-color: rgba(0,0,0,.05);
}

/* Akordioni ikooni pööramine */
.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.card-header .accicon {
  font-size: 20px;  
  width: 1.2em;
}

.abiblokk {
	box-sizing: border-box;
	padding: .25rem !important;
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
	border-radius: 0.5rem;
}

.abiblokk.hall {
	background: #f5f5f5;
}
.abiblokk.joonega {
    border: thin solid #a9acaa;
    
}

.abiblokk dl,.abiblokk ol,.abiblokk ul {
	margin-top: 1rem;
	margin-bottom:1rem;
}

.abiblokk ol ol,.abiblokk ul ul {
	padding-left: 1rem;
}
.m-01 {
	margin: .1rem !important;
}
.abiblokk.gradient {
	background-image: linear-gradient(180deg, #fff 50%, #f3f3f3 100%);
}


/* BS5 */
#voldik.navbar-collapse.flex-column.collapse {
	align-items: start;
}
#sidebar a {
	text-decoration:none;
}
#sidebar a:hover {
	text-decoration:underline;
}
fieldset.lb legend {float:none;}


.sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}

.sidebar-item {
	/*position: absolute;*/
	top: 16px;
	/*left: 0;*/
	width: 100%;
	height: 100%;
}

.stickytoc {
	position: sticky;
	top: 110px;
	padding-left:0;
	height: 100vh;
	overflow-y:scroll;
	scrollbar-width: none;
}

.stickytoc::-webkit-scrollbar {
  display: none;
}

@media (max-width: 992px) {
	.sidebar-item {display:none;}
}

.stickytoc ul {padding-left:0px;}

.stickytoc ul li {
	list-style-type:none;
	font-family: 'Roboto Condensed', sans-serif;
	padding: .5rem 1rem;
}

.stickytoc li a {
	font-weight:300 !important;
	color:#001A33;
	word-break:break-word;
	text-decoration:none;
	line-height:20px
}

.stickytoc .active {
	transition:all .1s ease-in-out;
	position:relative;
	left:-2px;
	border-left:5px solid #1769AB !important
}
.stickytoc .active a {
	color:#09090b;
	font-weight:600;
	font-size:16px
}
.row.row-expanded-input	{
	width:105%; 
    margin-left:-5%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.row.row-expanded-input h1,.row.row-expanded-input h2,.row.row-expanded-input h3 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

#abiotsinguvorm .bootstrap-autocomplete a.dropdown-item {
	padding-left: 5px;
	position:relative;
	width:350px;
	background: #fff;
}

.bootstrap-autocomplete a.dropdown-item .badge {
    position:absolute;
    right:5px;
	top: 7px;
}

form#abiotsinguvorm input#abiotsing.spinner {
	background-image: url('../../gfx/spinner-bars-rotate-fade.svg');
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

.btn-close {
	background: #00396f url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300396f'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;}

mark {
	padding: 0;
}

/* FontAwesome 6 */

.fa.fa-envelope-o::before {
	content: "\f0e0";
}
.carousel-img-author-overlay,.teema-img-author-overlay {
	position:absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
	color: #fff;
	background-color: rgba(0,0,0,0.25);
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	text-shadow: 1px 1px 10px #000, 1px 1px 10px #000;
}

.fa-gradient-gy {
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ffc107));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a.kopeeri-link {
	color: rgb(200, 200, 200);
}

a.kopeeri-link:hover {
	color: rgb(0, 123, 255);
}