@charset "UTF-8";
:root {
  --main-primary: #1a7228;
  --main-secondary: #595959; }

body {
  margin: 0px; }

nav.header {
  background-color: var(--main-primary);
  color: whitesmoke; }

nav .nav-link:hover {
  color: var(--main-secondary) !important; }

.hlavicka-nadpis {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0px; }

.hlavicka-sloupec {
  padding: 0px; }

.logo-container {
  padding: 0px;
  background-color: white; }

.logo-container a {
  padding: 0px; }

.navbar-toggle {
  border: none;
  background-color: inherit;
  color: white;
  padding: 10px; }

.mainContent {
  padding: 25px;
  overflow: hidden; }

footer {
  background-color: var(--main-secondary) !important; }

.odkaz-box {
  padding-right: 1em; }

.odkaz-box a {
  font-weight: bold;
  color: whitesmoke;
  text-decoration: none; }

.off {
  pointer-events: none; }

.on {
  pointer-events: all; }

/*Nadpis na stránkách*/
.obsah h3 {
  font-size: 40px;
  font-weight: bold;
  text-align: center; }

/*sidebar*/
#sidebar {
  width: 200px;
  height: 100vh;
  transition: width ease-in-out 1s; }

#sidebar ul {
  position: sticky;
  top: 0; }

@media screen and (max-width: 767px) {
  #sidebar span {
    display: none; }

  #sidebar {
    padding: 0;
    width: fit-content; }

  #sidebar ul {
    display: flex;
    align-items: center;
    flex-direction: column; } }
@media screen and (min-width: 768px) {
  #sidebar {
    padding: 10px; }

  .logoPompo {
    width: 200px; } }
/*sidebar test*/
#sidebar .nav {
  width: 95%; }

.dropdown-body {
  display: none; }

.alert-secondary {
  font-weight: 550; }

.tabulka td, .tabulka th {
  padding: 3px;
  border: 1px solid black;
  border-collapse: collapse; }

/*tiles*/
.tile-link {
  text-decoration: none; }

.tile-wrapper {
  border: 1px solid var(--main-secondary);
  border-radius: 8px;
  padding: 30px; }

.tile-wrapper {
  width: 100%;
  color: var(--main-secondary) !important;
  -webkit-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out; }

.velka-ikona {
  font-size: 50px; }

.tile-wrapper:hover {
  color: whitesmoke !important;
  background-color: var(--main-primary);
  -webkit-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out; }

.comment * {
  font-style: italic !important; }

textarea {
  width: 250px;
  height: 200px; }

/*Klient, Objednavky - index (tabulka)*/
.responsiveTable .dataTables_wrapper {
  overflow: auto; }
  .responsiveTable .dataTables_wrapper .row {
    width: 100%; }
    .responsiveTable .dataTables_wrapper .row .col-sm-12 {
      margin: 5px 0px; }
    .responsiveTable .dataTables_wrapper .row:nth-child(1) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .responsiveTable .dataTables_wrapper .row:nth-child(1) > * {
        width: fit-content; }
    .responsiveTable .dataTables_wrapper .row:nth-child(3) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .responsiveTable .dataTables_wrapper .row:nth-child(3) > * {
        width: fit-content; }
  .responsiveTable .dataTables_wrapper .dataTables_paginate ul.pagination {
    justify-content: flex-start !important; }

@media screen and (max-width: 1200px) {
  .responsiveTable {
    margin: auto;
    width: 90%;
    padding-left: 20px;
    padding-right: 0; } }
@media screen and (min-width: 1200px) {
  .responsiveTable {
    margin: auto;
    width: 830px;
    padding-left: 20px;
    padding-right: 0; } }

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