@charset "UTF-8";
/*$barva-modra: #1388ce;
$barva-zelena: #449b14;*/
/*menu urove2*/
/*strana zakladni pozadí*/
/**/
@import url("https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap");
/*@font-face {
    font-family: tf;
    //src        : url("/css/Teuton/Teuton23Pro.otf") format("opentype");
    src: local('Lato');
}
/*@font-face {
    font-family: tf;
    font-weight: 700;
    //src        : url("/css/Teuton/Teuton24Pro.otf") format("opentype");
    src: local(Archivo Narrow);
}
@font-face {
    //font-family: tf2;
    //src: url("/css/Teuton/TeutonHellBold.otf") format("opentype");
    src:local(Archivo Narrow);
}
*/
html {
  font-size: 16px !important;
}

body {
  font-family: "Archivo Narrow", sans-serif;
  background-color: #F5F5F5;
}

tr:hover td {
  background-color: #fff4ea !important;
}

td {
  vertical-align: top;
  padding: 0.2rem;
  background-color: #FFFFFF !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  border-bottom: 0.25rem solid #F5F5F5 !important;
}

td:first-child {
  -webkit-border-radius: 0.5rem 0 0 0.5rem;
  -moz-border-radius: 0.5rem 0 0 0.5rem;
  -ms-border-radius: 0.5rem 0 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

td:last-child {
  -webkit-border-radius: 0 0.5rem 0.5rem 0;
  -moz-border-radius: 0 0.5rem 0.5rem 0;
  -ms-border-radius: 0 0.5rem 0.5rem 0;
  border-radius: 0 0.5rem 0.5rem 0;
}

form {
  margin-block-end: 0 !important;
}

.ag-reload-ovr {
  /*display: none;*/
  position: fixed;
  top: 2rem;
  left: 45%;
  z-index: 8999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(201, 201, 201, 0.3);
  /*bckground-color: #FFFFFF;*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  color: rgba(251, 251, 251, 0.6);
}

.ag-body {
  width: 100%;
}

H1, h2, H3, H4, H5, H6 {
  margin: 0;
  padding: 0.25rem;
  padding-left: 1rem;
}
h1 {
  font-size: 2.1rem;
  margin: 2rem;
  color: #555555;
  font-weight: bold;
}

h2 {
  font-size: 1.8rem;
  margin: 1rem;
  font-weight: bold;
  color: #FF9966;
}

h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 1rem;
  color: #555555;
  /*@include themify {
      border:0px solid $barva-pozadi-sede-svetle2;
      background-image      : linear-gradient(to bottom, $barva-pozadi-sede-svetle 0%,$barva-pozadi-sede-svetle2 80%, $barva-pozadi-sede-svetle2 100%);
  }*/
}

hr {
  margin: 0px auto;
  margin-top: 0.028rem;
  margin-bottom: 0.028rem;
  border-top: 1px dotted #888888;
}

hr.bila {
  border-top: 1px dotted #FFFFFF;
}

.break-line {
  flex-basis: 100%; /* Tohle zajistí, že tato položka zabere celou šířku a tím se zlomí na nový řádek */
  order: 0; /* Můžeš si pohrát s 'order', pokud bys chtěl změnit pořadí zobrazení */
}

.ag-hodne-schovat {
  display: none !important;
}

.ag-hodne-schovane {
  display: none !important;
}

.ag-hodne-schovane-zobrazit {
  display: inline-block !important;
}

.ag-strana-topmsg {
  grid-area: topmsg;
  text-align: center;
  color: #888888;
}

.ag-strana-main {
  grid-area: main;
  margin-left: 0.9rem;
  margin-right: 0.9rem;
  margin-bottom: 0.9rem;
  margin-top: 0.45rem;
  min-height: 75vh;
}

.ag-strana-pata {
  grid-area: pata;
  min-height: 6rem;
  margin-top: 3rem;
  font-size: 0.6rem;
  text-align: center;
  color: #888888;
  font-weight: 400;
  padding-bottom: 2rem;
}

.ag-strana-menuhor {
  grid-area: menuhor;
  max-height: 2.5rem;
}
.ag-strana-menuhor button {
  color: #010101 !important;
}
.theme-modra .ag-strana-menuhor {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-strana-menuhor {
  background-color: #ebebeb;
}
.theme-seda-z .ag-strana-menuhor {
  background-color: #ebebeb;
}

.ag-strana-kosik {
  grid-area: kosik;
  width: 12.5rem;
}
.theme-modra .ag-strana-kosik {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-strana-kosik {
  background-color: #ebebeb;
}
.theme-seda-z .ag-strana-kosik {
  background-color: #ebebeb;
}

.ag-strana-kosik-absolute {
  position: fixed;
  top: 2.5rem;
  right: 1.5rem;
  height: 90vh;
  padding: 0.2rem;
  width: 12.9rem;
  align-self: start;
  align-items: start;
  z-index: 1060 !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px, rgba(0, 0, 0, 0.16) 0px 1px 5px;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background-color: #FFFFFF;
}

.ag-strana-menuzb {
  grid-area: menuzb;
  width: 13.5rem;
  background-color: #F5F5F5;
}

.ag-text-citelny {
  height: auto !important;
  max-height: 30rem !important;
  overflow: auto !important;
}

.ag-sirka-10rem {
  width: 10rem;
}

/*.height-25rem{
    height: 20rem!important;
    overflow:auto!important;
}*/
.ag-strana {
  margin: 0px auto;
  max-width: 2400px;
  display: grid;
}

@media (min-width: 0) {
  .ag-strana {
    grid-template-columns: 100vw;
    grid-template-areas: "menuhor" "menuzb" "kosik" "topmsg" "main" "pata";
    grid-template-rows: auto;
    padding: 0.25rem;
  }
  .ag-saldo-vypis {
    background-color: #FFFFFF;
    -webkit-border-radius: 0.45rem;
    -moz-border-radius: 0.45rem;
    -ms-border-radius: 0.45rem;
    border-radius: 0.45rem;
    display: grid;
    border: 1px solid #F3F3F3;
    gap: 0;
    grid-template-columns: 1fr 6rem 6rem;
    grid-template-areas: "parznak splatnost madati " "akce      uhrada dal " "historie dnupospl zbyva ";
    grid-template-rows: auto;
  }
  .ag-saldo-vypis div {
    padding: 0.1rem;
  }
  .ag-saldo-parznak {
    grid-area: parznak;
  }
  .ag-saldo-splatnost {
    grid-area: splatnost;
  }
  .ag-saldo-madati {
    grid-area: madati;
  }
  .ag-saldo-dal {
    grid-area: dal;
  }
  .ag-saldo-uhrada {
    grid-area: uhrada;
  }
  .ag-saldo-zbyva {
    grid-area: zbyva;
  }
  .ag-saldo-dnupospl {
    grid-area: dnupospl;
  }
  .ag-saldo-akce {
    grid-area: akce;
  }
  .ag-saldo-historie {
    grid-area: historie;
  }
  .ag-strana-menuzb {
    display: none;
    width: 13.5rem;
  }
  .ag-strana-menuzb-in {
    max-width: 13.5rem;
  }
  .ag-strana-kosik {
    display: none;
    justify-self: end;
  }
  html {
    font-size: 120%;
  }
  .ag-flex-start-tip {
    max-width: 100%;
    width: 100%;
  }
  .ag-radek {
    grid-template-columns: 1fr;
    grid-template-areas: "levy " "pravy";
  }
  .ag-radek-Sl21 {
    grid-template-columns: 1fr;
    grid-template-areas: "levy " " pravy";
  }
}
@media (min-width: 576px) {
  html {
    font-size: 100%;
  }
  /*.ag-strana-menuzb {
      display: grid;
      width:$sirka-menuzb;
  }*/
  .ag-strana-menuzb-in {
    max-width: 13.5rem;
  }
  .ag-flex-start-tip {
    max-width: 17.6rem;
  }
}
@media (min-width: 768px) {
  .ag-strana-menuzb {
    display: grid;
    width: 13.5rem;
  }
  .ag-strana-menuhor {
    display: grid;
  }
  .ag-strana-menuzb {
    display: grid;
  }
  .ag-strana-kosik {
    display: grid;
  }
  .ag-radek {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "levy pravy";
  }
  .ag-radek-Sl21 {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "levy pravy";
  }
  .ag-saldo-vypis {
    grid-template-columns: 10rem 7rem 7rem 5rem 5rem 5rem 5rem 10rem 1fr;
    grid-template-areas: "parznak splatnost uhrada dnupospl madati dal zbyva historie akce";
    grid-template-rows: auto;
  }
  .ag-saldo-vypis div {
    padding: 0.25rem;
  }
  .ag-strana {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "menuzb menuhor menuhor " "menuzb topmsg kosik" "menuzb main kosik" "menuzb pata kosik";
    grid-template-rows: auto auto 1fr auto;
    padding: 0rem;
  }
}
@media (min-width: 992px) {
  .ag-strana-menuzb {
    width: 13.5rem;
  }
  .ag-strana-menuzb-in {
    max-width: 13.5rem;
  }
}
@media print {
  .ag-radek {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "levy pravy";
  }
}
.theme-modra .ag-strana-menuhor-in {
  background-color: #ebf0f3;
  border-bottom: 1px solid #ebf0f3;
}
.theme-seda-m .ag-strana-menuhor-in {
  background-color: #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.theme-seda-z .ag-strana-menuhor-in {
  background-color: #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ag-strana-menuhor-in {
  max-height: 5rem;
  display: grid;
  align-items: center;
  /*¨další je v _bp*/
}
.ag-strana-menuhor-in button {
  border: 0px solid red;
  background-color: rgba(0, 0, 0, 0);
}
.ag-strana-menuhor-in button:hover {
  border: 0px solid red;
  background-color: rgba(0, 0, 0, 0.1);
}

.ag-strana-menuhor-logo {
  grid-area: logo;
  align-content: center;
  padding-left: 0.5rem;
  /*opacity: 0.5;*/
}

.ag-strana-menuhor-info {
  grid-area: info;
  align-content: center;
  /*opacity: 0.5;*/
}

.ag-strana-menuhor-volby {
  grid-area: volby;
  text-align: end;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  align-content: center;
}

.ag-strana-menuhor-firma {
  grid-area: firma;
  text-align: end;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  align-content: center;
}

.ag-strana-menuhor-title {
  display: grid;
  grid-area: title;
  column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto auto 1fr;
  grid-template-areas: "nic1 h1 small nic";
  align-items: center;
  align-self: center;
}
.ag-strana-menuhor-title h1, .ag-strana-menuhor-title h4 {
  margin: 0;
  padding: 0;
  font-size: 0.8rem !important;
}
.ag-strana-menuhor-title h1 {
  font-size: 1.4rem !important;
  padding: 0;
  margin: 0;
}

.ag-strana-menuhor-burger {
  grid-area: burger;
  align-content: center;
  background-image: linear-gradient(to right, #FF9966 0%, #FF9966 10%, #EAEAEA 90%, #EAEAEA 100%) !important;
}

.ag-strana-menuhor-kosikstav {
  grid-area: kosikstav;
  align-content: center;
  min-width: 12.5rem;
}
.theme-modra .ag-strana-menuhor-kosikstav {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(219.0625, 228.046875, 233.4375) 0%, rgb(219.0625, 228.046875, 233.4375) 30%, #F5F5F5 100%);
}
.theme-seda-m .ag-strana-menuhor-kosikstav {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(222.25, 222.25, 222.25) 0%, rgb(222.25, 222.25, 222.25) 30%, #F5F5F5 100%);
}
.theme-seda-z .ag-strana-menuhor-kosikstav {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(222.25, 222.25, 222.25) 0%, rgb(222.25, 222.25, 222.25) 30%, #F5F5F5 100%);
}

.ag-strana-menuhor-uziv {
  grid-area: uziv;
}

.ag-kosikstav {
  justify-self: center;
  background-color: #FFFFFF;
  width: 100%;
}
.ag-logo {
  text-align: center;
}
.theme-modra .ag-logo {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-logo {
  background-color: #ebebeb;
}
.theme-seda-z .ag-logo {
  background-color: #ebebeb;
}
.ag-logo {
  height: 2.5rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.ag-logo img {
  margin: 0.25rem auto;
  max-height: 2rem;
}

@media (min-width: 0) {
  .ag-strana-menuhor-in {
    height: auto;
    grid-template-columns: auto auto 1fr auto auto auto;
    grid-template-rows: auto;
    grid-template-areas: "title title title  title title title" "burger volby logo info firma kosikstav";
    align-items: stretch;
  }
  .ag-strana-menuhor-in .btn {
    padding: 0.1rem;
  }
  .ag-strana-menuhor-uziv {
    display: none;
  }
  .ag-strana-menuhor-burger {
    display: block;
  }
  .ag-strana-menuhor-reload {
    display: reload;
  }
  .ag-strana-menuhor-logo img {
    display: none;
  }
}
@media (min-width: 576px) {
  .ag-strana-menuhor {
    height: 2.5rem;
  }
  .ag-strana-menuhor-in {
    grid-template-columns: auto auto 1fr auto auto auto auto;
    grid-template-areas: "burger  logo  title info firma volby kosikstav ";
    grid-template-rows: auto;
    max-height: 2.5rem;
  }
  .ag-strana-menuhor-in .btn {
    padding: 0.2rem;
  }
  .ag-strana-menuhor-logo img {
    max-height: 2rem;
  }
  .ag-strana-menuhor-uziv {
    display: block;
  }
}
@media (min-width: 768px) {
  .ag-strana-menuhor-burger {
    display: none;
  }
}
@media (min-width: 1200px) {
  .ag-strana-menuhor-logo img {
    display: inline-block;
  }
}
.ag-strana-menuzb-in {
  position: fixed;
  height: 95vh;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 150;
  width: 13.5rem;
  background-color: #F5F5F5;
}
.ag-strana-menuzb-in input::placeholder {
  color: #dddddd;
}
.ag-strana-menuzb-in {
  /*
      input:focus {
          //outline: 2px solid $barva-vyrazna !important;
          @include themify {
              outline: 2px solid theme( 'barva-vyrazna-menu' ) !important;
          }
      }
  */
}
.ag-strana-menuzb-in button, .ag-strana-menuzb-in a {
  text-align: left;
}
.ag-strana-menuzb-in nav {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ag-strana-menuzb-in nav .btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.ag-strana-menuzb-in ul {
  list-style: none;
  padding-left: 0;
}
.ag-strana-menuzb-in {
  /* button:focus, a:focus {
       //color:$barva-oranzova ;
       @include themify {
           color: theme( 'barva-vyrazna' )!important;
       }
       font-weight: bold;
   }
  */
}

.btn-1,
.btn-2,
.btn-3,
.btn-4,
.btn-3-msg,
.btn-hledej {
  border: 0px;
  margin-bottom: 0px;
  border-radius: 0;
  padding: 0.3rem 0.3rem 0.3rem 0.5rem;
  width: 100%;
  color: #000000;
}

.btn-1:hover,
.btn-2:hover,
.btn-3:hover,
.btn-4:hover {
  color: #000000;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -ms-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.theme-modra .btn-1:hover,
.theme-modra .btn-2:hover,
.theme-modra .btn-3:hover,
.theme-modra .btn-4:hover {
  border: 0px dotted rgb(203.125, 216.09375, 223.875);
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, #F5F5F5 100%);
}
.theme-seda-m .btn-1:hover,
.theme-seda-m .btn-2:hover,
.theme-seda-m .btn-3:hover,
.theme-seda-m .btn-4:hover {
  border: 0px dotted rgb(209.5, 209.5, 209.5);
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, #F5F5F5 100%);
}
.theme-seda-z .btn-1:hover,
.theme-seda-z .btn-2:hover,
.theme-seda-z .btn-3:hover,
.theme-seda-z .btn-4:hover {
  border: 0px dotted rgb(209.5, 209.5, 209.5);
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, #F5F5F5 100%);
}

.btn-1 {
  text-transform: uppercase;
}
.theme-modra .btn-1 {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(219.0625, 228.046875, 233.4375) 0%, rgb(219.0625, 228.046875, 233.4375) 30%, #F5F5F5 100%);
}
.theme-seda-m .btn-1 {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(222.25, 222.25, 222.25) 0%, rgb(222.25, 222.25, 222.25) 30%, #F5F5F5 100%);
}
.theme-seda-z .btn-1 {
  border: 0px solid #F5F5F5;
  background-image: linear-gradient(to right, rgb(222.25, 222.25, 222.25) 0%, rgb(222.25, 222.25, 222.25) 30%, #F5F5F5 100%);
}

.btn-2 {
  margin-left: 0;
  width: 98%;
}
.theme-modra .btn-2 {
  border: 0px solid #F5F5F5;
  border-left: 5px solid rgb(219.0625, 228.046875, 233.4375);
  background-image: linear-gradient(to right, #ebf0f3 0%, #F5F5F5 30%, #F5F5F5 100%);
}
.theme-seda-m .btn-2 {
  border: 0px solid #F5F5F5;
  border-left: 5px solid rgb(222.25, 222.25, 222.25);
  background-image: linear-gradient(to right, #ebebeb 0%, #F5F5F5 30%, #F5F5F5 100%);
}
.theme-seda-z .btn-2 {
  border: 0px solid #F5F5F5;
  border-left: 5px solid rgb(222.25, 222.25, 222.25);
  background-image: linear-gradient(to right, #ebebeb 0%, #F5F5F5 30%, #F5F5F5 100%);
}

.theme-modra .btn-2:hover {
  border-left: 5px solid rgb(219.0625, 228.046875, 233.4375);
}
.theme-seda-m .btn-2:hover {
  border-left: 5px solid rgb(222.25, 222.25, 222.25);
}
.theme-seda-z .btn-2:hover {
  border-left: 5px solid rgb(222.25, 222.25, 222.25);
}

.btn-3-msg,
.btn-3 {
  margin-left: 0.42rem;
  border: 0px solid #FFFFFF;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 60%, #F5F5F5 100%);
  /*
      @include themify {
          //border-top:1px solid theme( 'barva-pozadi-sede-svetle2' );
          //background-color: theme( 'barva-pozadi-sede-svetle2' );
          //border-left:2*$odsazeni-meunuzb $barva-pozadi-sede-svetle solid;
          background-color: $barva-pozadi-sede-svetle2;
      }*/
  width: 95%;
}

.btn-3-msg {
  cursor: auto;
  margin-left: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  border: 0 !important;
}
.theme-modra .btn-3-msg {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 60%, #F5F5F5 100%) !important;
}
.theme-seda-m .btn-3-msg {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 60%, #F5F5F5 100%) !important;
}
.theme-seda-z .btn-3-msg {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 60%, #F5F5F5 100%) !important;
}

.btn-4 {
  margin-left: 1.68rem;
  width: 85%;
}
.theme-modra .btn-4 {
  border: 0px solid #ebf0f3;
  background-color: #F5F5F5;
}
.theme-seda-m .btn-4 {
  border: 0px solid #ebebeb;
  background-color: #F5F5F5;
}
.theme-seda-z .btn-4 {
  border: 0px solid #ebebeb;
  background-color: #F5F5F5;
}

.btn-disable {
  color: #BBBBBB !important;
  cursor: not-allowed !important;
}

#menudlefiltr {
  padding: 0.3rem;
  background-color: #fff4ea;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  display: none;
}

.ag-a-hledej-menu {
  border: 0px;
  margin-bottom: 0px;
  font-size: 0.9rem;
  margin-left: 1px;
  margin-right: 1px;
  /*@include themify {
      border-top:1px solid  $barva-pozadi-sede-svetle2 ;
      background-image      : linear-gradient(to right, theme( 'barva-sedomodra-tmava' ) 0%, theme( 'barva-sedomodra-tmava' ) 30%, $barva-pozadi-sede-svetle2 100%);
  }*/
  width: 100%;
}
.theme-modra .ag-a-hledej-menu a {
  color: #274472;
  width: 100%;
  font-size: 0.9rem;
}
.theme-seda-m .ag-a-hledej-menu a {
  color: #444444;
  width: 100%;
  font-size: 0.9rem;
}
.theme-seda-z .ag-a-hledej-menu a {
  color: #444444;
  width: 100%;
  font-size: 0.9rem;
}
.theme-modra .ag-a-hledej-menu a:hover {
  color: #FF9966;
}
.theme-seda-m .ag-a-hledej-menu a:hover {
  color: #1388ce;
}
.theme-seda-z .ag-a-hledej-menu a:hover {
  color: #449b14;
}

.btn-aktivni {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -ms-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-image: linear-gradient(to right, #FF9966 0%, #FF9966 10%, #F5F5F5 90%, #F5F5F5 100%) !important;
  color: #000000 !important;
}
.btn-aktivni a {
  color: #000000 !important;
}
.btn-aktivni a:hover {
  color: #000000 !important;
}

a.btn-aktivni:hover {
  color: #000000 !important;
}

.theme-modra .btn-topzprava {
  color: #1388ce;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 90%, #F5F5F5 100%);
}
.theme-seda-m .btn-topzprava {
  color: #1388ce;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 90%, #F5F5F5 100%);
}
.theme-seda-z .btn-topzprava {
  color: #449b14;
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 90%, #F5F5F5 100%);
}
.btn-topzprava {
  color: #449b14;
  text-align: center;
}

.btn-hledej {
  height: 2.5rem;
  width: 100%;
}
.theme-modra .btn-hledej {
  background-color: #ebf0f3;
}
.theme-seda-m .btn-hledej {
  background-color: #ebebeb;
}
.theme-seda-z .btn-hledej {
  background-color: #ebebeb;
}

.ag-hledej {
  -webkit-border-radius: 0 0 0.3rem 0;
  -moz-border-radius: 0 0 0.3rem 0;
  -ms-border-radius: 0 0 0.3rem 0;
  border-radius: 0 0 0.3rem 0;
  display: grid;
  grid-template-areas: "hledej ikona";
  grid-template-columns: " 1fr auto";
  margin: 0;
  padding: 0.1rem;
}
.theme-modra .ag-hledej {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-hledej {
  background-color: #ebebeb;
}
.theme-seda-z .ag-hledej {
  background-color: #ebebeb;
}
.ag-hledej .form-control {
  background-color: #FFFFFF;
  margin-left: 0.2rem;
  padding-left: 0.5rem;
}
.ag-hledej datalist {
  color: red;
}
.ag-hledej datalist option {
  color: red;
}
.ag-hledej .btn {
  text-align: center;
  padding: 0.3rem;
}
.ag-hledej {
  /* .form-control:focus {
       background-color: $barva-bila;
       @include themify {
           border:1px solid theme( 'barva-vyrazna' );
        //  box-shadow: 0 0 0 0rem theme( 'barva-vyrazna' );

       }

   }*/
}

.ag-head-main, .ag-head-main2 {
  display: grid;
  align-items: center;
  margin-bottom: 0.5rem;
}

.xag-nadpisH1 {
  display: grid;
  grid-area: nadpisH1;
  column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "h1 small nic";
}
.xag-nadpisH1 h1, .xag-nadpisH1 h4 {
  margin: 0;
  padding: 0;
}

.ag-drobecky {
  grid-area: drobecky;
  padding-left: 1rem;
  align-self: baseline;
  overflow-x: auto;
  display: inline-flex;
  white-space: nowrap;
}

.ag-filtry {
  grid-area: filtry;
}

.ag-m2-h1 {
  grid: m2-h1;
}

.ag-m2-h4 {
  grid: m2-h4;
}

.ag-m2-small {
  grid: m2-small;
}

@media (min-width: 0) {
  .ag-head-main {
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas: "drobecky " "filtry ";
  }
  .ag-head-main2 {
    justify-items: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "m2-h1" "m2-h4" "m2-small";
  }
  .ag-filtry {
    padding: 0.5rem;
    grid-area: filtry;
    text-align: end;
    overflow-x: auto;
    display: inline-flex;
  }
}
@media (min-width: 576px) {
  .ag-filtry {
    grid-area: filtry;
    text-align: end;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .ag-head-main2 {
    justify-items: start;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-template-areas: "m2-h1 m2-h4 " "m2-small m2-small";
  }
  .ag-m2-small {
    justify-self: start;
  }
}
@media (min-width: 1200px) {
  .ag-head-main {
    grid-template-rows: auto;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "drobecky nic filtry ";
  }
  .ag-head-main2 {
    grid-template-rows: auto;
    grid-template-columns: auto auto 1fr;
    grid-template-areas: "m2-h1 m2-h4 m2-small";
  }
}
@media (min-width: 1200px) {
  .ag-m2-small {
    justify-self: end;
  }
}
.ag-strana-kosik-absolute .ag-strana-kosik-in {
  height: 89vh;
}

.ag-article-zbozi-kosik-infokos2 {
  grid-area: infokos;
  text-align: end;
  align-items: end;
  display: block;
  width: 100%;
  font-size: 1 rem;
  padding-left: 0;
  padding-right: 0;
}

.ag-strana-kosik-in {
  height: 95vh;
  overflow-y: auto;
  overflow-x: hidden;
  justify-self: stretch;
  /*width:100%;
  max-*/
  width: 12.5rem;
  position: fixed;
}
.theme-modra .ag-strana-kosik-in {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-strana-kosik-in {
  background-color: #ebebeb;
}
.theme-seda-z .ag-strana-kosik-in {
  background-color: #ebebeb;
}

.ag-kosik-in-head {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  display: grid;
  grid-template-areas: "odeslat" "jmeno" "voc" "zavri" "cena" "cena2" "info" "pozor";
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  margin: 0;
  padding: 0.1rem;
  padding-left: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 0.8rem;
  color: #010101;
}
.theme-modra .ag-kosik-in-head {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-kosik-in-head {
  background-color: #ebebeb;
}
.theme-seda-z .ag-kosik-in-head {
  background-color: #ebebeb;
}
.theme-modra .ag-kosik-in-head .ag-nadpis-cena-v {
  color: #010101;
}
.theme-seda-m .ag-kosik-in-head .ag-nadpis-cena-v {
  color: #010101;
}
.theme-seda-z .ag-kosik-in-head .ag-nadpis-cena-v {
  color: #010101;
}
.theme-modra .ag-kosik-in-head .ag-nadpis-cena-m {
  color: #010101;
}
.theme-seda-m .ag-kosik-in-head .ag-nadpis-cena-m {
  color: #010101;
}
.theme-seda-z .ag-kosik-in-head .ag-nadpis-cena-m {
  color: #010101;
}
.ag-kosik-in-head .ag-nadpis-obchprir {
  font-size: small;
}

.ag-kosik-in-head-zavri {
  grid-area: zavri;
}

.ag-kosik-in-head-odeslat {
  grid-area: odeslat;
  justify-self: center;
  /* .btn{
       // border:1px dotted $barva-seda-9 !important;
       color:$barva-pismo ;
       @include themify {
           border:0px solid $barva-pozadi-sede-svetle2;
           background-image      : linear-gradient(to top, $barva-pozadi-sede-svetle2 0%,$barva-pozadi-sede-svetle2 40%, $barva-pozadi-sede-svetle 100%);
       }
       //width:auto;
       //margin-bottom:0.5rem;

   }*/
}

.ag-kosik-in-head-voc {
  grid-area: voc;
  display: inline-block;
  font-size: 1.1rem;
  align-self: end;
  text-align: end;
  vertical-align: bottom;
  width: 100%;
  justify-self: stretch;
  align-items: stretch;
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
}

.ag-kosik-in-head-ikona {
  grid-area: ikona;
}

.ag-kosik-in-head-info {
  grid-area: info;
  /*display:grid;
  grid-template-areas:  'kola dily ';
  grid-template-columns: 1fr 1fr;*/
  justify-content: center;
  justify-self: center;
  gap: 0;
  text-align: center;
  line-height: 0.9rem;
  color: #555555;
}

.ag-kosik-in-head-pozor {
  grid-area: pozor;
  display: grid;
  row-gap: 0;
}
.ag-kosik-in-head-pozor div {
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: 0.2rem;
  margin-top: 0.2rem;
}
.ag-kosik-in-head-pozor div a {
  text-decoration: none;
}

.ag-kosik-in-head-jmeno {
  grid-area: jmeno;
  margin-top: 0.2rem;
  text-align: center;
}

.ag-nahled-kosik {
  list-style-type: none;
  padding: 0px;
}
.ag-nahled-kosik a {
  text-decoration: none;
  color: #010101;
}
.ag-nahled-kosik a:hover {
  text-decoration: none;
  color: #010101;
}
.ag-nahled-kosik li {
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: 0.2rem;
  margin-top: 0.2rem;
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  grid-template-areas: "foto popis" "pridej pridej" "exped exped ";
  grid-template-rows: 1fr auto;
  align-content: end;
  width: auto;
  background-color: #FFFFFF;
  font-size: 0.8rem;
  line-height: 100%;
}
.ag-nahled-kosik li .ag-kosik-exped {
  grid-area: exped;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "foto popis";
  padding: 0.2rem;
  margin-top: 0.2rem;
  justify-self: center;
  text-align: center;
}
.ag-nahled-kosik li .ag-kosik-foto {
  grid-area: foto;
  /*display:grid;
  gap : 0.2rem;
  grid-template-columns: auto 1fr ;
  grid-template-areas: "foto popis"*/
}
.ag-nahled-kosik li .ag-kosik-popis {
  grid-area: popis;
  margin-left: 0.2rem;
  /*display:grid;
  gap : 0.2rem;
  grid-template-columns: auto 1fr ;
  grid-template-areas: "foto popis"*/
}
.ag-nahled-kosik li .ag-kosik-pridej {
  grid-area: pridej;
  display: grid;
  gap: 0.2rem;
  grid-template-columns: 3.5rem 4rem auto 1fr;
  grid-template-areas: "pridej cenav text infokos";
  align-items: end;
  align-self: end;
  margin-top: 0.2rem;
  /*@include themify {
      background-color: theme( 'barva-sedomodra-tmava' );

  }*/
}
.ag-nahled-kosik li .ag-article-zbozi-kosik-text {
  grid-area: text;
}
.ag-nahled-kosik li .ag-article-zbozi-kosik-pridej {
  grid-area: pridej;
  justify-self: center;
  text-align: center;
  display: block;
  font-weight: bolder;
  color: #000000 !important;
}
.ag-nahled-kosik li .ag-nadpis-cenav {
  /*@include themify {
  color:$barva-seda-8;
  }*/
  grid-area: cenav;
  text-align: start;
  justify-self: start;
  text-align: start;
}
.ag-nahled-kosik li img {
  width: 3.5rem;
}
.ag-nahled-kosik li input[type=number]::-webkit-outer-spin-button,
.ag-nahled-kosik li input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-nahled-kosik li input[type=number] {
  -moz-appearance: textfield;
}
.theme-modra .ag-nahled-kosik .btn {
  color: #274472;
}
.theme-seda-m .ag-nahled-kosik .btn {
  color: #444444;
}
.theme-seda-z .ag-nahled-kosik .btn {
  color: #444444;
}
.ag-nahled-kosik .btn {
  line-height: 1.1rem;
}
.ag-nahled-kosik .btn.active, .ag-nahled-kosik a.active {
  background-color: #F3F3F3;
}
.ag-nahled-kosik .btn:hover {
  background-color: #FFFFFF;
}
.theme-modra .ag-nahled-kosik .btn:hover {
  color: #1388ce;
}
.theme-seda-m .ag-nahled-kosik .btn:hover {
  color: #1388ce;
}
.theme-seda-z .ag-nahled-kosik .btn:hover {
  color: #449b14;
}
.ag-nahled-kosik .btn:hover {
  border: 1px solid;
}

.ag-vlastni-kosik {
  list-style-type: none;
  padding: 0px;
  margin-left: 0.5rem;
}
.ag-vlastni-kosik a {
  text-decoration: none;
  color: #010101;
}
.ag-vlastni-kosik a:hover {
  text-decoration: none;
  color: #010101;
}
.ag-vlastni-kosik li {
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "foto popis" "pridej pridej";
  grid-template-rows: 1fr auto;
  align-content: end;
  padding: 0.3rem;
  width: auto;
  background-color: #FFFFFF;
  font-size: 1rem;
  gap: 0.3rem;
  margin-top: 0.5rem;
  margin-right: 0.2rem;
}
.ag-vlastni-kosik li .ag-kosik-foto {
  grid-area: foto;
  /*display:grid;
  gap : 0.2rem;
  grid-template-columns: auto 1fr ;
  grid-template-areas: "foto popis"*/
}
.ag-vlastni-kosik li .ag-kosik-popis {
  grid-area: popis;
  /*display:grid;
  gap : 0.2rem;
  grid-template-columns: auto 1fr ;
  grid-template-areas: "foto popis"*/
}
.ag-vlastni-kosik li {
  /*        .ag-kosik-pridej {
              grid-area: pridej;
              display:grid;
              gap : 0.2rem;
              grid-template-columns:auto 1fr 3rem 4rem;
              grid-template-areas: "infokos skladem pridej   cenav ";
              align-items: end;

          }*/
}
.ag-vlastni-kosik li .ag-article-zbozi-kosik-pridej {
  justify-self: end;
  align-self: end;
  align-items: end;
}
.ag-vlastni-kosik li .ag-article-zbozi-kosik-skladem {
  align-self: center;
  font-size: 1rem;
  margin-left: 1rem;
}
.ag-vlastni-kosik li .ag-nadpis-cenav {
  /*@include themify {
  color:$barva-seda-8;
  }*/
}
.ag-vlastni-kosik li img {
  max-width: 50px;
}
.ag-vlastni-kosik li input[type=number]::-webkit-outer-spin-button,
.ag-vlastni-kosik li input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-vlastni-kosik li input[type=number] {
  -moz-appearance: textfield;
}
.theme-modra .ag-vlastni-kosik .btn {
  color: #274472;
}
.theme-seda-m .ag-vlastni-kosik .btn {
  color: #444444;
}
.theme-seda-z .ag-vlastni-kosik .btn {
  color: #444444;
}
.ag-vlastni-kosik .btn {
  line-height: 1.1rem;
}
.ag-vlastni-kosik .btn.active, .ag-vlastni-kosik a.active {
  background-color: #F3F3F3;
}
.ag-vlastni-kosik .btn:hover {
  background-color: #FFFFFF;
}
.theme-modra .ag-vlastni-kosik .btn:hover {
  color: #1388ce;
}
.theme-seda-m .ag-vlastni-kosik .btn:hover {
  color: #1388ce;
}
.theme-seda-z .ag-vlastni-kosik .btn:hover {
  color: #449b14;
}
.ag-vlastni-kosik .btn:hover {
  border: 1px solid;
}

.ag-kosik-odeslani .btn:hover {
  background-color: #FFFFFF;
  color: #FF9966;
  border: 1px solid;
}

@media (min-width: 576px) {
  .ag-strana-kosik-in {
    max-width: 12.5rem;
  }
}
.ag-strana-obsah-articles1 {
  /* display                   : grid;
   grid-template-columns     : 1fr 1fr 1fr 1fr 1fr;
   grid-gap: $odsazeni-main;
   grid-template-rows:auto ;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 1;
  flex-grow: 1;
  justify-content: center;
  grid-gap: 0.9rem;
  max-width: 2400px;
}
.ag-strana-obsah-articles1 input::placeholder {
  color: #dddddd;
}

.ag-article-zbozi {
  background-color: #FFFFFF;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
  display: grid;
  width: 13rem;
  /*min-width: 10rem;
  max-width: 15rem;*/
  border: 1px solid #F3F3F3;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "levyfoto foto foto pravyfoto" "text text text text" "cena cena cena cena" "kosik kosik kosik kosik ";
  grid-template-rows: auto 1fr auto auto;
}
.ag-article-zbozi .form-check-input:checked {
  background-color: #888888 !important;
  border-color: #999999 !important;
}

.ag-article-zbozi:hover {
  border: 1px dotted #bbbbbb;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.ag-article-zbozi-foto {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  -webkit-border-radius: 0.9rem;
  -moz-border-radius: 0.9rem;
  -ms-border-radius: 0.9rem;
  border-radius: 0.9rem;
  justify-self: stretch;
}
.ag-article-zbozi-foto img {
  max-width: 100%; /* Zajistí, že se obrázek nezvětší nad velikost kontejneru */
  height: auto; /* Zachová poměr stran */
  display: block;
  object-fit: contain;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}

.ag-article-zbozi-posuvnik {
  grid-area: posuvnik;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(100, 100, 100, 0.1) 40%, rgba(100, 100, 100, 0.1) 60%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  display: grid;
  grid-template-columns: 1rem auto 1fr auto 1rem;
  grid-template-areas: "nic1 doleva text doprava nic2";
  grid-row: auto;
  color: #AEAEAE !important;
  font-size: 0.7rem;
  max-height: 0.9rem;
  padding: 0px;
}

.ag-article-zbozi-posuvnik-doleva {
  grid-area: doleva;
}

.ag-article-zbozi-posuvnik-doprava {
  grid-area: doprava;
}

.ag-article-zbozi-text {
  grid-area: text;
  display: grid;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  grid-template-columns: 1fr;
  grid-template-areas: "nadpis " "barva " "popis " "nic ";
  grid-template-rows: auto auto auto 1fr;
}

.ag-article-zbozi-popis {
  grid-row: 3/5;
  grid-column: 1/3;
  grid-area: popis;
  padding-top: 0;
  font-size: 0.8rem;
  line-height: 115%;
  overflow: hidden;
  text-align: center;
  max-height: 3.4rem;
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  position: relative;
}

.ag-article-zbozi-popis::before {
  content: ""; /* Obsah pseudoelementu musí být prázdný */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, rgb(255, 255, 255) 100%);
  z-index: 1; /* Zajistí, že překrytí bude nad obsahem (pokud je obsah taky pozicovaný) */
}

.ag-article-zbozi-vice {
  grid-area: popis;
  grid-area: vice;
  align-self: end;
  vertical-align: bottom;
  color: #bbbbbb;
  margin-top: 5px;
  cursor: pointer;
}

.ag-article-zbozi-popis2 {
  grid-area: popis2;
  z-index: 99;
  width: 100%;
  height: 0.5rem;
  text-align: center;
}

.ag-article-zbozi-barva {
  grid-area: barva;
  align-self: end;
  justify-self: center;
  text-align: center;
  width: 100%;
}

.ag-article-zbozi-nadpis {
  padding-bottom: 0px;
  grid-area: nadpis;
}
.theme-modra .ag-article-zbozi-nadpis {
  color: #274472;
}
.theme-seda-m .ag-article-zbozi-nadpis {
  color: #444444;
}
.theme-seda-z .ag-article-zbozi-nadpis {
  color: #444444;
}
.ag-article-zbozi-nadpis {
  font-size: 1.3rem;
  justify-self: center;
  text-align: center;
  width: 100%;
}
.theme-modra .ag-article-zbozi-nadpis a {
  color: #1388ce;
}
.theme-seda-m .ag-article-zbozi-nadpis a {
  color: #1388ce;
}
.theme-seda-z .ag-article-zbozi-nadpis a {
  color: #449b14;
}
.ag-article-zbozi-nadpis a {
  text-decoration: none;
}
.ag-article-zbozi-nadpis a:hover {
  text-decoration: underline;
}

.ag-article-zbozi-cena-kos {
  display: grid;
  grid-area: cena;
  grid-gap: 0;
  grid-template-rows: auto;
  grid-template-colums: auto auto 1fr;
  grid-template-areas: "com n2 cenam" "cov obchprir cenav";
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  align-items: end;
}
.ag-article-zbozi-cena {
  display: grid;
  grid-area: cena;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "cena-m" "nic" "cena-v";
  grid-template-rows: auto 1fr auto;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  align-items: end;
}

.ag-article-zbozi-cena-m {
  display: grid;
  grid-area: cena-m;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "com cenapuvm  cenam";
  grid-template-rows: auto;
  /*padding-left:$odsazeni-main/3;
  padding-right:$odsazeni-main/3;*/
  padding-top: 0.3rem;
  align-items: end;
}

.ag-article-zbozi-cena-v {
  display: grid;
  grid-area: cena-v;
  background-color: #F5F5F5;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "cov cenapuvv cenav" "cenav2txt obchprir cenav2" "vob vob vob" "vobbarva vobbarva vobbarva";
  grid-template-rows: auto;
  padding-top: 0.3rem;
  margin-top: 0.3rem;
}

.ag-article-zbozi-cena-v-vobbarva {
  grid-area: vobbarva;
  min-height: 3px;
}

.ag-article-zbozi-cena-v-vob {
  display: grid;
  grid-area: vob;
  background-color: #FFFFFF;
  grid-gap: 0;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: "vobtxt slevavob cenavvob";
}

.ag-nadpis-obchprir {
  grid-area: obchprir;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  text-align: left;
  font-size: 0.7rem;
  align-self: baseline;
  color: #449b14;
  /*@include themify {
      color: theme( 'barva-vyrazna2' );
  }*/
}

.ag-nadpis-slevavob {
  grid-area: slevavob;
  white-space: nowrap;
  text-align: center;
  font-size: 0.9rem;
  align-self: baseline;
  color: #B43F3F;
  /*@include themify {
      color: theme( 'barva-vyrazna-top' );
  }*/
}

.ag-nadpis-vobtext {
  grid-area: vobtxt;
  white-space: nowrap;
  text-align: left;
  font-size: 0.8rem;
  align-self: baseline;
  /* @include themify {
       color: theme( 'barva-vyrazna-top' );
   }*/
}
.ag-nadpis-vobtext .form-check-input {
  margin-top: 0.17em;
}
.ag-nadpis-vobtext .form-check-input:checked {
  /* border-color: $barva-oranzova-svetla;
   @include themify {
       background-color: theme( 'barva-vyrazna-top' );

   }*/
}

.ag-nadpis-vobtext:hover {
  /* background-color: $barva-oranzova-svetla;*/
}

.ag-nadpis-sleva {
  grid-area: sleva;
  font-size: 0.7rem;
  line-height: 90%;
  text-align: center;
  color: #999999;
}

.ag-nadpis-slevapr {
  grid-area: slevapr;
  white-space: nowrap;
  font-size: 0.7rem;
  justify-self: center;
}
.theme-modra .ag-nadpis-slevapr {
  color: #FF9966;
}
.theme-seda-m .ag-nadpis-slevapr {
  color: #FF9966;
}
.theme-seda-z .ag-nadpis-slevapr {
  color: #FF9966;
}

.ag-nadpis-cenam {
  grid-area: cenam;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: right;
  color: #1388ce;
  align-self: baseline;
  /*justify-self: stretch;*/
}

.ag-nadpis-cenapuvm {
  grid-area: cenapuvm;
  white-space: nowrap;
  font-size: 0.8rem;
  text-align: right;
  align-self: baseline;
  /*justify-self: stretch;*/
}
.ag-nadpis-com {
  grid-area: com;
  font-size: 0.8rem;
  text-align: left;
  align-self: baseline;
}

.ag-nadpis-cenav {
  grid-area: cenav;
  font-size: 0.9rem;
  white-space: nowrap;
  text-align: right;
  color: #449b14;
  /*@include themify {
      color: theme( 'barva-vyrazna2' );
  }*/
}

.ag-nadpis-cenamw {
  grid-area: cenav;
  font-size: 0.9rem;
  white-space: nowrap;
  text-align: right;
  /*@include themify {
      color: theme( 'barva-vyrazna' );
  }*/
}

.ag-nadpis-cenavvob {
  grid-area: cenavvob;
  white-space: nowrap;
  font-size: 0.9rem;
  text-align: right;
  color: #B43F3F;
  /*@include themify {
      color: theme( 'barva-vyrazna-top' );
  }*/
}

.ag-nadpis-cenav2 {
  grid-area: cenav2;
  white-space: nowrap;
  font-size: 0.8rem;
  text-align: right;
  align-self: baseline;
}

.ag-nadpis-cenav2txt {
  grid-area: cenav2txt;
  white-space: nowrap;
  font-size: 0.7rem;
  text-align: left;
  align-self: baseline;
}

.ag-nadpis-cenapuvv {
  grid-area: cenapuvv;
  white-space: nowrap;
  font-size: 0.8rem;
  text-align: right;
  align-self: baseline;
}
.theme-modra .ag-nadpis-cenapuvv {
  color: #FF9966;
}
.theme-seda-m .ag-nadpis-cenapuvv {
  color: #FF9966;
}
.theme-seda-z .ag-nadpis-cenapuvv {
  color: #FF9966;
}

.ag-nadpis-cov {
  grid-area: cov;
  font-size: 0.8rem;
  text-align: left;
  align-self: baseline;
}

.ag-prev {
  grid-area: doleva;
  padding-left: 0.5rem;
  color: #DDDDDD !important;
  text-decoration: none !important;
}

.ag-next {
  grid-area: doprava;
  padding-right: 0.5rem;
  color: #DDDDDD !important;
  text-decoration: none !important;
}

.ag-article-zbozi-nic {
  grid-area: nic;
  background-color: #F5F5F5;
  background-color: #FFFFFF;
  align-self: stretch;
  margin: 0.3rem;
  margin-top: 0rem;
}

.ag-article-zbozi-kosiky {
  grid-area: kosik;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "kosik";
  grid-template-rows: auto;
  padding: 0.3rem;
  padding-top: 0;
}

.ag-article-zbozi-kosik {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "regcis-velikost" "skladem-pridej" "exped";
  grid-template-rows: auto auto;
  background-color: #F5F5F5;
  /*padding-left:0.3rem;
  padding-right:0.3rem;*/
  padding-top: 2px;
  margin-top: 2px;
}
.ag-article-zbozi-kosik input[type=number]::-webkit-outer-spin-button,
.ag-article-zbozi-kosik input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-article-zbozi-kosik input[type=number] {
  -moz-appearance: textfield;
}

.theme-modra .ag-article-zbozi-kosik:hover {
  background-color: #ebf0f3 !important;
}
.theme-seda-m .ag-article-zbozi-kosik:hover {
  background-color: #ebebeb !important;
}
.theme-seda-z .ag-article-zbozi-kosik:hover {
  background-color: #ebebeb !important;
}

.ag-article-zbozi-regcis-velikost {
  grid-area: regcis-velikost;
  display: grid;
  align-items: end;
  grid-template-areas: "eanimg eanimg eanimg" "ean ean faktury" "regcis nic2 velikost" "prijde prijde prijde";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
}
.ag-article-zbozi-regcis-velikost a {
  text-decoration: none;
}
.ag-article-zbozi-regcis-velikost a:hover {
  text-decoration: none;
  color: #010101;
}

.ag-article-zbozi-kosik-faktury {
  grid-area: faktury;
  text-align: right;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ag-article-zbozi-kosik-velikost {
  grid-area: velikost;
  text-align: right;
  font-size: 0.9rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  align-self: end;
}

.ag-article-zbozi-kosik-regcis {
  grid-area: regcis;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ag-article-zbozi-kosik-eanimg {
  grid-area: eanimg;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  margin: 0px auto;
  z-index: 1001;
}

.ag-article-zbozi-kosik-ean {
  grid-area: ean;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ag-article-zbozi-exped {
  grid-area: exped;
  display: grid;
  font-size: 0.8rem;
  grid-template-areas: "vkosiku" "info" "zapvypao";
}

.ag-article-zbozi-exped-info {
  grid-area: info;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.ag-article-zbozi-exped-vkosiku {
  grid-area: vkosiku;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}

.ag-article-zbozi-exped-zapvypao {
  grid-area: zapvypao;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}

.ag-article-zbozi-skladem-pridej {
  grid-area: skladem-pridej;
  display: grid;
  grid-template-areas: "mixsort mixsort mixsort" "skladem nic2 pridej" "prijde prijde prijde" "infokos infokos infokos";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
}

.ag-article-zbozi-kosik-mixsort {
  grid-area: mixsort;
  display: grid;
  grid-template: "levy pravy";
  text-align: left;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ag-article-zbozi-kosik-infokos {
  grid-area: infokos;
  text-align: center;
  display: grid;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ag-article-zbozi-kosik-pridej {
  grid-area: pridej;
  grid-area: pridej;
  display: grid;
  grid-template-columns: auto auto auto auto 2.7rem;
  grid-template-areas: "smaz minus pluskolik plus kolik";
  max-height: 2.5rem;
  max-width: 10rem;
  justify-self: end;
  align-self: end;
  align-items: center;
  color: #333333;
}

.ag-article-zbozi-kosik-prijde {
  grid-area: prijde;
  font-size: 0.8rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  align-self: center;
}

.ag-article-zbozi-kosik-skladem {
  grid-area: skladem;
  font-size: 0.8rem;
  padding-left: 0.15rem;
  padding-top: 0.2rem;
  padding-right: 0.1rem;
  align-self: strat;
  line-height: 115%;
}

.kosik-regcis {
  grid-area: regcis;
}

.kosik-skladem {
  grid-area: skladem;
}

.kosik-minus, .kosik-plus, .kosik-smaz {
  padding: 0.1rem 0.2rem;
  cursor: pointer;
  text-decoration: none;
  color: #555555 !important;
}
.theme-modra .kosik-plus:hover, .theme-modra .kosik-minus:hover, .theme-modra .kosik-smaz:hover, .theme-modra .ag-hover:hover {
  background-color: rgb(203.125, 216.09375, 223.875) !important;
}
.theme-seda-m .kosik-plus:hover, .theme-seda-m .kosik-minus:hover, .theme-seda-m .kosik-smaz:hover, .theme-seda-m .ag-hover:hover {
  background-color: rgb(209.5, 209.5, 209.5) !important;
}
.theme-seda-z .kosik-plus:hover, .theme-seda-z .kosik-minus:hover, .theme-seda-z .kosik-smaz:hover, .theme-seda-z .ag-hover:hover {
  background-color: rgb(209.5, 209.5, 209.5) !important;
}
.kosik-plus:hover, .kosik-minus:hover, .kosik-smaz:hover, .ag-hover:hover {
  text-decoration: none;
}

.kosik-plus {
  grid-area: plus;
  padding-right: 0.3rem;
}

.kosik-minus {
  grid-area: minus;
  padding-left: 0.3rem;
}

.kosik-smaz {
  grid-area: smaz;
  padding-left: -0.3rem;
}

.kosik-pluskolik {
  grid-area: pluskolik;
  padding: 0.3rem 0.1rem;
  font-size: 0.7rem;
}

input.kosik-kolik::placeholder {
  color: #EEEEEE;
}

.kosik-kolik {
  grid-area: kolik;
  text-align: right;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
  font-size: 1rem;
  font-weight: 900;
  background-color: #FFFFFF;
  color: #000000 !important;
  padding-right: 0.2rem;
  /*@include themify {
      color: theme( 'barva-tmava' )!important;
  }*/
}
.kosik-kolik input.form-control {
  padding: 0px;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
  width: 1rem;
}

.kosik-popisky-male {
  font-size: 0.8rem;
}

i.vob-ok {
  background-color: #dbf1bf;
  padding: 0.2rem;
}

i.kosik-skladem-je {
  padding: 0.2rem;
}

i.kosik-skladem-neni {
  background-color: #fffaa8 !important;
  padding: 0.2rem;
}

i.kosik-skladem-chyba {
  background-color: #fff4ea;
  padding: 0.2rem;
}

i.kosik-skladem-prijde {
  background-color: #fdd9c8;
  padding: 0.2rem;
}

i.kosik-expedak-je {
  /*background-color: #dbe3ee  ;*/
  padding: 0.2rem;
}

i.kosik-naceste {
  /*background-color: #fffaa8;*/
  padding: 0.2rem;
}

i.kosik-naceste-barva {
  background-color: #fffaa8;
  padding: 0.2rem;
}

.ag-polozka-pecka {
  border: 1px solid #bbbbbb !important;
  cursor: pointer;
  display: inline-block;
  margin-right: 3px;
  vertical-align: baseline;
}

.ww {
  display: inline-block;
  word-wrap: break-word !important;
}

.ag-polozka-pecka-1,
.ag-polozka-pecka-2,
.ag-polozka-pecka-3 {
  width: 1rem;
  height: 0.6rem;
  border: 0px solid #bbbbbb !important; /*!!! nedavat rameček jinak se nespojí obrazek v jeden celek*/
  padding: px;
  float: left;
  align-self: end;
}

.ag-polozka-pecka-1 {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  width: 0.5rem;
  border-right: 0px;
}

.ag-polozka-pecka-2 {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  width: 0.3rem;
  border-left: 0px;
  border-right: 0px;
}

.ag-polozka-pecka-3 {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  width: 0.2rem;
  border-left: 0px;
}

.theme-modra .ag-pozadi-1 {
  color: #449b14 !important;
}
.theme-seda-m .ag-pozadi-1 {
  color: #449b14 !important;
}
.theme-seda-z .ag-pozadi-1 {
  color: #1388ce !important;
}

.theme-modra .ag-border-1 {
  border: 1px solid rgb(58.0914285714, 132.4142857143, 17.0857142857) !important;
}
.theme-seda-m .ag-border-1 {
  border: 1px solid rgb(58.0914285714, 132.4142857143, 17.0857142857) !important;
}
.theme-seda-z .ag-border-1 {
  border: 1px solid rgb(16.8466666667, 120.5866666667, 182.6533333333) !important;
}

/*li.agx-kosik-odeslani-polozka {
    display   : grid;
    grid-area: cena;
    //background-color: $barva-pozadi-sede-svetle2;
    grid-gap : 0;

    grid-template-rows: auto;
    grid-template-colums: 1fr auto auto;

    grid-template-areas:
        "n1 com cenam"
        "n1 cov cenav"
        "n1 n2 obchprir ";
    //padding:$odsazeni-main/2;
    padding-left:0.1rem;
    padding-right:0.1rem;
    align-items: end;
    .ag-nadpis-obchprir{
        text-align: end;
    }
}
.ag-50rem-stred{
    max-width:50rem;
    margin:0 auto;

}
*/
.ag-max1k-stred {
  max-width: 1200px;
  margin: 0 auto;
}

li.ag-kosik-odeslani-polozka {
  display: grid;
  grid-gap: 0.1rem;
  /*grid-template-columns: auto auto 1fr 8rem;
  grid-template-areas:"foto popis pridej"
      "infokos infokos  infokos "
      ;*/
  grid-template-rows: auto;
  font-size: 1rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
  align-items: start;
}
li.ag-kosik-odeslani-polozka .ag-kosik-aoexp {
  grid-area: aoexp;
  text-align: start;
}
li.ag-kosik-odeslani-polozka .ag-kosik-infokos {
  grid-area: infokos;
  text-align: end;
}
li.ag-kosik-odeslani-polozka .ag-kosik-ceny {
  grid-area: ceny;
  display: grid;
  gap: 0.2rem;
  align-items: end;
  justify-items: end;
}
li.ag-kosik-odeslani-polozka .ag-kosik-pridej {
  grid-area: pridej;
  display: grid;
  gap: 0.2rem;
  /*grid-template-columns:1fr 5rem 5rem 1fr 5rem 2rem 8rem ;*/
  /*grid-template-areas: "nic cenav cenavcelkem koddph cenavcelkemsdph skladem pridej "
      " infokos infokos  infokos  infokos infokos infokos  infokos ";*/
  align-items: end;
  justify-items: end;
}
li.ag-kosik-odeslani-polozka .ag-nadpis-op {
  display: block;
  grid-area: op;
}
li.ag-kosik-odeslani-polozka .ag-nadpis-slv {
  display: block;
  grid-area: sleva;
}
li.ag-kosik-odeslani-polozka .ag-nadpis-cenavcelkem {
  display: block;
  grid-area: cenavcelkem;
}
li.ag-kosik-odeslani-polozka .ag-nadpis-koddph {
  display: block;
  grid-area: koddph;
}
li.ag-kosik-odeslani-polozka .ag-nadpis-cenavcelkemsdph {
  display: block;
  grid-area: cenavcelkemsdph;
}

@media (min-width: 0) {
  .ag-strana-obsah-articles1 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .ag-strana-main {
    margin: 0px;
    margin-top: 0.9rem;
  }
  .ag-article-zbozi-kosik-pridej {
    font-size: 1.1rem;
  }
  .ag-article-zbozi {
    width: 100%;
  }
  .ag-flex-pol-rekl-1 img {
    width: 100%;
  }
  li.ag-kosik-odeslani-polozka {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: "foto  popis " " ceny ceny " " pridej pridej" "infokos infokos";
    /*  .ag-kosik-pridej {
          grid-template-columns: 1fr  6rem 6rem 4rem 6rem ;
          grid-template-areas: "nic cenav cenavcelkem koddph cenavcelkemsdph "
              "skladem skladem pridej pridej pridej "
              "aoexp aoexp  aoexp   infokos infokos ";
      }*/
  }
  li.ag-kosik-odeslani-polozka .ag-kosik-ceny {
    grid-template-rows: auto;
    grid-template-columns: 1fr 6rem 6rem;
    grid-template-areas: "op cenav sleva" "cenavcelkem koddph cenavcelkemsdph " " skladem skladem skladem";
  }
  li.ag-kosik-odeslani-polozka .ag-kosik-pridej {
    grid-template-areas: "pridej " " infokos ";
  }
}
@media (min-width: 576px) {
  .ag-strana-obsah-articles1 {
    gap: calc(0.2rem + 0.5%);
  }
  .ag-strana-main {
    margin: 0.9rem;
  }
  .ag-article-zbozi {
    width: 17.6rem;
  }
  .ag-flex-pol-rekl-1 img {
    width: 17.6rem !important;
  }
  .ag-article-zbozi-kosik-pridej {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  li.ag-kosik-odeslani-polozka {
    grid-template-columns: auto auto 1fr 8rem;
    grid-template-areas: "foto popis ceny pridej" "nic1 aoexp  infokos infokos ";
  }
  li.ag-kosik-odeslani-polozka .ag-kosik-ceny {
    grid-template-rows: auto;
    grid-template-columns: 1fr 3rem 6rem 3rem 6rem 2rem 6rem 6rem;
    grid-template-areas: "nic op cenav sleva cenavcelkem koddph cenavcelkemsdph skladem" " infokos infokos infokos infokos  infokos  infokos  infokos infokos  ";
  }
}
.ag-strana-obsah-articles2 {
  /*display                   : grid;
  grid-template-columns     : 1fr 1fr 1fr 1fr 1fr;
  grid-gap: $odsazeni-main/2;

  grid-template-rows:auto ;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 1;
  flex-grow: 1;
  justify-content: center;
  grid-gap: 0.9rem;
  max-width: 2400px;
  max-width: 2400px;
}
.ag-strana-obsah-articles2 .ag-article-zbozi {
  width: 10.5rem;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}
.ag-strana-obsah-articles2 img {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-foto {
  align-self: start;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-nadpis {
  font-size: 1rem;
  line-height: 110%;
  padding-top: 0.45rem;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-barva {
  align-self: start;
  font-size: 0.9rem;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-vice {
  display: none;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-popis2 {
  display: none;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-skladem-pridej {
  grid-area: skladem-pridej;
  display: grid;
  grid-template-areas: "skladem  skladem" "mixsort mixsort" "prijde prijde" "pridej pridej" "infokos  infokos";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-cena-m {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "com   cenam" "cenapuvm cenapuvm";
  grid-template-rows: auto;
}
.ag-strana-obsah-articles2 .ag-article-zbozi-cena-v {
  background-color: #F5F5F5;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "cov  cenav" "cenapuvv cenapuvv" "cenav2txt cenav2" "obchprir obchprir " "vob vob" "vobbarva vobbarva";
}
.ag-strana-obsah-articles2 .ag-article-zbozi-cena-v-vob {
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "vobtxt vobtxt " "slevavob cenavvob";
}
.ag-strana-obsah-articles2 .ag-article-zbozi-regcis-velikost {
  grid-template-columns: auto auto;
  grid-template-areas: "eanimg eanimg" "ean  ean" "regcis velikost" "faktury faktury" "prijde prijde";
}
.ag-strana-obsah-articles2 .ag-article-zbozi-kosik-faktury {
  align-self: start;
  text-align: start;
}

@media (min-width: 0) {
  .ag-strana-obsah-articles2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    raw-gap: 1rem;
  }
  .ag-strana-obsah-articles2 .ag-article-zbozi {
    width: auto;
  }
  .ag-strana-obsah-articles2 .ag-flex-pol-rekl-1 img {
    width: 100%;
  }
  .ag-strana-main {
    margin: 0px;
    margin-top: 0.9rem;
  }
}
@media (min-width: 576px) {
  .ag-strana-obsah-articles2 {
    display: flex;
    gap: 0.5rem;
  }
  .ag-strana-obsah-articles2 .ag-article-zbozi {
    width: 11.6rem;
  }
  .ag-strana-obsah-articles2 .ag-flex-pol-rekl-1 img {
    width: 11.6rem !important;
  }
  .ag-strana-main {
    margin: 0.9rem;
  }
}
.ag-strana-obsah-articles3 {
  /*display                   : grid;
  grid-template-columns     : 1fr 1fr 1fr 1fr 1fr;
  grid-gap: $odsazeni-main/2;

  grid-template-rows:auto ;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  margin: 0px auto;
  max-width: 1100px;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-kosiky {
  padding: 0;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-kosik {
  width: 13.5rem;
  background-color: #FFFFFF;
  grid-template-areas: "regcis-velikost" "skladem-pridej" "exped" "nic";
  grid-template-rows: auto auto 1fr;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-kosik:hover {
  background-color: #FFFFFF !important;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-skladem-pridej {
  background-color: #F5F5F5;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-skladem-pridej:hover {
  background-color: #EAEAEA;
}
.ag-strana-obsah-articles3 .ag-article-zbozi {
  border: 1px solid #F3F3F3;
  grid-template-columns: 85px 1fr auto auto;
  grid-template-areas: "foto text cena kosik ";
  grid-template-rows: auto;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}
.ag-strana-obsah-articles3 .ag-article-zbozi .form-check-input:checked {
  background-color: #888888 !important;
  border-color: #999999 !important;
}
.ag-strana-obsah-articles3 img {
  width: 80px;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-foto {
  align-self: start;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-nadpis {
  font-size: 1rem;
  line-height: 110%;
  text-align: left;
  align-self: start;
  vertical-align: top;
  padding-top: 0.45rem;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-barva {
  text-align: start;
  align-self: end;
  line-height: 110%;
  font-size: 1rem;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-popis {
  text-align: start;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-vice {
  display: none;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-popis2 {
  display: none;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-skladem-pridej {
  grid-area: skladem-pridej;
  display: grid;
  grid-template-areas: "mixsort mixsort mixsort" "skladem nic pridej" "infokos infokos infokos";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-cena-m {
  width: 11rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "com   cenam" "cenapuvmtxt cenapuvm" "nic nic";
  margin-bottom: 0.2rem;
  padding: 0.2rem;
  padding-right: 0.4rem;
  align-items: start;
  align-self: stretch;
  border-right: 2px solid #F5F5F5;
  border-left: 2px solid #F5F5F5;
}
.ag-strana-obsah-articles3 .ag-article-zbozi-cena-v {
  width: 11rem;
  margin: 0;
  padding: 0.2rem;
  padding-right: 0.4rem;
  align-items: start;
  align-self: stretch;
  background-color: #FFFFFF;
  gap: 0;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto auto auto auto 1fr;
  border-right: 2px solid #F5F5F5;
  grid-template-areas: "cov cov   cenav" "obchprir cenapuvvtxt  cenapuvv" "cenav2txt cenav2 cenav2" "vob vob vob" "vobbarva vobbarva vobbarva" "nic nic nic";
}
.ag-strana-obsah-articles3 .ag-article-zbozi-cena-v-vob {
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "vobtxt vobtxt " "slevavob cenavvob";
}
.ag-strana-obsah-articles3 .ag-article-zbozi-regcis-velikost {
  grid-template-columns: auto auto;
  grid-template-areas: "eanimg eanimg" "ean  ean" "regcis velikost" "faktury faktury" "prijde prijde";
}
.ag-strana-obsah-articles3 .ag-article-zbozi-kosik-faktury {
  align-self: start;
  text-align: start;
}

@media (min-width: 0) {
  .ag-strana-obsah-articles3 {
    display: flex;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi {
    width: 100%;
  }
  .ag-strana-obsah-articles3 .ag-flex-pol-rekl-1 img {
    width: 100%;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-barva {
    padding-left: 0;
  }
  .ag-strana-obsah-articles3 .ag-strana-main {
    margin: 0px;
    margin-top: 0.9rem;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-text {
    grid-area: text;
    display: grid;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    grid-template-columns: auto;
    grid-template-areas: "nadpis " "barva " "popis " "nic ";
    grid-template-rows: auto auto auto 1fr;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-cena {
    grid-template-areas: "cena-m " "cena-v";
    padding: 0;
    align-items: stretch;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
  }
}
@media (min-width: 1200px) {
  .ag-strana-obsah-articles3 {
    display: flex;
    gap: 0.25rem;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-barva {
    padding-left: 0.5rem;
  }
  .ag-strana-obsah-articles3 .ag-flex-pol-rekl-1 img {
    width: 11.6rem !important;
  }
  .ag-strana-obsah-articles3 .ag-strana-main {
    margin: 0.9rem;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-text {
    grid-template-columns: auto 1fr;
    grid-template-areas: "nadpis nadpis" "barva barva" "popis popis " "nic nic";
    grid-template-rows: auto auto auto 1fr;
  }
  .ag-strana-obsah-articles3 .ag-article-zbozi-cena {
    grid-template-areas: "cena-m cena-v";
    padding: 0;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
  }
}
.ag-article-detail {
  display: grid;
  column-gap: 0.9rem;
  grid-template-rows: auto auto auto;
  max-width: 2400px;
}
.ag-article-detail h5 {
  display: grid;
  grid-area: nadpis;
  font-size: 1.5rem;
}
.theme-modra .ag-article-detail h5 {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #ebf0f3 0%, #EAEAEA 30%, #F5F5F5 100%);
}
.theme-seda-m .ag-article-detail h5 {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #ebebeb 0%, #EAEAEA 30%, #F5F5F5 100%);
}
.theme-seda-z .ag-article-detail h5 {
  border-top: 1px solid #F5F5F5;
  background-image: linear-gradient(to right, #ebebeb 0%, #EAEAEA 30%, #F5F5F5 100%);
}
.ag-article-detail h5 {
  padding: 0.9rem;
  margin: 0px;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}
.ag-article-detail h6 {
  font-size: 1.5rem;
  font-weight: bold;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.5rem;
}
.ag-article-detail a {
  color: #274472;
  /*font-size: 0.9rem;*/
}
.ag-article-detail a:hover {
  color: #FF9966;
}

.ag-article-detail-prodej {
  grid-area: prodej;
}
.ag-article-detail-prodej .ag-vdetailu-schovej {
  display: none;
}

.ag-article-detail-babicka {
  display: grid;
  align-items: top;
}
.ag-article-detail-babicka h1 {
  margin: 0px;
}

.ag-article-detail-foto {
  grid-area: foto;
  display: grid;
  background-color: #FFFFFF;
  grid-template-areas: "img" "soubory" "nic";
  grid-template-rows: auto auto 1fr;
  align-items: start;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}

.ag-article-detail-foto-soubory {
  grid-area: soubory;
  /*max-height: 90px;
  overflow: auto;*/
  justify-self: center;
  grid-template-columns: 1fr;
}
.ag-article-detail-foto-soubory img {
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
  margin: 0.18rem;
  width: 50px !important;
  float: left;
}

.ag-article-detail-foto-img {
  grid-area: img;
}
.ag-article-detail-foto-img img {
  width: 100%;
  height: 100%;
  max-height: 65vh;
  object-fit: contain;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}

.ag-article-detail-popis {
  /*display: grid;*/
  grid-area: popis;
  width: 100%;
  /*grid-template-areas: "nadpis"
      "minimenu"
      "barvy"
      "highlight"
      "popisky"
      "objednat"
      "kosiky";
  grid-template-columns: 1fr;
  grid-gap: $odsazeni-main/2;
  grid-template-rows:auto auto auto auto auto auto 1fr;*/
}

.ag-article-detail-kosiky {
  grid-area: kosiky;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0.9rem;
}
.ag-article-detail-nadpis {
  grid-area: nadpis;
}

.ag-article-detail-highlight {
  grid-area: highlight;
  font-size: 1.1rem;
  text-align: left;
}

.ag-article-detail-minimenu {
  grid-area: minimenu;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.ag-article-detail-objednat {
  grid-area: objednat;
}

.ag-article-detail-popisky {
  grid-area: popisky;
  text-align: start;
  /*max-height: 20rem;
  overflow: auto;*/
}

.ag-article-detail-barvy {
  /*max-height: 100px;
  overflow: auto;*/
}
.ag-article-detail-barvy img {
  max-width: 20%;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}

.ag-article-detail-nahledy {
  grid-area: nahledy;
}

.ag-article-detail-posuvnik {
  grid-area: posuvnik;
  display: none;
}

.ag-article-detail-specifikace {
  display: grid;
  grid-area: specifikace;
  grid-gap: 0.9rem;
  grid-template-rows: auto;
  grid-template-areas: "nadpis" "produkty";
}

.ag-article-detail-geometrie {
  display: grid;
  grid-area: geometrie;
  grid-gap: 0.9rem;
  grid-template-rows: auto;
  grid-template-areas: "nadpis" "produkty";
}

.ag-article-detail-souvisejici {
  display: grid;
  grid-area: souvisejici;
  grid-template-columns: 1fr;
  grid-gap: 0.9rem;
  grid-template-rows: auto auto;
  max-width: 2400px;
  grid-template-areas: "nadpis" "produkty";
}

.ag-souvisejici-nadpis {
  grid-area: nadpis;
}

.ag-souvisejici-produkty {
  grid-area: produkty;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-gap: 0.9rem;
  justify-content: center;
  grid-gap: 0.9rem;
}

@media (min-width: 0) {
  .ag-article-detail {
    grid-template-areas: "nadpis" "babicka" "prodej" "geometrie" "specifikace" "souvisejici";
    grid-template-columns: 1fr;
  }
  .ag-article-detail-kosiky {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.1rem;
  }
  .ag-souvisejici-produkty {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.1rem;
  }
  .ag-strana-main {
    margin: 0px;
    margin-top: 0.9rem;
  }
  .ag-article-detail-babicka {
    grid-template-areas: "foto " "highlight " "popisky ";
    text-align: center;
    grid-template-columns: auto;
    grid-template-rows: auto auto 1fr;
  }
  .ag-article-detail-foto-soubory {
    grid-area: soubory;
    overflow-y: auto;
  }
}
@media (min-width: 576px) {
  .ag-article-detail-kosiky {
    display: flex;
    gap: 0.1rem;
  }
  .ag-souvisejici-produkty {
    display: flex;
    gap: 0.1rem;
  }
  .ag-article-detail-babicka {
    text-align: start;
  }
}
@media (min-width: 768px) {
  .ag-strana-main {
    margin: 0.9rem;
  }
  .ag-article-detail-foto-soubory {
    grid-area: soubory;
    overflow: none;
    overflow-y: none;
  }
}
@media (min-width: 992px) {
  .ag-article-detail-kosiky {
    gap: 0.45rem;
  }
  .ag-souvisejici-produkty {
    gap: 0.45rem;
  }
}
@media (min-width: 1200px) {
  .ag-article-detail {
    grid-template-areas: "nadpis nadpis" "babicka prodej" "geometrie geometrie " "specifikace specifikace" "souvisejici souvisejici";
    grid-template-columns: 1fr 11.9rem;
  }
}
@media (min-width: 1400px) {
  .ag-article-detail {
    grid-template-columns: 1fr 11.9rem;
  }
}
@media (min-width: 1600px) {
  .ag-article-detail {
    grid-template-columns: 1fr 23.8rem;
  }
}
@media (min-width: 1800px) {
  .ag-article-detail {
    grid-template-columns: 1fr 35.7rem;
  }
}
@media (min-width: 2000px) {
  .ag-article-detail {
    grid-template-columns: 1fr 47.6rem;
  }
}
.ag-preklad {
  display: grid;
  grid-area: vice;
  min-width: 48rem;
  text-align: left;
  grid-template-areas: "nic pozn pozn domena" "cs cstxt cstxt cstxt" "en entxt entxt entxt" "smazat prelozil  jeok odesl" "archiv archiv archiv archiv";
  grid-template-columns: auto auto auto auto;
}
.ag-preklad div {
  padding: 0.1rem;
}

.ag-preklad-hl {
  grid-area: hl;
  font-size: 0.7rem;
  text-align: start;
}

.ag-preklad-pozn {
  grid-area: pozn;
  font-size: 0.7rem;
  padding: 0.2rem;
}

.ag-preklad-klic {
  grid-area: klic;
  color: #1388ce;
}

.ag-preklad-prelozil {
  grid-area: prelozil;
}

.ag-preklad-domena {
  grid-area: domena;
  color: #cccccc;
  text-align: end;
  font-size: 0.7rem;
}

.ag-preklad-cstxt {
  grid-area: cstxt;
}

.ag-preklad-entxt {
  grid-area: entxt;
}

.ag-preklad-cs {
  grid-area: cs;
}

.ag-preklad-en {
  grid-area: en;
}

.ag-preklad-jeok {
  grid-area: jeok;
  text-align: center;
}

.ag-preklad-smazat {
  grid-area: smazat;
  text-align: center;
  display: grid;
  justify-content: center;
}

.ag-preklad-odesl {
  grid-area: odesl;
}

.ag-preklad-archiv {
  display: grid;
  grid-area: archiv;
  grid-template-areas: ln;
  text-align: start;
  border: 1px dotted #dddddd;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.ag-preklad-archiv-ln {
  display: grid;
  color: #999999;
  grid-template-areas: "archivx archivtm archivcs archiven ";
  grid-template-rows: auto;
  grid-template-columns: auto 20% 34% 34%;
}

.ag-preklad-archivtm {
  grid-area: archivtm;
}

.ag-preklad-archivcs {
  grid-area: archivcs;
}

.ag-preklad-archiven {
  grid-area: archiven;
}

.ag-flex-start {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}
.ag-flex-start hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ag-flex-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.ag-flex-center hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ag-flex-pol-rekl {
  flex-grow: 0;
  font-size: 0.6rem;
  color: #888888;
  text-align: center;
}
.ag-flex-pol-rekl a {
  color: #888888;
  text-decoration: none;
}
.ag-flex-pol-rekl a:hover {
  text-decoration: underline;
}
.ag-flex-pol-rekl {
  /*img:hover {
      opacity:0.8;
      transition: opacity .2s ease-out;
      -moz-transition: opacity .2s ease-out;
      -webkit-transition: opacity .2s ease-out;
      -o-transition: opacity .2s ease-out;
  }*/
}

.ag-flex-pol-rekl-1 img {
  width: 17.6rem;
}

.ag-flex-pol-rekl-2 img {
  width: 200px;
}

.ag-flex-pol-rekl-3 img {
  width: 100%;
  opacit: 0.6;
}

.ag-flex-start-pol {
  flex-grow: 0;
  border: 1px dotted #FFFFFF;
  padding: 0.6rem;
  background-color: #FFFFFF;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.ag-flex-start-pol:hover {
  border: 1px dotted #bbbbbb;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.ag-flex-start-tip {
  display: grid;
  gap: 0;
  text-align: start;
  grid-template-areas: " ikona nadpis " "obsah obsah" "pata pata ";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto 1fr;
}
.ag-flex-start-tip p {
  margin-bottom: 0;
}

.ag-flex-start-tip-nadpis {
  align-self: end;
  padding: 0.2rem;
  grid-area: nadpis;
}
.ag-flex-start-tip-ikona {
  grid-area: ikona;
  padding: 0.5rem;
  font-size: 1rem;
  color: #bbbbbb;
}

.ag-flex-start-tip-obsah {
  border-top: 1px dotted #bbbbbb;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  grid-area: obsah;
  vertical-align: top;
}

.ag-flex-start-tip-pata {
  grid-area: pata;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  min-height: 1rem;
  vertical-align: top;
  margin-top: 1rem;
  text-align: center;
}

.ag-flex-start-tip-w100 {
  max-width: 100%;
  width: 100%;
  grid-template-areas: " ikona nadpis " "ikona obsah" "pata pata ";
}

.ag-grid-2x1-lg {
  display: grid;
  grid-template-rows: auto;
  gap: 0;
}

.ag-grid-3x1-lg {
  display: grid;
  grid-template-rows: auto;
  gap: 0;
}

.ag-grid-2x1-xxl { /*tohle se dá "pod sebe už dřiv"*/
  display: grid;
  grid-template-rows: auto;
  gap: 0;
}

.ag-grid-levy {
  grid-area: ag-grid-levy;
}

.ag-grid-pravy {
  grid-area: ag-grid-pravy;
}

.ag-grid-stred {
  grid-area: ag-grid-stred;
}

@media (min-width: 0) {
  .ag-grid-2x1-lg {
    grid-template-columns: 1fr;
    grid-template-areas: "ag-grid-levy" "ag-grid-pravy";
  }
  .ag-grid-3x1-lg {
    grid-template-columns: 1fr;
    grid-template-areas: "ag-grid-levy" "ag-grid-stred" "ag-grid-pravy";
  }
  .ag-grid-2x1-xxl {
    grid-template-columns: 1fr;
    grid-template-areas: "ag-grid-levy" "ag-grid-pravy";
  }
}
@media (min-width: 992px) {
  .ag-grid-2x1-lg {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "ag-grid-levy ag-grid-pravy";
  }
  .ag-grid-3x1-lg {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "ag-grid-levy ag-grid-stred" "ag-grid-pravy ag-grid-pravy";
  }
}
@media (min-width: 1400px) {
  .ag-grid-2x1-xxl {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "ag-grid-levy ag-grid-pravy";
  }
  .ag-grid-3x1-lg {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "ag-grid-levy ag-grid-stred ag-grid-pravy ";
  }
}
.p-05 {
  padding: 0.1rem 0.2rem !important;
}

.ag-odkaz-nepodrtrh a {
  text-decoration: none !important;
}

/*ag-barva*/
.ag-barva-odkaz a {
  color: #010101 !important;
  /* @include themify {
       color: theme( 'barva-vyrazna' )!important;

   }*/
}
.ag-barva-odkaz a:hover {
  color: #FF9966 !important;
}
.ag-barva-odkaz a.btn-aktivni:hover {
  color: #000000 !important;
}

.ag-okraj-cerny {
  border-color: #000000 !important;
}

.ag-barva-cerna {
  color: #000000 !important;
}

a.ag-barva-seda, .ag-barva-seda {
  color: #AAAAAA !important;
}

.ag-barva-seda-E {
  color: #eeeeee !important;
}

.ag-barva-seda-8 {
  color: #888888 !important;
}

.ag-barva-zelena {
  color: #449b14 !important;
}

.ag-barva-cervena {
  color: rgb(220, 53, 69) !important;
}

.ag-barva-modra {
  color: #1388ce !important;
}
.ag-barva-modra a:hover {
  color: #FF9966 !important;
}

.ag-barva-zlata {
  color: #FF9966 !important;
}

.ag-barva-fialova {
  color: #B43F3F !important;
}

.ag-barva-oranzova {
  color: #FF9966 !important;
}

/*----*/
.ag-pozadi-svetle {
  background-color: #EAEAEA !important;
}

.ag-pozadi-svetle2 {
  background-color: #F5F5F5 !important;
}

.ag-pozadi-modre {
  background-color: #DDEEFE !important;
}

.ag-pozadi-zlute {
  background-color: #ffffe6 !important;
}

.ag-pozadi-oranzova {
  background-color: #fff4ea !important;
}

.ag-pozadi-cervena {
  background-color: #ffe8e8 !important;
}

.ag-pozadi-bila {
  background-color: #FFFFFF !important;
}

.ag-pozadi-seda-e {
  background-color: #eeeeee !important;
}

.theme-modra .ag-pozadi-sedomodra {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-pozadi-sedomodra {
  background-color: #ebebeb;
}
.theme-seda-z .ag-pozadi-sedomodra {
  background-color: #ebebeb;
}

.ag-pozadi-zelena {
  background-color: #dbf1bf !important;
}

.ag-pozadi-zluta {
  background-color: #ffffd8 !important;
}

.ag-pozadi-zluta2 {
  background-color: #ffffaa !important;
}

/*ag-fonty ag-text*/
.ag-font-bolder {
  font-weight: bolder !important;
}

.ag-font-sml-6 {
  font-size: 0.6rem !important;
}

.ag-font-sml-7 {
  font-size: 0.7rem !important;
}

.ag-font-sml-8 {
  font-size: 0.8rem !important;
}

.ag-font-sml-9 {
  font-size: 0.9rem !important;
}

.ag-font-12 {
  font-size: 1.2rem !important;
}

.ag-font-1 {
  font-size: 1rem !important;
}

.text-nahoru {
  transform: rotate(-90deg);
}

.ag-nizke-radkovani {
  line-height: 1.1rem;
}

.ag-nizke-radkovani2 {
  line-height: 0.7333333333rem;
}

/*ag-decoration*/
.ag-deco-none {
  text-decoration: none;
}

.ag-deco-underline {
  text-decoration: underline;
}

.ag-menu-1rd-obal {
  overflow-x: auto; /* Umožňuje horizontální posouvání */
  white-space: nowrap; /* Zabrání zalomení obsahu na další řádek */
  text-align: end;
  border: 1px solid red;
}

.ag-menu-1rd {
  display: inline-flex; /* Udržuje položky menu v řádku */
  padding: 0;
  margin: 0;
}

/*ag-pointer*/
.ag-pointer, .ag-curssor-pointer {
  cursor: pointer;
}

.ag-cursor-help {
  cursor: help;
}

/*ag-reounded ag-rohy*/
.ag-rohy-4 {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.ag-rohy-2h {
  -webkit-border-radius: 0.2rem 0.2rem 0 0;
  -moz-border-radius: 0.2rem 0.2rem 0 0;
  -ms-border-radius: 0.2rem 0.2rem 0 0;
  border-radius: 0.2rem 0.2rem 0 0;
}

.ag-div-center {
  margin: 0px auto;
  padding: 0px auto;
}

.ag-w-17 {
  width: 17.6rem;
}

/*ag-hover*/
.ag-hover-none {
  border: 0px solid !important;
}

.ag-hover-1dotted {
  border: 1px dotted #FFFFFF !important;
}

.ag-hover-1dotted:hover {
  border: 1px dotted #888888 !important;
}

/*width*/
.ag-width-min-15rem {
  min-width: 15rem;
}

.ag-width-max-80rem {
  max-width: 80rem;
}

/*ag-scrollbar*/
.ag-scrollbar::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}

.ag-scrollbar::-webkit-scrollbar-track {
  background: #F5F5F5;
}

.theme-modra .ag-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(219.0625, 228.046875, 233.4375);
}
.theme-seda-m .ag-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(222.25, 222.25, 222.25);
}
.theme-seda-z .ag-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(222.25, 222.25, 222.25);
}
.ag-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 20px;
}

.theme-modra .ag-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgb(203.125, 216.09375, 223.875);
}
.theme-seda-m .ag-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgb(209.5, 209.5, 209.5);
}
.theme-seda-z .ag-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgb(209.5, 209.5, 209.5);
}

.ag-scrollbar::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.5);
}

.ag-rotate-90 {
  transform: rotate(-90deg);
  /* For older browsers */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.ag-vertical {
  writing-mode: sideways-lr;
  white-space: nowrap;
}

.ag-ikony-LevyFix {
  display: flex;
  gap: 0.25rem;
  position: fixed;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 1030;
}

.ag-tlacitko-nahoru {
  display: none;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 9999;
  border: none;
  outline: none;
  color: #FFFFFF;
}
.theme-modra .ag-tlacitko-nahoru {
  background-color: #FF9966;
}
.theme-seda-m .ag-tlacitko-nahoru {
  background-color: #FF9966;
}
.theme-seda-z .ag-tlacitko-nahoru {
  background-color: #FF9966;
}
.ag-tlacitko-nahoru {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.ag-tlacitko-nahoru:hover {
  color: #FFFFFF;
}
.theme-modra .ag-tlacitko-nahoru:hover {
  background-color: rgb(203.125, 216.09375, 223.875);
}
.theme-seda-m .ag-tlacitko-nahoru:hover {
  background-color: rgb(209.5, 209.5, 209.5);
}
.theme-seda-z .ag-tlacitko-nahoru:hover {
  background-color: rgb(209.5, 209.5, 209.5);
}

.ag-infomail-pol {
  width: 11.6rem;
  font-size: 0.9rem;
  padding: 5px;
  text-align: center;
}

.ag-img-infomail {
  width: 120px;
  height: 120px;
  object-position: 100% 0;
  object-fit: crop;
}

.ag-preklad-ln {
  display: grid;
  width: 100%;
  text-align: left;
  font-size: 0.9rem;
  grid-template-areas: "klic cstxt entxt jeok preklad" "vice vice vice vice vice";
  grid-template-columns: 20% 35% 35% auto auto;
  margin-bottom: 0.5rem;
}

.alert {
  padding: 0.2rem;
}

.alert-dismissible .btn-close {
  padding-top: 0.1rem;
  font-size: 0.7rem;
}

.ag-btn-d1 {
  border-color: #888888;
  border-style: dotted;
  white-space: nowrap;
  padding: 0.2rem 0.4rem 0.2rem 0.4rem;
  margin-right: 0.1rem;
  background-color: #F5F5F5;
}

.ag-btn-d1-zapnut {
  background-color: #fff4ea;
  border: 1px solid #FF9966;
}

.ag-btn-d1:hover {
  border-color: #FF9966;
}

.ag-kosik-dalsi-krok {
  border: 1px dotted #FFFFFF;
  padding: 0.5rem !important;
  background-color: #FFFFFF;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
  color: #010101;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px, rgba(0, 0, 0, 0.16) 0px 1px 5px;
}
.theme-modra .ag-kosik-dalsi-krok {
  background-color: #ebf0f3;
}
.theme-seda-m .ag-kosik-dalsi-krok {
  background-color: #ebebeb;
}
.theme-seda-z .ag-kosik-dalsi-krok {
  background-color: #ebebeb;
}

.oToolTip {
  background: #FFFFFF;
  color: #000000;
  margin-left: 15px;
  margin-top: 15px;
  border: 1px dotted #AAAAAA;
  padding: 15px;
  position: absolute;
  z-index: 1000;
  min-width: 150px;
  max-width: 200px;
  min-height: 100px;
  Max-height: 200px;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  overflow: none;
}

.breadcrumb {
  margin-bottom: 0px;
}

.ag-alert {
  font-size: 1rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
  align-items: start;
}

.ag-radek {
  display: grid;
  /*grid-template-columns: 1fr  ;
  grid-template-areas: "levy " "pravy";*/
  grid-template-rows: auto;
}

.ag-radek-SlA1 {
  grid-template-columns: auto 1fr;
}

.ag-radek-Sl21 {
  /* grid-template-columns: 1fr ;*/
}

.ag-radek-levy {
  grid-area: levy;
}

.ag-radek-pravy {
  grid-area: pravy;
}

.ag-radek-Rd2 {
  display: grid;
  grid-template-areas: "prvni" "druhy";
  grid-template-rows: 1fr auto;
}

.ag-radek-prvni {
  grid-area: prvni;
}

.ag-radek-druhy {
  grid-area: druhy;
}

.ag-clanek h3 {
  background-color: #ffffff !important;
  background-image: none;
}
.ag-clanek {
  max-width: 45rem;
  margin: auto;
}
.ag-clanek a {
  color: #FF9966 !important;
}

.ag-topzprava {
  border: 3px solid #EEEEEE;
  margin: 3px;
  padding: 10px;
  background-color: #FAFAFA;
  width: 20rem;
}

/*# sourceMappingURL=zaklad.css.map */