body {
    padding-top: 64px;
}

.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);
}

.navbar-fixed-top .navbar-collapse {
    max-height: 500px !important;
}

.alert .fa:before {
    font-family: FontAwesome;
    padding-right: 0.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 {
    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;
}

.box {
    background: #EEEEEE;
    padding: 6px 10px 6px 10px;
    margin: 5px 20px 5px 0px;
    position: relative;
    border-radius: 4px;
}

.date {
    font-size: 10px;
    margin-bottom: -6px;
}

.delete-box {
    text-align: right;
}

.text-area textarea {
    width: 100%;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    overflow: hidden; 
    padding: 0;
  }
  
  .tag {
    background: rgb(80, 80, 80);
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
  }

  .tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
  }
  
  .tag::after {
    background: #EFEFEF;
    border-bottom: 13px solid transparent;
    border-left: 10px solid rgb(80, 80, 80);
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .tag:hover {
    background-color: rgb(185, 60, 85);
    text-decoration: none;
    color: white;
  }
  
  .tag:hover::after {
     border-left-color: rgb(185, 60, 85);
  }

  .tags-vypis {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    overflow: hidden; 
    padding: 0;
  }
  
  .tag-vypis {
    background: rgb(80, 80, 80);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 2px 10px 0 10px;
    position: relative;
    margin: 2px 5px;
    -webkit-transition: color 0.2s;
  }
  
  /* NABIDKY */
  .tabulka-nabidky th:nth-last-of-type(2) {
    width: 50px;
  }
  .tabulka-nabidky th:last-of-type {
    width: 180px;
  }

  
  /* OBJEDNAVKY */
  .tabulka-objednavky th:nth-last-of-type(2) {
    width: 50px;
  }
  .tabulka-objednavky th:last-of-type {
    width: 180px;
  }
  
  /* FAKTURY */
  .tabulka-faktury th:nth-last-of-type(2) {
    width: 50px;
  }
  .tabulka-faktury th:last-of-type {
    width: 200px;
  }