/*nimikiri tootevaade*/
.nim_tootejaotus {width:100%;}
.nim_toonikast {margin:5px 0px;}
.nim_tooteraam {display:table; min-height:auto; margin:5px 5px;}
.nim_pildijaotus {display:table-cell; min-width:230px;  padding:10px 0px 5px 5px;}
.nim_nimejaotus{ display:table-cell;  border-style:solid; border-color:#f0f0f0; border-width: 0px 0px 0px 0px; text-align:left; padding:30px; padding-top:50px;}
.nim_hinnajaotus {display:table-cell; padding:30px; padding-top:60px; min-width:100px;}
.nim_hinnajaotus_v {display:none; width:100%; margin-top:15px;}

/*Filter*/
.formikast { width: 50px; margin:5px; padding:5px; text-align:right; color:#FF6600; border-collapse: collapse; border: 2px solid #f0f0f0; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
.valimataTootja, .valitudTootja, .valimataLiik, .valitudLiik {height:25px;margin:5px;overflow: hidden;}
.valitudLiik, .valitudTootja { background:#f0f0f0;}
.filtri_nimi {padding-left:35px;}
.filtri_koik {padding-right:35px;}
.checkmark.bottom {right:0;bottom:-5px;}
.filtri_link {display:block; height:25px;}

/* Filtri alajaotused*/
.peenike_pealkiri { position: absolute; /*z-index: 5;*/ top: -6px;left: 10px; width: 90px; background-color:#FFFFFF; text-align:center; line-height:12px; font-family:font-bold; font-size:10pt; color:#606060; text-transform: uppercase;}
.nupp{ margin-top: 5px;padding: 12px 32px;} /*täiendus*/
.filter_nupp{width: 100%;}
.tyhista_yl {position: absolute; bottom: 10px; right: 0px; width:100%; text-align:right;}
.tyhista_yl_pos {padding-right:20px;}
.tyhista_al {display:none; float:left; margin:15px 5px 5px 15px; }
.tyhista_pisi {font-size:20px; padding:5px;} /*ikoon*/

/* Filtri paigutus */
.grid_tootjad { grid-area: a; }
.grid_liigid { grid-area: b; }
.grid_hind{ grid-area: c; }
.grid_sort { grid-area: d; }
.grid_submit { grid-area: e; }
.grid_raam {display: grid; position: relative; height:auto; overflow:hidden; background-color:#FFF; grid-template:'a b c' 'd d e' auto / 1fr 1fr 1fr; grid-gap: 10px; padding:10px 1px;margin: 0px 3px;}

/* grid sisukastid*/
.grid_tootjad, .grid_liigid, .grid_hind, .grid_sort, .grid_submit {position: relative;background-color: #fff;border: 1px solid #f0f0f0;padding: 20px;}
.murre {float:left;width:50%;padding-bottom:5px;}
div.grid_tootjad {padding-bottom:35px;}
div.grid_liigid {padding-bottom:35px;}
.tyhista_ruum {padding-bottom:45px;}

/*Filtri päise lülitused*/	
.filtripais {position:relative; width:100%; float:left;}
.suurvaade { display:block;}
.vaikevaade { display:none;}
.filtreeritud_text {display:inline;}
.ei_leitud {padding:40px; width:100%; font-size:12pt;}

div.filtrikate { position:absolute; z-index:1; top:20px; /*left:-10px; */width:100%; height:120px; background-color:transparent; box-shadow: inset 0px -80px 70px 10px #FFFFFF; cursor: pointer; }
div.avafilter2 { position: absolute;/* z-index:7;*/ left:50%; top:75px; margin-left:-90px; width:150px; text-align:center; background-color:#FFFFFF; padding:10px; cursor: pointer; opacity:0.9;}
div.sulgefilter { position:absolute; /*z-index:7;*/right:12px; top:12px; text-align:center; border:2px solid #CCC; padding:5px 8px 5px 8px; cursor: pointer;}

/*Filtri kaetuse ja suuruse lülitused*/	
.filtri_avavaade {height:120px;}  /*väikselt none / suurelt auto */
.filtrikate {height:120px;}
.lylitus_max { height:auto; }
.lylitus_120 { height:120px;}
.noolyles {display:none; padding-bottom:3px;} /*suurel vaatel stardis nool üles*/
.fa-chevron-down, .fa-chevron-up {font-size: 15px;}
.fa-sliders {padding-right:10px;font-size:22px;}
.ov_filtrikast { position:fixed; z-index:99; width:100%; bottom:0px; height:0px; padding:0px; box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color:#fff; text-align:right;}
.ov_filtrikast input {width:160px; margin-right:25px;}
.tulbad {padding-top:15px; padding-bottom:15px;  padding-left: 30px; column-count: 4;}
.tulbad li {padding: 3px 10px;}
.tulbad li:hover {text-decoration:underline;}

/*Tyhista nupud*/
/*leitud alla*/
.tyhista_raam_1 {display: table; align:left; width:100%; height:28px;}
.tyhista_link_1 {display: table-cell; vertical-align: middle; width: 30px; padding-left:10px; overflow: auto; font-size:18pt;}
.tyhista_text_1 {display: table-cell; vertical-align: middle;}
/*hinnafiltri alla*/
.tyhista_raam_2 {float:right; background-color:#606060; width:26px;text-align:center;}
.tyhista_text_2 {padding-right: 10px; line-height:26px;} 
.tyhista_ico_2 {color: #fff; font-size:20px; padding:3px; }
/*nupust vasakul*/
.tyhista_raam_3 {float:left; background-color:#606060; width:26px;text-align:center;}
.tyhista_ico_3 {color: #fff; font-size:20px; padding:3px;}
.tyhista_text_3 {padding-left:5px; line-height:26px;}


/*alajaotused*/
.vahepealkiri.tume { background-color:#505050; color:#c8c8c8;}
.kuvastiili_nupp {position: absolute; top:14px;  background-color:#555; padding:4px 3px 1px 3px;cursor: pointer;}
.kuvastiili_nupp.nimekiri {right: 45px; }
.kuvastiili_nupp.ruudustik{right: 15px; }
.fa-th.ruudustik, .fa-align-justify.nimekiri{color:#c8c8c8; font-size:18px;}
.h1_pais {padding:15px 20px;  font-size:14pt; font-family:font-bold; line-height:13pt;text-transform: uppercase;}
.alajaotus {clear: both; min-height:18px; font-size:11pt;padding:5px 20px 5px 20px; margin:3px 5px;}
.alajaotus_raam {margin:0px 6px 5px 6px; border: 1px solid #f0f0f0;}

/*Arhiivivaade*/
.h1_pais.arhiiv {background: orange; color:#FFFFFF;}
.arhiivi_raam {padding:5px; margin:10px 0px; }
.arhiivi_siseraam {margin:10px 5px;}


/*Tootjavaade*/
.h1_pais.tootja{background: #505050; color:#c8c8c8; }
.tootja_raam {padding:3px; margin:10px 0px;}
.tootja_siseraam {margin:10px 10px;}
.logo_raam {display:inline-block; float:left;border:1px solid #f0f0f0; padding:20px;margin:10px 20px 20px 0px;}
.logo_kuva {display:block;max-height:75px; max-width:170px;}
.tootja_nimi {padding-top:25px;text-align: justify; text-justify: inter-word;overflow-wrap:anywhere;}
.tootja_nimi p:empty {min-height:1em;}
.tootja_nimi h2,.tootja_nimi h3 {font-family:font-bold;line-height:1.3;text-align:left;}
.tootja_nimi h2 {font-size:15pt;margin:16px 0 8px;}
.tootja_nimi h3 {font-size:12pt;margin:13px 0 6px;}
.tootja-kirjeldus{position:relative;--tootja-preview-height:300px;}
.tootja-kirjeldus.is-collapsed .tootja_nimi{max-height:var(--tootja-preview-height);overflow:clip;}
.tootja-ava[hidden]{display:none;}
.tootja-ava{display:block;margin:10px 0 10px auto;padding:5px 8px;border:2px solid #f0f0f0;background:#fff;color:#909090;font:inherit;cursor:pointer;}
.tootja-ava span[hidden]{display:none;}
.tootja-kirjeldus.is-collapsed .tootja-ava{position:absolute;bottom:0;left:0;width:100%;height:140px;margin:0;padding-top:90px;border:0;background:linear-gradient(to bottom,transparent,#fff 72%);color:#f60;}
.tootja_link {white-space: nowrap;}
.vanemad_link {margin:20px 10px;}
.alajaotus.tootja {clear:both;}



@media only screen and (max-width : 589px) {
	.grid_raam { grid-template:'a' 'b' 'c' 'd' 'e' auto / auto ; display:none; padding:8%; padding-top:45px; padding-bottom:70px;}
	.grid_submit {display:none;}
	.tyhista_ruum {padding-bottom:20px;}
	.murre {width:100%;}
	.suurvaade, .filtreeritud_text {display:none;} 
	.vaikevaade {display: inline-block;}
	.filtri_avavaade {height:auto;} 
	.filtrikate {display:none;}
	.lylitus_max { height:auto;}
	.lylitus_120 { height:auto;}
	.tyhista_yl{ display:none;}
	.tyhista_al{ display:block;}
	.ov_filtrikast {height:auto; padding:5px; padding-bottom:10px;}
	.nim_pildijaotus {min-width:160px; padding:20px 0px 5px 5px;}
	.nim_nimejaotus {width:100%; padding:40px 5px 10px 5%;}
	.nim_hinnajaotus {display: none;}
	.nim_hinnajaotus_v {display:block; }
	.tulbad {column-count: 2;}
}
@media only screen and (max-width : 300px) { 
.tulbad {column-count: 1;}
}
@media only screen and (max-width : 810px) and (min-width : 590px),  only screen and (max-width : 1060px) and (min-width : 920px) {
	.grid_raam {grid-template:	'a b' 'c d' 'e e' auto / 1fr 1fr ;}
	.tyhista_ruum {padding-bottom:20px;}
	.murre {width:100%;}
	.filter_nupp{width: 45%; float:right;}
	.tyhista_yl{ display:none;}
	.tyhista_al{ display:block;}
	.tulbad {column-count: 3;}
	
}

@media only screen and (min-width : 1550px) { /*1300*/	
	.filtri_avavaade {height:auto;} 
	.filtrikate { display:none;}
	.noolalla {display:none;}
	.noolyles {display:block;}
	
}

.kasti_sisutekst {margin-left:5px; margin-top:5px; text-align:left; font-family:font-medium; font-size:10pt; color: #606060; }
.hinna_sisekast {width:220px; margin: auto; text-align:left; }
.hall_nupp_raam {text-align:center; white-space:nowrap; padding:2px; }
.rb_tekst {vertical-align:top; line-height:30px; margin-left:10px;}

/* Filtri checkboxid */
/* boxi põhiraam */
.container { display: block; position: relative; margin-bottom: 0px;cursor: pointer; font-size: 25px;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
/* algse boxi peitmine */
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* valimata kast */
.checkmark { position: absolute; height: 25px; width: 25px; background-color: #eee;}
/* kasti taust üleliikumisel*/
.container:hover input ~ .checkmark { background-color: #ccc;}
/* valitud kasti taustavärv */
.container input:checked ~ .checkmark { background-color: #555;}
/* valimata kasti linnuke  */
.checkmark:after { content: ""; position: absolute; display: none;}
/* näita linnukest kui valitud */
.container input:checked ~ .checkmark:after { display: block;}
/* linnukese disain */
.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.koiknupp {text-align:right;position:absolute;bottom: 15px;right:10px;}

/* Filtri raadionupp*/
input[type=radio].hall_nupp  { display:none;  margin:10px;}
input[type=radio].hall_nupp + label.hall_nupp { display:inline-block;width:70px; height:25px;text-align:center; line-height:25px; margin:1px; background-color: #f0f0f0; cursor: pointer;}
label.ymar_nupp {display:inline-block; width:10px; height:10px; border: 8px solid #f0f0f0; margin:1px; background-color: #CCC; cursor: pointer; border-radius:14px; }
.hall_nupp:checked {background-color:#555; color:#fff;}
input[type=radio].hall_nupp:checked + label.hall_nupp, input[type=radio].hall_nupp:checked + label.ymar_nupp { background-color:#555;color:#fff;}