/*---------LEVÉ POSTRANNÍ MENU--------------*/

/*změna velikosti textu a odsazení v bočním menu */
.categories a{
    border-bottom: 1px solid  #e8e8e8 !important;
    font-size: medium;
    padding-top: 5px;
    padding-bottom: 5px;
}

#categories .expandable > a > span, #categories .expandable > .topic > a > span{
    z-index: 1;
    cursor: pointer;
    position: absolute;
    right: 15px;
    font-size: 10px;
    top: 8px;
    left:unset;
}

#categories a {
    padding-left: 15px;
}

.categories ul a {
    padding-left: 30px !Important;
}

.categories ul ul a {
    padding-left: 50px !Important;
}

#categories ul .expandable .cat-trigger {
    left: 15px;
}

.categories .topic>a {
    border: 1px solid #d0aec0;
    background-color: #ffffff;
}


/*hover efekt po najetí na název kategorie v levém menu*/
#categories a:hover {
    text-decoration: none;
background-color: #f0d8e5;
color: #d464a0;
font-weight:600;
}

/*styl po najetí a kliknutí na položku v menu*/
.categories li.active > a {
    color: #ffffff;
    background-color: #d586b1;
    font-weight: 600;
}

/*změna ikony + za stříšku v menu*/
#categories .expandable.expanded > a > span::before, #categories .expandable.expanded > .topic > a > span::before {
    content: '\e90e';
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


/*H4 nadpis v levém menu*/
div.box:nth-child(1) > h4:nth-child(1){
  display: none;
}

.sidebar-inner {
    padding-top: 0 !important;
}

div.box:nth-child(1){
  padding-top: 0px;
}

.categories .topic.child-active>a{
    background-color: #d464a0;
    color: #ffffff;
    font-weight:700;
}

li.expandable > a{
  background-color: #f6f6f6;
}

/*-------------------------------------------zde je začátek původního CSS -------------------------------------------------- */
/*-------MEDIA QUERY----------*/
@media screen and ( max-width: 767px) {
.products-block > div {width: 48% !important; margin: 1%;}
.products-block .p-bottom .p-tools { margin-top: 20px;}
.products-block .image, .products-block .name {margin-top: 30px; margin-bottom: -20px;}
.products-block .p .flags-default { position: absolute; left: -15px; top: -10px;}
.flags-extra {position: unset; bottom: 0; right: 0; display: flex;}
.products-block.products>div {padding:5px; border: 1px solid #e0e0e0; border-radius: 5px;}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {color: #fff; border-color: #1fade3; background-color: #1fade3;}
.flags-extra .flag .price-standard, .flags-extra .flag .price-save {font-size:10px;}
.flags-extra .flag {width: 75px; height: 40px; border-radius: 5%; margin: 10px auto;}
.flag.flag-discount {background-color: #b5002d;}
 /*úspěšné vložení do košíku - MSG*/
.msg { left: 19% !important;}
}


/*media - roztažení plochy na celou šířku v závislosti na minimálním rozlišení 1200px */
  @media (min-width: 1200px){
    .container { /* width: 1418px; - PŮVODNÍ*/ width: 100%;}
  }

/*informační okno s prázdninama a dalšíma svátkama*/
@media (min-width: 1200px){
.site-msg.information {
    position: fixed;
    z-index: 10;
    left: 40%;
    opacity: 0.9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
    background-color: #83d7f7;
  bottom: 35px !important;
  }
}

/*Media query - obarvení informačního okna na všech rozměrech (mobil, tablet, PC)*/
@media screen and (max-width: 1200px) and (min-width: 360px), (min-width: 1201px) {
.site-msg.information {background-color: #83d7f7;}
}

/*Sticky menu*/
@media screen and (max-width: 767px) {
#header {position: sticky !important;position: -webkit-sticky !important;position: -o-sticky !important;position: -ms-sticky !important;top: 0; z-index: 11;}
.p-detail-inner .p-image-wrapper .flags-extra {z-index: 8;}
}
@media screen and (min-width: 768px) {
#header {position: sticky; position: -webkit-sticky; position: -o-sticky; position: -ms-sticky; top: 0; z-index: 9;}
.p-detail-inner .p-image-wrapper .flags-extra {z-index: 8;}
}

@media screen and (min-width: 992px){.submenu-visible .overall-wrapper, .menu-helper-visible .overall-wrapper{overflow:visible;}
}

/*-------STYLY----------*/
/*odsazení bannerů na vrchu*/
.footer-banners{
  margin-top:50px !important;
  margin-bottom:50px !important;
  margin-left: auto !important;
  margin-right: auto  !important;}

/*.product .image:hover { opacity: 0.7 !important; border}*/                                        /*zesvetleni produktu po najeti myys - VYPNUTOi*/
.product .image:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}             /*hover efekt zvetseni obrszku po njeti mysi*/

.products-block.products>div:hover {color: #000; box-shadow: inset 0 0 0 2px #d77aac; }      /*hover efekt po najetí myši na rámeček produktu*/
.products-block .p {background: white; padding: 15px 15px 65px 15px;}        /*odsazení textu a obrázku v produktový galerii*/


.sidebar { background-color: white; }
.welcome-wrapper { background-color: white; }
.subcategories li a { color: #666; }
.topic [title="VÝPRODEJ"], #menu li [title="VÝPRODEJ"]{background: white !important; color: #d94599 !important;}
.filter-sections { background-color: white;  }
.extra::before, .discount-coupon::before { color: white;  }
.topic [title="AKCE"], #menu li [title="AKCE"]{background: white !important; color: #80e22b !important;}
.topic [title="VÝHODNÝ NÁKUP"], #menu li [title="VÝHODNÝ NÁKUP"]{background: white !important; color: #1fade3 !important;}                       /*obarvení písma - výhodný nákup na modrou a barva pozadí - bíla*/
/*.sidebar h4 {color: #666 !important; display:none;}  */            /*obarvení nápisu -kategorie" v levem menu a jeho skryti - kdyby nahodou*/


/*.price-additional { color: #a91515; !important;}
.availability-amount  { color: #a91515; !important;}*/
.price-additional, .price-measure { display: none;}

.categories ul ul ul a { font-style: italic; padding-left:0px;, margin-left:0px;}                              /*odrazky - ctverec, italic, odsazeni v kategorii Skolni potreby - psaci potreby*/
.categories ul ul ul {padding-left: 80px;}                       /*odrazky - ctverec, italic, odsazeni v kategorii Skolni potreby - psaci potreby*/
.categories ul ul ul li {list-style-type: square;}                  /*odrazky - ctverec, italic, odsazeni v kategorii Skolni potreby - psaci potreby*/

.sidebar-inner>div { font-size: 18px; }                                                                               /*zvetsei fotnu v postrannim levem menu */

.flag.flag-discount { background-color: #269cc6; }                                                                    /*obarvení kolečka se slevou*/
.flag { border-radius: 7px; font-weight: 500; letter-spacing: 1px; max-width: none; }                                      /*zaoblení rohů u všech vlajek, změna velikosti písma a mezery  mezi písmenama*/
.flag.flag-action {background-color: #269cc6;}                                                                  /*změna barvy vlajka - akce, nebo ad296f*/
/*.flags-extra .price-save { display:none !important;  }*/                                                      /*vypnutí procent v kolecku se slevou - VYPNUTO*/
/*.flags-extra .flag .price-standard, .flags-extra .flag .price-save { font-size: 14px; }*/               /*zvetseni fontu ceny v kolecku - VYPNUTO*/
.homepage-box  { background-color:#fff; }                                                                    /*pozadí pod vrchními bannery - VYPNUTO*/
.welcome-wrapper { background-color:#f6f6f6; }                                                                      /*pozadí pod popisem titulní strany*/
.homepage-box  {border-top-color:#fff; }                                                                               /*ramecek a spodními bannery*/

/*.subcategories li a {background-color:#dbf0f9 }*/                                                              /*obarvení podkategorií - ramecky - VYPNUTO*/

#category-filter-hover .filter-section:first-child {display:none !important;}                      /*skrytí filtru znacek v levem panelu*/

  
/*Změny barvy linků v aktivní vlajce s odkazem*/
.flag-new a:hover {color:black !important;}
.flag-new a:link {color:white !important;}
.flag-new a:active {color:black !important;}
.flag-new a:visited {color:white !important;}

/*Změny barvy linků v aktivní vlajce s odkazem*/
.flag.flag-custom1 a:hover {color:black !important;}
.flag.flag-custom1 a:link {color:white !important;}
.flag.flag-custom1 a:active {color:black !important;}
.flag.flag-custom1 a:visited {color:white !important;}

/*Změny barvy linků v aktivní vlajce s odkazem*/
.flag.flag-action a:hover {color:black !important;}
.flag.flag-action a:link {color:white !important;}
.flag.flag-action a:active {color:black !important;}
.flag.flag-action a:visited {color:white !important;}

/*Odsazení obrázku v kategorii Velikonoc*/
.subcategories.with-image li a {padding-left: 0px;}

/*MSG po košíku*/
.msg {
    width: auto;
    border-color: transparent;
    max-width: 70%;
    width: 300px !important;
    padding: 20px !important;
    border-radius: 10px;
    position: fixed !important;
    bottom: 30px;
    left: 50%;
    right: auto;
    top: auto;
    color: white !important;
    z-index: 999999;
    font-size: 18px;
    animation-name: slideInUp;
    animation-duration: 0.2s;
    font-size: 13px;
}

.msg.msg-success .container:before, div.message.success-message:before {
    background-image: url(/user/documents/upload/pastelky_check.png);   /*zde se vymění obrázek */
}
.msg .container:before, div.message:before {
    position: absolute;
    top: -95px;
    left: 50%;
    margin-left: -40px;
    content: "";
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*překrytí pozadí po vložení do košíku*/
#cboxOverlay {
    background-color: #000000a3;
}

/*posunutí srdíčka*/
.dkLabFavFlagDetail.hasIcon > span::before, .dkLabFavFlagProduct.hasIcon > span::before, .dkLabFavProductSpan.hasIcon::before {
  top: 5px;
  font-size: 65%;
}