/*
 ! při povoleni nefunguje posunovani textarray !

.hiddendiv {
  display: none;

}
*/

#cookies-agreement {
	/*display: none;  */
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	background-color: #b01;

	z-index: 1000;
/*	height: 25px;
	line-height: 25px;  */
	text-align: center;
	padding: 3px 0 0 3px;

  background: rgba(0, 0, 0, 0.75);
  visibility: hidden;

}
#cookies-agreement button {
	background: #ddd;
	color: #000
}
#cookies-agreement a {
	color: #fff
}

.drag-drop{
    margin-top:30px;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 10px;
    width: 100%;
    height: 125px;


    border-radius: 10px;
    border: dashed 5px silver;

    text-align: left;

    background-color: #F5F5F5;


}

.bold{
	font-weight: bold;
}

.price{
	/*javascript*/

}

/* ------------------- */

textarea {
   overflow:auto;
    resize:both;
}


.textarea100{


	width: 100%;
	/*height:auto;*/
	height: 500px; /* viz take style data.p*/


/*pridano, nefungovalo autoresize*/
    line-height: normal;
    overflow-y:auto !important;
    padding: .8rem 0 .8rem 0;
    resize:vertical !important;
    min-height: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;



}




.podtrzeno{


    	border-bottom-width: 1px;
    	border-bottom-color: #cfd8dc; /*pink*/
    	border-bottom-style: solid;
    	margin:5px;



}

.my-wrapper {
  height: 100%;
}

link {
  display: none !important;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/* -- možno zrušit a vložit link - AAAA otestovat rychlost  */
/* -- modExpires a již příště nenačítat  -- */
/* <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> */
/*------------------------------------------------*/

.icons{
	width: 24px;
	height: auto;
}

.icons48{
	/* https://web.dev/tap-targets/ */
	width: 36px;
	height:36px;

}

.icons36{
	/* https://web.dev/tap-targets/ */
	width: 24px;
	height: 24px;
	vertical-align: middle;

}

.icon_bootom {
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
  left: 5px;

  margin-right: 10px;
  margin-left: 10px;

  text-align: center;


}

body {
  position: relative;
  height: 100vh;
  overflow: auto;


}

.background_standart{
	/* viz body*/

	color:#455A64;
	background-color:#F0F0F0; /*#EAEAEA*/

}


.icon_style{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: white;
    cursor:pointer;
}

/*                        */
.formular{
   	display: inline-block;
   	padding: 0;
    	border:0 ;


}


@media (min-width: 414px) {
    	.formular {
    			padding: 16px 24px 0px 24px;
    			border: 1px solid #cfd8dc ;
    			 }

@media (min-width: 600px) {
    	.formular {
    			padding: 32px 48px 0px 48px;
    			border: 1px solid #cfd8dc;
    			 }
}


.padding3 {
  padding: 3px;

}

.padding5{
	padding: 5px;
}


/*    https://www.w3schools.com/howto/howto_css_sticky_element.asp */
/* https://medium.com/@elad/css-position-sticky-how-it-really-works-54cd01dc2d46 */

.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    /* top:20px;*/
    bottom: 0px;
   /* z-index: 50; */


}

.maxheight{
	height: 100%;
	max-height: 100%;
}

#dropdown1, #modal-login, .modal, #dropdown_about {
	z-index: 150;

}


h1 {
  font-size: 3.3rem; /* viz materalize.css */

}

h2 {
  font-size: 3.1rem; /* viz materalize.css */
}

/*remove shadow*/

.z-depth-0 {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0);
}


.top_clear{
	padding-top: 0;
	margin-top: 0;
}



.middle{
	display: table-cell;
	vertical-align: middle;
}


.sirka100{
	width: 100%;
}


.celkem-input{
		width: 20px;
		border-bottom: none;
		outline: none;

		padding: 0;
		margin: 0;
		line-height: normal;
		font-weight: normal;

		}
/* ----------========================================================================--------------------------- test */




.ohranicit {
     border: 5px solid red ;

}




h2 { text-align: left;



}



.margin_top_5{
	margin-top: 5px;
}

.margin15{
	margin: 15px;
}

.margin15-right{
	margin-right: 15px;
}


.padding15{
	padding: 15px;
}

.padding7{
	padding:7px;
}

.backgroundbg{
	/* po přihlášení a odhlášení */
	background-color:#D1DEEC;
	background-image: url("./../image/bg.png");
	background-attachment: fixed;
	background-size: 100% 100%;
}



.collapsible-header, .pozadi_aktivni, .ram, .formular{
	background-color: white;
	}

.collapsible-body{
	background-color:#cadee7; /*whitesmoke;*/
	}

.img100{

  	width: auto !important;
  	height: 100px !important;
  	max-width: 200px !important;
}

.img130{

  	width: auto !important;
  	height: 130px !important;
  	max-width: 250px !important;
}

.img150{

  	width: auto !important;
  	height: 150px ;
  	max-width: 350px !important;
}

.img-height-255{
	height: 255px;
  	width: auto ;
  	max-width: 100% !important;

}

.width30P{
	width:30%;
}

/* img.responsive-img {
  max-width: 100%;
  height: auto;
}
*/

.img_product{
	/*
	max-width: 100%;
	width: auto;

	height: 150px !important;
	*/

	width: auto !important;
  	height: auto !important;
  	max-width: 100% !important;
  	max-height: 220px !important;  /* = img_product_height  */

  	text-align:center !important;
  	vertical-align: middle;
	width:100%;
	display:block;
	margin:auto;
}

.img_product_height{

	height: 220px; /* = img_product.max-height  */

}

.card_product_height{
	height: 425px;
}

.card_product_height_mensi{
	height: 300px;
}




.font3{

font-size: 3em;
}

.font2{

font-size: 2em;
}

.font1{

font-size: 1em;
}

@media only screen and (max-width: 600px) {
 .img100, .img150 {

	max-width: 100% !important;
     height: auto !important;

	}
	/* a na nejmensi viz: responsive-img */
}


.img200{
	/* pro: imgFloatLeft */
  width: auto;
  height: 200px;
  max-height: 30%;
  max-width: 30%;
  margin: 10px;
}

.img210{
	/* pro: imgFloatLeft */
  width: auto;
  height: 210px;
  max-height: 20%;
  max-width: 20%;
  margin: 5px;
}

.img210_max55{


  height: 210px;
  max-height: 55%;
  width: auto;
  max-width: 55%;


}
/*
.img-cover {
    height: 0;
    padding-bottom: 95%;
}
*/
/*Obrázek se potom pouze roztáhne podle tohoto obalu:*/
.img-cover img {
  width: 55%;
  height:auto;
  max-height: 210px;

  object-fit: cover;


}



.img250{
	/* pro: imgFloatLeft */
  width: auto;
  height: 250px;
  max-height: 22%;
  max-width: 22%;
  margin-bottom: 25px;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
}



.img500{
  width: auto;
  height: 500px;
  max-height: 500px;
  max-width: 500px;
}

.img500_width{
  width:500px;
  height: auto;
  max-height: 500px;
  max-width: 500px;
}

.img20{
  width: auto;
  height: 100px;
  max-height: 40px;
  max-width: 40px;
}

.img5{
  width: 18px;
  height: 7px;
  max-height: 7px;
  max-width: 18px;
  vertical-align: middle;
}


.img18{
  width: 18px;
  height:18px;
  max-height: 18px;
  max-width: 18px;
  vertical-align: middle;
}


.img-rozek{
  width: 12px;
  height: 12px;
  max-height: 12px;
  max-width: 12px;
  vertical-align: top;
  text-align: left;

}

.img_ok{
	/* https://icons8.com/icon/set/ok/material */

	background:url("./../image/ok.jpg") no-repeat ;

}


.imgFloatRight{
		 float: right;


}

.imgFloatLeft{
		 float: left;


}

.imgClearLeft{

	clear: left;
	}

.imgClearBoth{

	clear: both;
}

.imgBottom {
	vertical-align:bottom;

}

.imgTop {
	vertical-align:text-top;

}

.imgFree {
	/* stred kolecek u zbozi */
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-top: 3px;
	align-items: center;
	text-align: center;
	vertical-align:super;
}



.imgRound{
	border-radius: 15%;
}


.mega {
	min-width:880px !important;
	width: 85%;
}
/* gallery */

#rightDisplay {

				width: 500px;
				height:auto;
				margin: 0;
				text-align: center;


			}

.margin20 {
	margin-left: 20px;
	margin-bottom: 20px;
	}

.margin_top_15{
	margin-top: 15px;
}

.margin-padding-10 {
	margin: 10px;
	padding: 10px;
	}

.padding-top-0{
	margin-top: 0;
	padding-top: 0;
}

.margin10 {
	margin: 20px;

	}

/* image */


.middle-indicator{
   position:absolute;
   top:50%;
   }
  .middle-indicator-text{
   font-size: 4.2rem;
  }
  a.middle-indicator-text{
    color:white !important;
  }
.content-indicator{
    width: 64px;
    height: 64px;
    background: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
  }

 .indicators{
  	visibility: hidden;
  }

/* product viz:matstyle */
/*
#products{

  max-width: 1200px;


}


#products:after {
  content: '';
  display: block;
  clear: both;
}

.product, .product-sizer {


  width: 100px;

  float: left;


}





@media only screen and (min-width: 989px) {
     #top .container .av-masonry-col-flexible .av-masonry-entry{
          max-width: 33.33% !important;
     }
}

*/
/*-------------*/

.malesede{
	font-size: smaller;
	color:grey;
}

.btn-mini {


    border-radius: 3px;
    display: inline-block;
    height: 32px;
    line-height: 32px;

    margin: 3px;
    padding-left: 16px;
    padding-right: 16px;
padding: 0 0.5rem;
    text-transform: uppercase;

    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;

	border-width: 1px;
     border-style: solid;
     border-color: silver;

 /* background-color: #E4E4E4; /*jako chip*/

}

a.btn-mini:hover {
	 background-color: white;
}

.btn-mini-active{
	background-color: #FFF3E0;
}
/*  -------------------  SHOP */



.breadcrumb:before {
  content: '❯';
 }
.button-color { background: #65ABCC; }  /* orange lighten-5*/

/* https://www.materialpalette.com/pink/purple  */
/*https://colorhunt.co/*/
/*https://colordrop.io/*/

/* https://www.palettable.io/43516C-D67E7F-FFCCC9-FFFFFF-AF8DC4 */
/*https://www.youtube.com/watch?v=p6wFbdU4Tpc *//*https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=F8BBD0&secondary.color=FFCDD2 */
/*https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=F8BBD0&secondary.color=FFCDD2 */
/*https://www.sessions.edu/color-calculator/*/

/*12. Pretty Pastels  https://www.canva.com/learn/website-color-schemes/*/




/*nejaka zlata */
.dark-primary-color   { background:#455A64; }   /* top */
.default-primary-color { background:#568DA6; color:white;}    /* c1 */
.accent-color          { background: #8DB8BC;  } /* c2 #E9B96E*/


.light-primary-color, .light-primary-color a  { background:#cfd8dc; color:#455A64;} /*bread*/
.breadcrumb:before {  color: #455A64 ;}
.breadcrumb:last-child { color: #455A64;}


.footer-color      { background:#cfd8dc ; color: #568DA6; }  /* #8BBFC1 */
.footer-color a     { color: #455A64;}


.card-front-color	   {background:whitesmoke; } /* card  - viz jednotlive styly hannde, dodameto  */
.card-back-color	 {background:whitesmoke; } /* card   */
.card-image{
		background-color:whitesmoke;
		text-align:center ;
  		vertical-align: middle;
		}


.circle-color { background:#EE6E73 ; color:whitesmoke;}  /* #A6266C*/
.circle4{ background:#FF5252 ; color:white;} /*srdicko*/f
.circle3{ background:gold ; color:white;} /*srdicko*/

h1,h2,h3,h4,h5,h6, .color-h, .breadcrumb  {color:#455A64; }  /*TEXTzlatý: #BEAF87   -  #a6266c font-weight: bolder;*/

p {color:#455A64; }



thead, .table-hlavicka, .card {
		background-color: #e0f2f1;
}

.table-hlavicka2 {
		background-color:#e0f7fa;
}

td, th {

  border-bottom-color: #e0f2f1; /* thead */
  border-bottom-style: solid;
  /*background-size: 1px;*/
}

.td_dole_bez_olemovani{
 border-bottom-width: 0;

}

.width_max_40{
   width:40%;
}

/* viz background_standart
body {color:#455A64; background-color:#EAEAEA; }
 VIZ HLAVICKA.php <style>
 */



.btn-mini {color: #568DA6;} /* h1-6  #E4418A*/

.ram-full {


		background-color: #b01;

         background: rgba(0, 0, 0, 0.75);
		 padding: 2px; padding-left: 5px; } /*background:#F8C8CA;*/

.ram-full {  padding: 5px;   font-size: x-large; }

.ram{padding:10px;
    	border-width: 1px;
    	border-color: #cfd8dc; /*pink*/
    	border-style: solid;
    	margin:0px;


}

.ram_top{

    	border-width: 3px;
    	border-color: #cfd8dc; /*pink*/
    	border-style: solid;


}

.ram-mini{
	padding:4px;

    	background-color: lightgoldenrodyellow;
    	margin:1px;
    	border-radius: 20%;






}

.letter3 { letter-spacing: 3px; }




 table.striped > tbody > tr:nth-child(odd) {

  /*background-color: gold;*/


}


/* ------ uprava pro lepsi kontrast ---*/
/* https://dequeuniversity.com/rules/axe/3.1/color-contrast */



/* zruseni via hlavicka */
.no-js-hidden {
  display: none !important;


}

/* CERVENE */
.alert {

	background-color: red;
	color: white;
}

/*salmon */

.alert2{

	background-color: #ffcdd2;

}

/*silver */
.alert3{

	background-color:#E0F2F1;

}


.btn, .btn-small, .btn-mini, .btn-flat, .margin_TB {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.btn-flat{
	color:#0096EA;
}

/*https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
  lazy nezobrazi
  kdyz bude javascript -deaktivuje via hlavicka.php
*/

/* color  $color_value_css */

.spodni_cara {

	border-bottom-width: 1px;
	border-bottom-style: solid;

}

.bottom_color_red{border-bottom-color: red;}

.bottom_color_blue{border-bottom-color: blue;}

.bottom_color_green{border-bottom-color: green;}
.bottom_color_aqua{border-bottom-color: aqua;}
.bottom_color_black{border-bottom-color: black;}
.bottom_color_grey{border-bottom-color: grey;}
.bottom_color_LawnGreen{border-bottom-color: lawngreen;}
.bottom_color_orange{border-bottom-color: orange;}
.bottom_color_pink{border-bottom-color: pink;}
.bottom_color_purple{border-bottom-color: purple;}
.bottom_color_silver{border-bottom-color: silver;}
.bottom_color_{border-bottom-width:0px;} /* barevna, pruhledna - nic neoznaci */
.bottom_color_white{border-bottom-color: white;}
.bottom_color_yellow{border-bottom-color: yellow;}

.bottom_color_gold{border-bottom-color: gold;}
.bottom_color_brown{border-bottom-color: brown;}
.bottom_color_beige{border-bottom-color: beige;}

.display_none{display:none;}

.input_badge{
		width: 35px;
		border-bottom: none;
		outline: none;
		font-size: small;
		padding: 0;
		margin: 0;
		line-height: normal;
		font-weight: normal;
		}

/* https://ericceric.com/2017/07/09/colorize-your-site-icons/    --- seznam barev*/



.filter-icon{
	/* TEAL  pro hannde */



	-webkit-filter: invert(25%) sepia(92%) saturate(3612%) hue-rotate(167deg) brightness(92%) contrast(101%);
    filter: invert(25%) sepia(92%) saturate(3612%) hue-rotate(167deg) brightness(92%) contrast(101%); /* teal hue 167 */


}


.filter-white{
	-webkit-filter: invert(100%) sepia(1%) saturate(1%) hue-rotate(0deg) brightness(100%) contrast(100%);
	filter: invert(100%) sepia(1%) saturate(1%) hue-rotate(0deg) brightness(100%) contrast(100%);

}

.filter-gray{
	-webkit-filter: invert(54%) sepia(0%) saturate(0%) hue-rotate(38deg) brightness(93%) contrast(89%);
     filter: invert(54%) sepia(0%) saturate(0%) hue-rotate(38deg) brightness(93%) contrast(89%);
}

.filter-red{
		/* tomato */
	-webkit-filter: invert(47%) sepia(84%) saturate(1167%) hue-rotate(329deg) brightness(99%) contrast(111%);
    filter: invert(47%) sepia(84%) saturate(1167%) hue-rotate(329deg) brightness(99%) contrast(111%);
}

.filter-green{
		/* seagreen  tmavězelena */
	-webkit-filter: invert(47%) sepia(37%) saturate(678%) hue-rotate(94deg) brightness(89%) contrast(92%);
    filter: invert(47%) sepia(37%) saturate(678%) hue-rotate(94deg) brightness(89%) contrast(92%);
}

/* https://medium.com/@Keithweaver_/using-stripe-with-php-c341fcc6b68b */



/* Code block */
code,
pre {
  font-family: "SF Mono", "IBM Plex Mono", "Menlo", monospace;
  font-size: 12px;
}


.notification-badge {
    position: relative;
    right: 5px;
    top: -20px;

    color: #941e1e;
    background-color: #f5f1f2;
    margin: 0 -.8em;
    border-radius: 50%;
    padding: 5px 10px;
}





.swipetab{

	background: #FAFAFA;

}

.custom {
  opacity: 0;
}

.top5{
	position: absolute;
  top: 5px;

}

.top0{
	position: absolute;
  top: 0px;

}

/*------------------*/

.bottom5{
	position: absolute;
  	bottom: 0px;

}

.bottom25{
	position: absolute;
  	bottom: 14px;

}

div.absolute {
  position: absolute;
  right: 0px;
}
/*------------------*/

.div_parent {
  position: relative;

}

.div_bottom_right {     /*v divu: parent*/
  position: absolute;
  bottom: 0px;
  right: 5px;


}
.div_bottom_60 {     /*v divu: parent*/
  position: absolute;
  bottom: 35px;

}

.div_bottom_50 {     /*v divu: parent*/
  position: absolute;
  bottom: 10px;

}

.div_bottom_5 {     /*v divu: parent*/
  position: absolute;
  bottom: 3px;

}

/*------------------*/


.width100{ width:100%}


.large {
	font-size: large;
}


.border0{
	border-width: 0;
}




.box_bottom_right {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.pointer {cursor: pointer;}

/* The work below, CSSBox, is released under the Creative Commons
   Attribution-ShareAlike 4.0 license and is available on
   https://github.com/TheLastProject/CSSBox. You are not required to add
   additional credit to your website, just leave the above text in this file

   https://thelastproject.github.io/CSSBox/
   https://github.com/TheLastProject/CSSBox
   */
div.cssbox {
  display: inline-block;
}

span.cssbox_full {
  z-index: 999;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  transition: opacity 0.5s linear;
}

span.cssbox_full img {
  position: fixed;
  background-color: white;
  margin: 0;
  padding: 0;
  max-height: 90%;
  max-width: 90%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px black;
}

a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
  z-index: 999;
  position: fixed;
  text-decoration: none;
  visibility: hidden;
  color: white;
  font-size: 36px;
}

a.cssbox_close {
  top: 1%;
  right: 1%
}

a.cssbox_close::after {
  content: '\00d7';
}

a.cssbox_prev,
a.cssbox_next {
  top: 50%;
  transform: translate(0%, -50%);
}

a.cssbox_prev {
  left: 5%;
}

a.cssbox_next {
  right: 5%;
}

a:target ~ a.cssbox_close,
a:target ~ a.cssbox_prev,
a:target ~ a.cssbox_next {
  visibility: visible;
}

a:target > img.cssbox_thumb + span.cssbox_full {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
}
/* This is the end of CSSBox */



.rainbow {

		width: 100%;
		height: 4px;
}

@keyframes rainbow{from{background-position:0 0}to{background-position:100vw 0}}.rainbow{position:relative;width:100%;height:4px;}.rainbow:before{content:'';width:100%;height: 4px;background:linear-gradient(to right,#c0242e 0,#097ffa 75%,#c0242e 100%);position:absolute;bottom:0;left:0;-webkit-animation-name:rainbow;animation-name:rainbow;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;}
@media (min-width:39em){.rainbow:before{-webkit-animation-duration:2s;animation-duration:2s}}

.rainbow-text {
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);

}

.wrapper {

background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


/*superadmin*/

.superadmin{
	background-color: black;
	color:silver;
}

a.superadmin:hover, a.superadmin:link, a.superadmin:active, a.superadmin:visited {
	color:goldenrod;
	background-color: black;
}

/* .animatemove viz js */

/*https://stackoverflow.com/questions/37127123/change-color-of-underline-input-and-label-in-materialize-css-framework*/

.pruhledny {
  filter: alpha(opacity=85); /* 50 ze 100 = 50% průhlednost , 100%= nepruhledny*/
  opacity: 0.85; /* 0.5 z 1 = 50% průhlednost */
}

.pruhledne{
		background: rgba(0, 0, 0, 0.75);
		}

ul.odrazka, li.odrazka{


  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;

	}


.dropdown-content{
   width: max-content !important;
   height:auto !important;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.produkt_ok{

  border-color: green;
  border-width: 1px;
  border-style: solid;

}