/*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;
  padding: 5px; }

.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;
  background-color: #e2e3e5;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 140px repeat(4, 100px) 150px repeat(2, 80px);
  max-width: 600px;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0; }
  .objednavka-formular input, .objednavka-formular select {
    font-size: 20px;
    max-width: 250px;
    width: 100%;
    cursor: pointer; }
  .objednavka-formular .form-box {
    height: 100px; }
  .objednavka-formular .objednavka-formular-nadpis {
    grid-column: 1/3;
    grid-row: 1/2;
    width: fit-content;
    margin: auto;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px; }
  .objednavka-formular label {
    margin-left: 10px;
    font-weight: bold; }
  .objednavka-formular .objednavka-formular-vydejna {
    grid-column: 1/2;
    grid-row: 2/3; }
  .objednavka-formular .objednavka-formular-datum {
    grid-column: 1/2;
    grid-row: 3/4; }
  .objednavka-formular .objednavka-formular-cas {
    grid-column: 1/2;
    grid-row: 4/5; }
  .objednavka-formular .objednavka-formular-ukon {
    grid-column: 2/3;
    grid-row: 2/3; }
  .objednavka-formular .objednavka-formular-stav {
    grid-column: 2/3;
    grid-row: 3/4; }
  .objednavka-formular .objednavka-formular-pocetBalicku {
    grid-column: 2/3;
    grid-row: 4/5; }
  .objednavka-formular .objednavka-formular-misto {
    grid-column: 1/2;
    grid-row: 5/6; }
  .objednavka-formular .objednavka-formular-poznamka {
    height: 150px;
    grid-column: 1/3;
    grid-row: 6/7; }
    .objednavka-formular .objednavka-formular-poznamka textarea {
      width: 100%;
      height: 70%;
      resize: none; }
  .objednavka-formular .objednavka-formular-ulozit {
    grid-column: 1/3;
    grid-row: 7/8; }
  .objednavka-formular .objednavka-formular-ulozit, .objednavka-formular .objednavka-formular-pridatKlienty {
    width: 200px;
    padding: 5px 20px;
    height: fit-content;
    margin: auto; }
  .objednavka-formular .objednavka-formular-pridatKlienty {
    grid-column: 1/3;
    grid-row: 8/9; }

@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 {
    display: flex;
    width: 100%;
    flex-direction: column; }
    .objednavka-formular .objednavka-formular-nadpis {
      font-size: 34px; }
    .objednavka-formular div {
      height: 80px; }
    .objednavka-formular .objednavka-formular-poznamka {
      height: 200px; }

  .objednavky-forms {
    padding: 0; } }
/*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 */