.nav a:hover{
  background-color: #ddd !important;
}

.nav a:active{
  background-color: #aaa !important;
  color: #333;
}
.navbar-hnus{
  background-color: #efefef;
  border-bottom: 1px solid #bbb;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
@media screen and (max-width: 767px){
  .table-responsive {
    border: none;
  }
}
.navbar-fixed-top .navbar-collapse {
  max-height: 500px !important;
}
.flash-messages {
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 50px;
}
.alert .close .close-btn:before {
  font-family: FontAwesome;
  padding-right: 0.5em;
  content: "\f00d";
}
.alert .fa:before {
  font-family: FontAwesome;
  padding-right: 0.5em;
  line-height: 1.5em;
}
.alert.alert-success .fa:before {
  content: "\f00c";
}
.alert.alert-info .fa:before {
  content: "\f129";
}
.alert.alert-warning .fa:before {
  content: "\f071";
}
.alert.alert-danger .fa:before {
  content: "\f00d";
}
.decimal {
  text-align: right;
}
.int {
  text-align: right;
}
.modal-body input.btn{
  width: 100%;
}
.modal-body .aacomplete {
  width: 100%;
}
.navbar a {
  color: inherit;
  text-decoration: inherit;
}
.navbar a:hover {
  color: inherit;
  text-decoration: inherit;
}
.text-c1 {
  color: #84D5A4;
}
.text-c2 {
  color: #C059CB;
}
.text-c3 {
  color: #D0533D;
}
.text-c4 {
  color: #415354;
}
.text-c5 {
  color: #CEA953;
}
.text-c6 {
  color: #91D44B;
}
.text-c7 {
  color: #CD5B89;
}
.text-c8 {
  color: #A8B6C0;
}
.text-c9 {
  color: #797ECB;
}
.text-c10 {
  color: #567539;
}
.text-c11 {
  color: #72422F;
}
.text-c12 {
  color: #5D3762;
}
a button{
  color: black;
}
a .white {
  color: #fff;
}
th[data-type="decimal"]{
  text-align: right;
}
th[data-type="numeric"]{
  text-align: right;
}
th[data-type="int"]{
  text-align: right;
}
.card-doklad-header label {
  max-width: 100%;
}
.card-doklad-items {
  border-radius: 7px;
}
.card-doklad-items label {
  font-size: 12px !important;
}
.flash-messages {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.navbar.navbar-light{
  background: #f2f2f2 !important;
}
.grid-container-lg {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .grid-container-lg {
    display: grid;
    grid-gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}
@media (min-width: 1200px) {
  .grid-container-lg {
    grid-template-columns: repeat(auto-fit, minmax(650px, 1fr));
  }
}
.no-permission {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: -1rem;
  padding: 1rem;
  background-color: #f2f2f2;
}
.no-permission i {
  font-size: 2rem;
  color: darkgray;
}
.no-permission p {
  margin-bottom: 0;
}
.grid-row {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding: 0 10px 5px 10px;
}
.g-item.w2 {
  grid-column: span 2;
}
.g-item.w3 {
  grid-column: span 3;
}
.g-item.w4 {
  grid-column: span 4;
}
.g-item.w5 {
  grid-column: span 5;
}
.g-item.w6 {
  grid-column: span 6;
}
.g-item.w7 {
  grid-column: span 7;
}
.g-item.w8 {
  grid-column: span 8;
}
.g-item.w9 {
  grid-column: span 9;
}
.g-item.w10 {
  grid-column: span 10;
}
.g-item.w11 {
  grid-column: span 11;
}
.g-item.w12 {
  grid-column: span 12;
}
@media only screen and (max-width: 992px) {
  .g-item.w-s-2 {
    grid-column: span 2 !important;
  }
  .g-item.w-s-3 {
    grid-column: span 3 !important;
  }
  .g-item.w-s-4 {
    grid-column: span 4 !important;
  }
  .g-item.w-s-5 {
    grid-column: span 5 !important;
  }
  .g-item.w-s-6 {
    grid-column: span 6 !important;
  }
  .g-item.w-s-7 {
    grid-column: span 7 !important;
  }
  .g-item.w-s-8 {
    grid-column: span 8 !important;
  }
  .g-item.w-s-9 {
    grid-column: span 9 !important;
  }
  .g-item.w-s-10 {
    grid-column: span 10 !important;
  }
  .g-item.w-s-11 {
    grid-column: span 11 !important;
  }
  .g-item.w-s-12 {
    grid-column: span 12 !important;
  }
}
@media only screen and (max-width: 576px) {
  .g-item.w-xs-2 {
    grid-column: span 2 !important;
  }
  .g-item.w-xs-3 {
    grid-column: span 3 !important;
  }
  .g-item.w-xs-4 {
    grid-column: span 4 !important;
  }
  .g-item.w-xs-5 {
    grid-column: span 5 !important;
  }
  .g-item.w-xs-6 {
    grid-column: span 6 !important;
  }
  .g-item.w-xs-7 {
    grid-column: span 7 !important;
  }
  .g-item.w-xs-8 {
    grid-column: span 8 !important;
  }
  .g-item.w-xs-9 {
    grid-column: span 9 !important;
  }
  .g-item.w-xs-10 {
    grid-column: span 10 !important;
  }
  .g-item.w-xs-11 {
    grid-column: span 11 !important;
  }
  .g-item.w-xs-12 {
    grid-column: span 12 !important;
  }
}
.g-center {
  justify-self: center;
}
.g-right {
  justify-self: right;
}
.g-left {
  justify-self: left;
}
.g-column-end {
  grid-column-end: 24;
}
@media only screen and (max-width: 890px) {
  .grid-row {
    grid-template-columns: repeat(24, 1fr);
    grid-gap: 2px;
  }
}
.card-doklad-items {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.doklad-item:nth-of-type(even) .card-body{
  background-color: rgba(0, 0, 0, 0.025);
  border-right: solid .4em #3b3b3b8f !important;
  border-left: solid .4em #3b3b3b8f !important;
}
.doklad-item:nth-of-type(even) .grid-row{
  padding: 0 5px 5px 5px;
}
.doklad-item:nth-of-type(odd) .card-body{
  border-right: solid .4em #f3f3f3 !important;
  border-left: solid .4em #f3f3f3 !important;
}
.doklad-item:nth-of-type(odd) .grid-row{
  padding: 0 5px 5px 5px;
}
.dok-it .form-check-input {
  padding:10px;
  margin:0 5px;
}
/** ONE LINE **/
.btn-one-line {
  height: 30px;
  margin: auto;
}
.card-doklad-items {
  margin: 7px auto;
  max-width: 1850px;
}
.dok-it {
  padding: 5px 10px;
}
.dok-it > div {
  padding: 2px;
}
.dok-it > div > label {
  text-overflow: ellipsis;
  display: inline-block;
  min-width: 45px;
  overflow: hidden;
  white-space: nowrap;
}
.uplSleva {
  min-width: 88px;
}
@media only screen and (max-width: 1400px) {
  .dok-it.cenik.one-line {
    display: grid !important;
    grid-template-rows: repeat(2, auto) !important;
    grid-auto-flow: column !important;
  }
}
@media only screen and (max-width: 890px) {
  .dok-it.cenik.one-line {
    grid-template-rows: repeat(3, auto) !important;
  }
  .dok-it {
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
  .dok-it > div > label {
    max-width: 100%;
    /* width: 70px; */
  }
  .uplSleva > label {
    white-space: normal !important;
  }
  /* .uplSleva {
    grid-column: span 3 !important;
  } */
  .dok-it > div {
    padding-right: 1px;
    padding-left: 1px;
  }
}
@media only screen and (max-width: 700px) {
  .dok-it.cenik.one-line {
    grid-template-rows: repeat(4, auto) !important;
  }
  /* .dok-it > div > label {
    max-width: 90px;
    width: 1px;
  } */
  /* .uplSleva {
    grid-column: span 2 !important;
  } */
}
@media only screen and (max-width: 500px) {
  .dok-it.cenik.one-line {
    grid-template-rows: repeat(5, auto) !important;
  }
}
.stretch-input > input:focus {
  animation: stretchIt 0.5s forwards;
}
@keyframes stretchIt {
  from {
    width: 120px;
  }
  to {
    width: 300px;
  }
}
.small-stretch-input * > input:focus {
  animation: stretchItSmall 0.5s forwards;
}
@keyframes stretchItSmall {
  from {
    width: 120px;
  }
  to {
    width: 200px;
  }
}
.no-overflow > label{
  white-space: normal !important;
}
.poplatek-one-line {
  margin-top: -10px;
  padding-bottom: 10px;
}
.order-6 {
  order: 6 !important
}
.order-7 {
  order: 7 !important
}
.order-8 {
  order: 8 !important
}
.order-9 {
  order: 9 !important
}
.order-10 {
  order: 10 !important
}
.order-11 {
  order: 11 !important
}
.order-12 {
  order: 12 !important
}
.order-13 {
  order: 13 !important
}
.order-14 {
  order: 14 !important
}
.order-15 {
  order: 15 !important
}
.order-16 {
  order: 16 !important
}
.order-17 {
  order: 17 !important
}
.order-18 {
  order: 18 !important
}
.order-19 {
  order: 19 !important
}
.order-20 {
  order: 20 !important
}
.card-body.adress > a {
  color: black;
  text-decoration: none;
}
.card-body.adress:has(.collapse.show) .indicator::after {
  content: "-"
}
.card-body.adress:has(.collapse:not(.show)) .indicator::after {
  content: '+';
}