/*Objednavky*/
.objednavky-Text {
  width: 500px;
  margin: auto; }

@media screen and (max-width: 900px) {
  .objednavky-Text {
    width: 70%; } }
.objednavky-druhaTabulka {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 100px;
  width: 100%; }

.objednavky-druhaTabulka > div {
  overflow: auto; }

.objednavky-druhaTabulka > input {
  grid-column: 1/3;
  grid-row: 2/3;
  width: 200px;
  margin: auto; }

.responsiveTableObjednavky .row:nth-child(1),
.responsiveTableObjednavky .row:nth-child(3) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.responsiveTableObjednavky .row:nth-child(1) > div,
.responsiveTableObjednavky .row:nth-child(3) > div {
  width: fit-content; }

@media screen and (max-width: 650px) {
  .objednavky-druhaTabulka {
    display: block; }

  #grid-layout > div {
    margin-bottom: 75px; }

  #grid-layout > input {
    margin: auto;
    width: 174px;
    display: block; } }
#max-pocet-indikator {
  margin-left: 12px; }

/*objednavky formular*/
.objednavky-forms {
  display: flex;
  flex-direction: column;
  align-items: center; }

.objednavka-formular {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100px repeat(3, 80px) 150px repeat(2, 80px);
  width: 500px;
  border: 1px solid black;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0; }

.objednavka-formular input, .objednavka-formular select {
  font-size: 20px;
  max-width: 100%;
  width: 200px; }

.objednavka-formular-nadpis {
  grid-column: 1/3;
  grid-row: 1/2;
  width: fit-content;
  margin: auto;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px; }

.objednavka-formular-cas input, .objednavka-formular-datum input {
  max-width: 100%;
  width: 170px; }

.objednavka-formular label {
  font-weight: bold; }

.objednavka-formular-vydejna {
  grid-column: 1/2;
  grid-row: 2/3; }

.objednavka-formular-datum {
  grid-column: 1/2;
  grid-row: 3/4; }

.objednavka-formular-cas {
  grid-column: 1/2;
  grid-row: 4/5; }

.objednavka-formular-ukon {
  grid-column: 2/3;
  grid-row: 2/3; }

.objednavka-formular-stav {
  grid-column: 2/3;
  grid-row: 3/4; }

.objednavka-formular-pocetBalicku {
  grid-column: 2/3;
  grid-row: 4/5; }

.objednavka-formular-poznamka {
  grid-column: 1/3;
  grid-row: 5/6; }

.objednavka-formular-poznamka textarea {
  width: 100%;
  height: 70%; }

.objednavka-formular-ulozit {
  grid-column: 1/3;
  grid-row: 6/7; }

.objednavka-formular .objednavka-formular-ulozit, .objednavka-formular .objednavka-formular-pridatKlienty {
  width: 200px;
  padding: 5px 20px;
  height: fit-content;
  margin: auto; }

.objednavka-formular-pridatKlienty {
  grid-column: 1/3;
  grid-row: 7/8; }

@media screen and (max-width: 600px) {
  .objednavka-formular {
    display: flex;
    width: 300px;
    flex-direction: column; }

  .objednavka-formular div {
    height: 80px; }

  .objednavka-formular .objednavka-formular-poznamka {
    height: 200px; } }
@media screen and (max-width: 405px) {
  .objednavka-formular .objednavka-formular-nadpis {
    font-size: 32px; }

  .objednavky-forms {
    padding: 0; }

  .objednavka-formular {
    display: flex;
    width: 100%;
    flex-direction: column; }

  .objednavka-formular-nadpis {
    font-size: 24px; }

  .objednavka-formular div {
    height: 80px; }

  .objednavka-formular .objednavka-formular-poznamka {
    height: 200px; } }
/*PridatKlienta switch*/
.objednavky-tabulka-tlacitka {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  margin-left: 20px;
  width: fit-content;
  border: 7px solid #198754;
  border-radius: 50px; }
  .objednavky-tabulka-tlacitka > button {
    background-color: transparent;
    width: 120px;
    border: none;
    font-weight: bold; }
    .objednavky-tabulka-tlacitka > button:hover {
      background-color: #becac4; }
  .objednavky-tabulka-tlacitka #dohromady {
    border-radius: 50px 0 0 50px; }
  .objednavky-tabulka-tlacitka #rozdelene {
    border-radius: 0 50px 50px 0; }
  .objednavky-tabulka-tlacitka button.active {
    background-color: #198754;
    color: white; }

/*# sourceMappingURL=orders.css.map */
